HTML 총정리
HTML은 "HyperText Markup Language"의 약자로 웹 페이지의 구조와 내용을 정의하는데 사용되는 마크업 언어입니다.
웹 브라우저는 HTML 코드를 해석해 사용자에게 웹페이지를 표시합니다.
웹페이지 기본 구조
HTML
<!DOCTYPE html>
<html>
<head>
<!-- 웹페이지 기본 정보 -->
<title>문서의 제목</title>
</head>
<body>
웹 페이지의 주요 내용
</body>
</html>
-
<!DOCTYPE html>
: 문서 타입 선언. 현재 문서가 HTML5로 작성되었음을 나타냅니다. -
<html>
: HTML 문서의 시작과 끝을 나타냅니다. -
<head>
: 문서의 메타 정보, 스타일, 스크립트 등의 정보를 포함합니다. -
<title>
: 브라우저 탭에 표시되는 문서의 제목을 설정합니다. -
<body>
: 실제 웹 페이지의 내용을 포함합니다.
몇 가지 주요 HTML 태그:
- 제목 태그 : 웹 페이지의 제목이나 부제목을 나타냅니다.
코드 예시
<h1>제목1</h1>
<h2>제목2</h2>
...
<h6>제목6</h6>
- 단락 태그 : 텍스트 단락을 생성합니다.
코드 예시
<p>텍스트 단락</p>
- 링크 태그 : 다른 페이지로의 링크를 생성합니다.
코드 예시
<a href="URL">링크 텍스트</a>
- 이미지 태그 : 웹 페이지에 이미지를 삽입합니다.
코드 예시
<img src="이미지URL" alt="대체 텍스트">