Notice
Recent Posts
Recent Comments
관리 메뉴

Developer Gonie

[8주차] 9. 태그 : <img, figure> 사진 띄우는 기능 본문

K-DigitalTraining 강의/4. HTML(웹표준)

[8주차] 9. 태그 : <img, figure> 사진 띄우는 기능

이대곤 2022. 6. 28. 18:27

<img scr="띄워줄 파일의 경로">

- 파일의 경로는 현재 html파일이 있는 위치를 기준으로 해당 파일을 찾아갈 수 있도록 작성하며
  './' 는 현재 위치를 의미하는데 이는 생략이 가능하다.

+ title 속성 : 마우스를 사진위에 올리면 일시적으로 보여지는 텍스트를 지정 가능

+ alt 속성 : 링크가 잘못되어 이미지를 못 가져와 엑박이 뜰 경우 사진을 대신해 엑박과 출력될 텍스트를 지정 가능

+ width 속성 : 이미지의 너비 크기 지정

+ height 속성 : 이미지의 세로 크기 지정

 

<figure>

     <figcaption> 이미지에 달고싶은 제목 </figcaption>

     <img src="띄워줄 파일의 경로">   

</figure>

- 이미지에 제목을 달아주고 싶은 경우 figcaption 태그로 제목을 작성하고 figure 태그로 img 태그를 함께 감싸주면 된다.

Comments