HTML
- HyperText Markup Language
- 하이퍼텍스트를 마크업하는 언어
- 온라인 상의 문서를 만들기 위한 구조화된 언어
HyperText 하이퍼텍스트
- 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능
Markup 마크업
- 태그를 사용하여 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 기능
태그
- 마크업할 때 사용하는 약속된 표기법을 태그(Tag)라고 한다. HTML은 태그를 사용해서 구조화를 하며 웹 문서에 표시하려는 내용을 전달하는 데 매우 중요한 역할을 한다.
- < > 를 이용해서 구분한다.
- 태그는 대문자와 소문자를 구별하지는 않지만, HTML5 표준 명세에는 소문자 사용을 권장한다.
- <여는태그>와 </닫는태그>를 정확히 입력한다. (br, img 와 같이 닫는 태그가 없는 태그도 있다.)
- 태그 안에는 속성을 함께 작성할 수 있다.
<img alt="eagle img" src="./images/img.jpg" width="200px" height="200px"/>
- 포함관계를 명확히 한다.
<ul>
<li>목록1</li>
<li>목록2</li>
</ul>
HTML 기본 문서 구조
기본적으로 HTML의 문서 구조는 <!DOCTYPE>, <html>, <head>, <body> 로 이루어져 있다.
- <!DOCTYPE html>
가장 처음 명시해주는 것은 문서유형이다. 웹 브라우저가 현재 문서를 쓰여진 순서대로 읽어들일 때, 현재 문서가 HTML 언어로 작성된 웹문서임을 알린다.
- <html>
웹문서의 시작을 알리는 태그이다. 여기서부터 실제 문서의 정보와 내용이 시작되고 끝남을 웹 브라우저에게 알린다. - <head>
해당 태그는 브라우저에게 정보를 주는 태그이다. 웹 브라우저 화면에는 출력되지 않지만, 웹 브라우저가 알아야 할 정보들을 모두 head태그에 담는다. - <body>
실제 웹 브라우저에 보여질 내용들을 해당 태그 안에 작성한다.
HTML 문서 구조 포함관계
<!DOCTYPE html>
<html>
<head>
웹 브라우저에게 전달할 정보 (화면에 보이지 않음)
</head>
<body>
웹 브라우저 화면에 표시될 내용
</body>
</html>
댓글