728x90
<!DOCTYPE html>
<html>
<head>
<title>Figure Tag Lab</title>
<style>
/* Add styles here */
#myCaption { font-style: italic; }
</style>
</head>
<body>
<!-- Write your code here -->
<figure id = "myFigure">
<figcaption id="myCaption">This is my sample figure caption</figcaption>
</figure>
<img src="https://img.freepik.com/free-photo/dozing-lamb-in-the-springtime-resting-in-a-field_493961-411.jpg" alt="" id="figureImage">
</body>
</html>
figure태그가 무엇인지 딱 안떠올랐다.
figure 태그는 독립적인 콘텐츠를 설명하는 태그라고 한다.
figure 태그로 figcaption 태그를 감싼다.
figcaption 태그는 제목이나 설명글을 나타낼 수 있다.
[HTML] 목록 요소 | 표를 만드는 순서
목록 요소 태그? 점으로 표시되는 목록, 정렬되지 않은 목록 태그? 목록 만들기 태그를 사용하고 태그를 사용한다. 순서 없는 목록의 경우, 각 항목앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙
recordoftheday.tistory.com
https://codedamn.com/challenge/30-days-of-html-css
30 Days of HTML CSS - Codedamn
Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer.
codedamn.com
728x90
'30Days of HTML CSS' 카테고리의 다른 글
| [30 Days of HTML CSS] Day 07 | Codedamn CSS Text Shadow Lab (0) | 2023.11.23 |
|---|---|
| [30Days of HTML CSS] Day 06 | Text-Overflow Property Lab (0) | 2023.11.22 |
| [30Days of HTML CSS] Day 04 | Position Property Lab (0) | 2023.11.20 |
| [30Days of HTML CSS] Day 03 | CSS Shapes Lab (0) | 2023.11.20 |
| [30Days of HTML CSS] Day 02 | Input Types Lab (0) | 2023.11.20 |