본문 바로가기
  • 커뮤니티
  • 블로그
  • 북마크
Front-end/HTML

[HTML]HTML 태그(풀네임)과 의미 - 시멘틱 웹

by 빽짱구 2023. 6. 19.

HTML 태그의 풀네임을 모르는 분들도 많으리라 생각됩니다.

실무에선 풀네임까지는 몰라도 업무를 보는데 크게 지장이 없습니다.

 

 

그래도 알아서 나쁠 건 없으니 참고만 하시면 될 거 같습니다.

 

<html>: Hypertext Markup Language (하이퍼텍스트 마크업 언어)
<head>: Head (문서 헤드)
<title>: Title (문서 제목)
<body>: Body (문서 본문)
<h1>: Heading One (제목 1)
<h2>: Heading Two (제목 2)
<h3>: Heading Three (제목 3)
<h4>: Heading Four (제목 4)
<h5>: Heading Five (제목 5)
<h6>: Heading Six (제목 6)
<p>: Paragraph (단락)
<a>: Anchor (앵커)
<img>: Image (이미지)
<ul>: Unordered List (비정렬 목록)
<ol>: Ordered List (정렬 목록)
<li>: List Item (목록 항목)
<table>: Table (표)
<tr>: Table Row (표 행)
<td>: Table Data Cell (표 데이터 셀)
<th>: Table Header Cell (표 헤더 셀)
<form>: Form (폼)
<input>: Input (입력 필드)
<button>: Button (버튼)
<select>: Select (선택 목록)
<option>: Option (선택 옵션)
<label>: Label (레이블)
<div>: Division (구분 컨테이너)
<span>: Span (스팬)
<section>: Section (섹션)
<article>: Article (아티클)
<nav>: Navigation (내비게이션)
<header>: Header (헤더)
<footer>: Footer (푸터)
<aside>: Aside (사이드 컨텐츠)
<blockquote>: Block Quote (인용 구간)
<cite>: Citation (인용)
<em>: Emphasis (강조)
<strong>: Strong (강한 강조)
<code>: Code (코드)
<pre>: Preformatted Text (서식이 있는 텍스트)

 

반응형

 

풀네임 스펠링까지 외울 필요는 없습니다만, 의미를 알아야 시멘틱 웹하는데 도움이 돼서, 올려봅니다.