728x90
1. 시맨틱 태크 란
시맨틱 태그는 "의미가 있는 태그"라는 뜻이다. 즉, HTML tag들 중에서도 나름의 의미가 있는 태그들을 말한다.
단, 익스플로어8에서는 지원을 하지 않는다.
* 참고 사이트
@web's Reference
HTML/CSS/JAVASCRIPT/JQUERY Reference 사이트입니다.
webzz.tistory.com
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {background: #c8e6c9;}
#wrap {width: 1000px; height: 900px; margin: 0 auto;}
header {width: 1000px; height: 100px; background: #2e7d32;}
nav {width: 1000px; height: 100px; background: #388e3c; }
aside {float: left; width: 300px; height: 600px; background: #43a047;}
section {float: left; width: 700px; height: 600px; background: #4caf50;}
footer {float: left; width: 1000px; height: 100px; background: #66bb6a;}
</style>
</head>
<body>
<div id="wrap">
<header></header>
<nav></nav>
<aside></aside>
<section></section>
<footer></footer>
</div>
</body>
</html>
'내마음대로만들어보자 > HTML' 카테고리의 다른 글
| 반응형 사이트 - 레이아웃 유형 (0) | 2022.04.07 |
|---|---|
| 반응형 사이트 만들기 - 미디어쿼리 예제 (0) | 2022.04.07 |
| 웹페이지 만들기 연습 - CookIt (0) | 2022.03.21 |
| 웹디자인연습 - 컨텐츠영역(레이어팝업,탭메뉴) (0) | 2022.03.15 |
| 웹디자인 연습 - 이미지슬라이드 (0) | 2022.03.14 |
