① 태그는 여는 태그(Start tag)와 닫는 태그(End tag)로 이루어진 보통의 태그(Paired Tag)가 있고, 하나의 태그로만 이루어진 단일 태그(Unpaired Tag)가 있다.
㉠ 속성(attribute)는 여는 태그에 존재하며, 요소(Element)에 기능을 추가하기 위해 작성한다.
② HTML 요소(Element)는 여는 태그부터 닫는 태그까지의 모든 것을 포함한 것을 일컫는다.
③ HTML 태그를 표현할 때 대소문자를 구분하지 않는다.
㉠ 예를 들어 <p>와 <P>는 같은 표현이다.
㉡ 따라서 소문자를 사용하는 것, 대문자를 사용하는 것, 소문자와 대문자를 혼용하는 것 모두 허용된다.
lower case
UPPER CASE
mixed CASE
MIXED case
㉢ 가독성을 위해서는 태그를 표현할 때 한 가지 방식으로만 표현하는 것이 좋다.
㉣ 일반적으로는 소문자로 작성한다.
④ 여는 태그와 닫는 태그를 오탈자없이 정확히 입력해야 에러와 버그를 피할 수 있다.
⑤ 태그는 속성(attribute)과 함께 사용할 수 있다.
㉠ 속성은 요소에 부가적인 특성을 부여해 준다.
ⓐ 속성을 생략하면 요소의 기본 속성이 적용된다.
⑥ HTML 요소는 다른 요소 내부에 중첩(nested)될 수 있다. 이는 특정 요소의 내용으로 다른 요소가 올 수 있다는 것을 의미한다.
㉠ 모든 HTML 문서는 <html> 요소에 중첩된 HTML 요소들로 구성되어 있다.
ⓐ <html> 태그 안에 <body>, <h1>, <p> 요소가 중첩되어 있음을 알 수 있다.
First Headeing
First paragraph
⑦ 닫는 태그가 없는 경우에도 상위(upper)의 HTML 요소는 제대로 표시된다.
㉠ 그러나 중첩된 HTML 요소의 닫는 태그가 없는 경우 원하는 대로 표시되지 않는다.
ⓐ </h1>와 </p>가 없다. <h1>의 특성이 <h1> 요소와 <p>요소에 적용되었고, <p>의 특성은 나타나지 않는다.
Missing Headeing end tag, but correct
Missing paragraph end tag, and incorrect
ⓑ </p>가 없다. <h1>과 <p>의 특성이 둘 다 나타난다.
Headeing
Missing paragraph end tag, but correct
⑤ 내용(Element content)이 없는 단일 태그를 빈 요소(Empty Elements)라고 한다.
㉠ 예를 들어 <br>이 있다.
⑥ 시작 태그와 종료 태그는 같은 줄에 올 필요는 없다.
Headeing
'All about WEB > All about HTML' 카테고리의 다른 글
| 8. HTML 단락(Paragraphs) (0) | 2021.06.05 |
|---|---|
| 7. HTML 제목 (Headings) (0) | 2021.06.05 |
| 6. HTML 속성(attribute) (0) | 2021.06.05 |
| 5. HTML 기본 태그 (0) | 2021.06.05 |
| 2. HTML 에디터 추천, 비교 (0) | 2021.05.29 |
