1. 태그
웹페이지는 이미지, 텍스트, 버튼, 링크 등등 매우 다양한 요소로 이루어져있다.
HTML 태그가 이런 구성요소를 정의하는 역할을 하면 HTML 문법을 이루는 가장 작은 단위이다.
형식
💡 <태그명>
2. 속성
속성은 태그에 어떤 의미나 기능을 보충하는 역할을 한다.
옵션이라고 생각하면 된다. 따라서 사용하지 않아도 되고, 여러개를 사용해도 된다.
형식
💡 <태그명 속성명 = “속성값”>
반드시 속성명과 속성값으로 구성되어야한다.
만약 속성값이 여러개라면 “”안에 쉼표를 사용하여 값을 나열한다.
<html lang = "ko">
위 코드에서 html이 태그, lang이 속성명, ko가 속성값이다.
주언어(lang)가 한글(ko)로 되어있는 html 문서의 시작이라는 의미가 있다.
3. 문법
HTML은 태그와 속성으로 문법을 구성합니다.
이 문법은 콘텐츠의 유무로 나눌 수 있다.
- 콘텐츠가 있는 문법
콘텐츠가 있는 문법에서는 다음과 같이 콘텐츠를 앞뒤를 태그로 감쌉니다.
이때 앞에 넣는 태그를 시작태그(open tag), 뒤에 넣는 태그를 종료태그(close tag)라고한다.
종료태그는 태그명 앞에 슬래시( / )가 있다.
시작태그 + 콘텐츠 + 종료태그를 합쳐서 요소(element)라고 한다.
형식
💡 <title> My Page </title>
- 콘텐츠가 없는 문법
콘텐츠가 없으니 태그로 감쌀 필요가 없다.
따라서 시작태그만 사용하고 빈 태그(empty tag)라고도 불린다.
형식
💡 <br> 종료태그가 없다.
콘텐츠가 없는 문법은 시작태그가 곧 요소이다.
따라서 br 태그는 br 요소라고도 할 수 있음
4. 주석
주석(comment)은 실행결과에는 표시되지 않지만, 코드에 대한 설명을 남기는데 사용
형식
💡 <!— 주석내용 —>
주석 내용은 웹페이지에서는 보이지 않지만 웹브라우저의 소스보기로 확인 할 수 있다.
따라서 중요정보는 넣지 않는걸 추천한다.
'👨💻 Programming > HTML' 카테고리의 다른 글
| 2.3 HTML 목록 만들기 (0) | 2024.02.26 |
|---|---|
| 2.2 HTML 그룹짓기 (0) | 2024.02.26 |
| 2.1 HTML 태그로 텍스트 작성하기 (0) | 2024.02.25 |
| 1.3 HTML의 특징 파악하기 (1) | 2024.02.25 |
| 1.2 HTML의 기본구조 (0) | 2024.02.25 |
