HTML(Hyper Text Markup Language)은 웹을 이루는 가장 기초적인 구성 요소이며 웹 콘텐츠의 의미와 구조를 정의할 때 사용한다
HTML은 CSS , JavaScript와 함께 웹 페이지를 구성하는 언어이다
HTML이 웹 페이지의 구조(뼈대)를 만든다면 CSS는 인테리어 등의 외적인 모습을 만들고 JavaScript는 집에 들어가는 전기, 가스등 집의 기능을 수행하는 역할을 한다.
HTML은 이름에서도 알 수 있듯 마크업 언어이다.(프로그래밍 언어가 아니다!!!)
<p>Hyper Text Markup Language</p>
요소의 주요 부분은 다음과 같다
1.여는 태그 : <p>
요소의 이름과 요소의 효과가 적용된다
2.닫는 태그 : </p>
요소가 끝남을 의미
3.내용 : Hyper Text Markup Language
요소의 내용
4.요소 : <p>Hyper Text Markup Language</p>
통틀어 요소라고 한다.
<br/>
위의 br 태그처럼 닫는 태그가 따로없고 하나의 태그에 열고 닫는태그가 같이 있는 태그를 빈(empty)태그라고 한다.
요소는 아래 코드와 같이 속성을 가질 수 있다.
<p class="html">Hyper Text Markup Language</p>
속성은 태그가 다 담지 못하는 요소의 내용을 넣는데 사용한다.
요소는 중첩될 수 있다. 즉 요소는 다른 요소를 포함할 수 있다.이때 부자관계가 성립되는데 이 부자관계로 정보를 구조화하는 것이다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>안녕하세요</h1>
<p>반갑습니다!</p>
</body>
</html>
<html>
태그는 <head>
와 <body>
의 부모 요소이고 <body>
는 <h1>
과 <p>
의 부모요소이다.
이러한 부자관계를 파악하기 쉽게 들여쓰기를 이용한다