Jade_o.o
[html] 02 - semantic 태그 사용 본문
semantic 태그를 사용하여 웹의 영역 header, main, sesction, aside, footer에 대해 알아보았다
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>semantic 태그 사용</title>
</head>
<body>
<header style="height: 50px; background-color: pink;">header</header>
<main style="height: 1000px; background-color: skyblue; display: flex;">
<section style="background-color: orange; width: 80%;">
<article>article</article>
<article>article</article>
<article>article</article>
<article>article</article>
</section>
<aside style="background-color: gray; width: 20%;">aside</aside>
</main>
<footer style="background-color: lime; height: 100px;">footer</footer>
</html>
=> html 코드 실행 시 결과창
'HTML' 카테고리의 다른 글
| [html] 06 - 기본 태그 사용하기 실습-카페 음료 문서 작성 (0) | 2024.01.10 |
|---|---|
| [html] 05 - tag 사용하기 (1) | 2024.01.10 |
| [html] 04 - table 만들기 (0) | 2024.01.10 |
| [html] 03 - form 구성 태그 (0) | 2024.01.10 |
| [html] 01 - div style, span style (0) | 2024.01.10 |