일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- dependency
- Jenkins
- 클래스
- suvlet
- 인텔리제이
- https://start.spring.io
- 빌드
- bootstrap
- Scanner
- maven
- start.spring.io
- 언박싱
- 스프링
- 싱글톤
- 제네릭
- 싱글턴
- unboxing
- 자동형변환
- wrapper
- Java
- 컬렉션
- 박싱
- 콜렉션
- 루프
- Short
- 제너릭
- 무한
- 메소드
- boxing
- 내장객체
Archives
- Today
- Total
Developer Gonie
[8주차] 9. 태그 : <img, figure> 사진 띄우는 기능 본문
<img scr="띄워줄 파일의 경로">
- 파일의 경로는 현재 html파일이 있는 위치를 기준으로 해당 파일을 찾아갈 수 있도록 작성하며
'./' 는 현재 위치를 의미하는데 이는 생략이 가능하다.
+ title 속성 : 마우스를 사진위에 올리면 일시적으로 보여지는 텍스트를 지정 가능
+ alt 속성 : 링크가 잘못되어 이미지를 못 가져와 엑박이 뜰 경우 사진을 대신해 엑박과 출력될 텍스트를 지정 가능
+ width 속성 : 이미지의 너비 크기 지정
+ height 속성 : 이미지의 세로 크기 지정
<figure>
<figcaption> 이미지에 달고싶은 제목 </figcaption>
<img src="띄워줄 파일의 경로">
</figure>
- 이미지에 제목을 달아주고 싶은 경우 figcaption 태그로 제목을 작성하고 figure 태그로 img 태그를 함께 감싸주면 된다.
'K-DigitalTraining 강의 > 4. HTML(웹표준)' 카테고리의 다른 글
[8주차] 11. 태그 : <b, strong, u, i, h, font> 글자 속성 조정가능 태그 (0) | 2022.06.28 |
---|---|
[8주차] 10. 태그 : <audio, video> 미디어를 띄우고 재생시키는 기능 (0) | 2022.06.28 |
[8주차] 8. 태그 : <ul, ol, dl> 리스트 작성 기능 (0) | 2022.06.28 |
[8주차] 7. 태그 : <title, br, hr> (0) | 2022.06.28 |
[8주차] 6. html, jsp파일 생성시 자동으로 인코딩 방식이 UTF-8이 입력되도록 설정을 바꾸는 방법 (0) | 2022.06.28 |
Comments