기본 구조
<!DOCTYPE>: 문서의 HTML 버전을 정의
<html>: HTML 문서의 시작과 끝
<head>: 문서의 메타 정보
<title>: 브라우저의 제목 표시줄에 나타나는 제목
<body>: 문서의 주요 콘텐츠
텍스트 관련
<h1> ~ <h6>: 제목 태그
<p>: 문단
<br>: 줄바꿈
<blockquote>: 인용문
<pre>: 서식이 있는 텍스트
<strong>: 강조 (굵게)
<em>: 강조 (이탤릭체)
링크와 이미지
<a>: 하이퍼링크
<img>: 이미지
리스트
<ul>: 순서 없는 리스트
<ol>: 순서 있는 리스트
<li>: 리스트 항목
<dl>: 정의 리스트
<dt>: 정의 용어
<dd>: 정의 설명
테이블
<table>: 테이블
<tr>: 테이블 행
<td>: 데이터 셀
<th>: 헤더 셀
<thead>, <tbody>, <tfoot>: 테이블의 부분들
폼
<form>: 폼
<input>: 입력 필드 (텍스트, 라디오 버튼, 체크박스 등)
<textarea>: 텍스트 영역
<label>: 입력 필드의 라벨
<button>: 버튼
<select>: 드롭다운 선택 메뉴
<option>: 선택 옵션
시맨틱 태그 (HTML5에서 도입)
<header>: 헤더 영역
<footer>: 푸터 영역
<nav>: 내비게이션
<article>: 독립적인 콘텐츠
<section>: 문서의 섹션
<aside>: 사이드 정보
<figure>: 이미지, 도표, 그룹, 범례 등
<figcaption>: figure의 설명
멀티미디어
<audio>: 오디오 콘텐츠
<video>: 비디오 콘텐츠
<source>: 여러 미디어 소스
기타
<div>: 블록 수준의 컨테이너
<span>: 인라인 수준의 컨테이너
<iframe>: 인라인 프레임
<script>: 자바스크립트 코드
<style>: 내부 스타일 시트
<link>: 외부 리소스 연결
'HTML' 카테고리의 다른 글
| [HTML] HTML이란? (2) | 2023.10.07 |
|---|