1. 문서 구조
<!DOCTYPE html> <!-- HTML5 문서 선언 -->
<html>
<head>
<meta charset="UTF-8"> <!-- 문자 인코딩 UTF-8 -->
<title>첫번째 예제</title> <!-- 브라우저 탭에 표시될 제목 -->
</head>
<body>
... 본문 ...
</body>
</html>
2. 주석
<!-- 주석 단축키 ctrl + shift + / -->3. 제목 태그 (Heading)
<!-- <h1> 가장 크고 굵은 제목 → <h6> 가장 작음 -->
<h1>Html1</h1>
<h2>Html2</h2>
<h6>Html3</h6>
4. 텍스트 강조
<b>b태그</b>
- 글자를 굵게(Bold) 표시.
- 의미적 강조는 <strong> 사용 권장
5. 순서 없는 목록(ul) (Unordered List)
<ul type="square">
<li>사과</li>
<li>포도</li>
<li>복숭아</li>
</ul>
- type 속성:
- disc (●, 기본값)
- circle (○)
- square (■)
6. 순서 있는 목록(ol) (Ordered List)
<ol type="I">
<li>케데헌</li>
<li>국제시장</li>
<li>귀멸의 칼날</li>
</ol>
- type 속성:
- 1 : 숫자 (1,2,3)
- A : 대문자 알파벳 (A,B,C)
- a : 소문자 알파벳 (a,b,c)
- I : 로마 숫자 대문자 (I, II, III)
- i : 로마 숫자 소문자 (i, ii, iii)
7. 정의 목록 (Definition List)
<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language</dd>
</dl>
- dl : 정의 목록.
- dt : 용어(Definition Term).
- dd : 설명(Definition Description).
'기초 및 언어 > ▶ HTML & CSS' 카테고리의 다른 글
| 3. HTML_하이퍼링크 정리 <a>태그 (0) | 2025.09.04 |
|---|---|
| 2. HTML_이미지 동영상 삽입 (0) | 2025.09.04 |
| 0. HTML_html 프로젝트 생성 및 실행, 크롬 기본브라우저 (0) | 2025.09.03 |
| 0. Tomcat 설치 및 실행오류 (0) | 2025.09.03 |
| <textarea>에서 첫 줄에 공백이 생길 때 (0) | 2024.02.11 |
