HTML 요소는 시작 태그, 일부 콘텐츠 및 종료 태그로 정의됩니다.
HTML 요소 는 시작 태그에서 끝 태그까지의 모든 것입니다.
<tagname> 여기에 콘텐츠 입력 </tagname>
<h1> 제목 </h1>
<p> 단락 </p>
일부 HTML 요소에는 콘텐츠가 없습니다 (예 : <br> 요소). 이러한 요소를 빈 요소라고합니다.
빈 요소에는 종료 태그가 없습니다!
ex ) <p class="title"> 문단제목 </p>
위 요소를 분해하면
시작태그 → <p>
종료태그 → </p>
속성명 → class
속성값 → "title"
내용 → 문단제목
중첩 된 HTML 요소
HTML 요소는 중첩 될 수 있습니다 (즉, 요소에 다른 요소가 포함될 수 있음).
모든 HTML 문서는 중첩 된 HTML 요소로 구성됩니다.
다음 예는 다섯개의 HTML 요소를 (포함 <html>,<head>,<body>,<h1> 과 <p>)
|
1
2
3
4
5
6
7
8
9
10
11
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>타이틀 </title>
</head>
<body>
<h1>제목태그</h1>
<p>단락태그</p>
</body>
</html>
|
cs |
<html>요소는 루트 요소이며 전체 HTML 문서를 정의합니다.
시작 태그 <html>와 종료 태그가 </html>있습니다.
그런 다음 <html>요소 내부에 요소가 있습니다 <body>
<body>요소는 문서의 본문을 정의합니다.
시작 태그 <body>와 종료 태그가 </body>있습니다.
그리고, 내부 <body>요소가 다른 두 요소는 다음 <h1>과 <p>
<h1>요소는 제목을 정의합니다.
시작 태그 <h1>와 종료 태그가 있습니다 </h1>
<p>요소는 문단을 정의합니다.
시작 태그 <p>와 종료 태그가 있습니다 </p>
빈 HTML 요소
콘텐츠가없는 HTML 요소를 빈 요소라고합니다.
<br>태그는 줄 바꿈을 정의하고, 닫는 태그가없는 빈 요소입니다 :
|
1
2
3
4
5
6
7
8
9
10
11
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>타이틀 태그</title>
</head>
<body>
<p>제목태그</p>
<p>단락태그</p>
</body>
</html>
|
cs |
<br>태그 추가
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>타이틀 태그</title>
</head>
<body>
<p>제목태그</p>
<br>
<p>단락태그</p>
</body>
</html>
|
cs |
HTML은 대소 문자를 구분하지 않습니다.
HTML 태그는 대소 문자를 구분하지 않습니다 : <P>같은 의미합니다 <p>.
HTML 표준에는 소문자 태그가 필요하지 않지만 W3C 는 HTML에서 소문자를 권장 하고 XHTML과 같은 더 엄격한 문서 유형에는 소문자를 요구 합니다. 항상 소문자로 작성하는게 습관을 들이는게 좋습니다.
'HTML' 카테고리의 다른 글
| 06. a 태그에서 함수 호출 (0) | 2021.07.16 |
|---|---|
| 05. 웹 성능 최적화를 위한 Image Lazy Loading 기법 (0) | 2021.07.07 |
| 04. HTML 속성 (0) | 2021.02.14 |
| 02. HTML 기본구조 (0) | 2021.02.08 |
| 01. HTML기초 (0) | 2021.02.08 |