HTML의 개념
Hyper Text Markup Language
- 하이퍼링크를 통해 한 문서에서 다른 문서로 뛰어넘을 수 있는 비선형적 텍스트의 (Hyper Text)
- 구조, 서식을 정의한 언어 (Markup Language)
기능
- 다양한 종류의 태그(<>)를 통해 웹 페이지가 어떻게 구성되어야 하는지 기술
기본구조
<!DOCTYPE HTML> <!--HTML문서이며, 버전에 맞는 방법으로 해석하라는 선언문-->
<html>
<head>
<!--웹페이지에 직접적으로 드러나지는 않지만, 웹페이지의 정보를 담을 수 있는 부분-->
</head>
<body>
<!--웹페이지에 드러날 본문이 들어가는 부분-->
</body>
</html>- 중간에 들어갈 내용이 없는 일부 태그(
<img>,<br>등)을 제외하면<body></body>와 같은 방식으로 닫는 태그가 있다.
주요 태그
-
<p>,<div>,<span>: 각 태그 안에 텍스트를 입력할 수 있으나,
<p>는 문단 나누기
<div>는 웹페이지의 구성 요소를 블록으로 나눌 때,
<span>은 태그 안의 정보 길이만큼만 영역을 차지하는 인라인 요소
-
<a>: Anchor의 약자로, 페이지 외부 or 내부 요소로 이동할 수 있는 링크를 작성하는 태그
ex) 1.<a href="https://www.naver.com">외부 페이지(네이버)로 이동</a>
2.<a href="#id명">페이지 내부의 특정 id를 가진 요소로 이동</a>
3.<a href="./페이지.html">디렉터리 내부의 특정 페이지로 이동</a>
-
<img>,<video>: src 속성으로 경로를 지정하여 페이지에 이미지나 비디오를 생성하는 태그
-
기타 HTML 태그들은 나무위키에 설명과 용례가 잘 정리되어 있다.
보초