|
// 기본 형태
<TAG></TAG>
<TAG>CONTENT</TAG>
// 속성(Attributes)과 값(Value)
<TAG 속성="값"></TAG>
ex.
<img src="./image.jpg" alt="사진" />
<div class="name">이름</div>
// 부모와 자식 요소
<PARENT>
<CHILD></CHILD>
</PARENT>
ex.
<section class="fruits">
<h1>과일 목록</h1>
<ul>
<li>사과</li>
<li>딸기</li>
<li>바나나</li>
<li>오렌지</li>
</ul>
</section>
// 빈 태그(한가지만 사용하기)
<TAG>
<TAG/>
<TAG />
// HTML 문서의 범위
<!DOCTYPE html>
<html>
<head>
문서의 정보
</head>
<body>
문서의 구조
</body>
</html>
ex.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="홍길동">
<meta name="description" content="우리 사이트가 최고!">
// 웹 페이지의 제목
<title>내 사이트</title>
// LINK(CSS 불러오기)
<link rel="stylesheet" href="./css/main.css">
// SCRIPT(JS 불러오거나 작성하기)
<script src="./js/main.js"></script>
</head>
<body>
<section>
<h1></h1>
<div>
<ul>
<li></li>
<li></li>
</ul>
</div>
</section>
</body>
</html>
|
cs |
'::public > HTML & CSS(SCSS)' 카테고리의 다른 글
| HTML - 요소(iframe, canvas) (0) | 2021.03.25 |
|---|---|
| HTML - 요소(img, audio, video) (0) | 2021.03.24 |
| HTML - 요소(Elements & Attributes) 총정리 (0) | 2021.03.22 |
| HTML - 블록 레벨(block level) 요소와 인라인(inline) 요소 (0) | 2021.03.19 |
| 기본 환경 설정 (0) | 2021.03.18 |