HTML은 웹 페이지를 구성하는 문서 구조 언어(HyperText Markup Language)임.
요소(Element)로 페이지를 구성하고, 태그(Tag)로 각 요소를 정의함.
<!DOCTYPE html>
<html>
<head>
<title>문서 제목</title>
</head>
<body>
<h1>본문 내용</h1>
</body>
</html>
<html> : HTML 문서의 시작과 끝을 감싸는 루트 요소<head> : 문서의 메타데이터(제목, 스타일, 스크립트 등)를 정의<body> : 실제 사용자에게 보이는 콘텐츠 영역요소(Element) = 시작 태그 + 내용 + 종료 태그
속성(Attribute) = 태그에 부가 정보를 부여하는 부분
예: <img src="logo.png" alt="로고">
| 태그 | 의미 | 특징 |
|---|---|---|
<h1>~<h6> |
제목(Heading) | 숫자가 작을수록 글씨 큼 |
<p> |
문단(Paragraph) | 문단 구분 시 사용 |
<br> |
줄바꿈(Break) | 종료 태그 없음 (빈 요소) |
<b> / <strong> |
굵게 | <strong>은 의미 강조까지 포함 |
<i> / <em> |
기울임 | <em>은 의미 강조 포함 |
<span> |
인라인 컨테이너 | 부분 스타일 지정 시 유용 |
|
띄어쓰기 | 태그 없이 사용 |
예시:
<p>이것은 <strong>중요한</strong> 문장입니다.</p>
| 태그 | 역할 | 주요 속성 |
|---|---|---|
<a> |
하이퍼링크 | href : 이동할 주소 |
<img> |
이미지 삽입 | src: 이미지 경로 / alt: 대체 텍스트 / width, height 크기 조절 / title: 툴팁 |
예시: