HTML 기본 태그들

­이연호·2024년 1월 12일

HTML

목록 보기
4/4

📌 HTML 기본 태그들

1. Heading

요소설명
<h1>, <h2>, <h3>
<h4>, <h5>, <h6>
6단계의 구획 제목을 나타냅니다.
획 단계는 <h1>이 가장 높고 <h6>은 가장 낮습니다.

2. Paragraphs

요소설명
<p>    하나의 문단을 나타냅니다. 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 될 수 있습니다.

3. Preformatted text

요소설명
<pre>     미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다. 텍스트는 보통 고정폭 글꼴을 사용해 렌더링하고, 요소 내 공백문자를 그대로 유지합니다.

4. List (리스트)

요소설명
<ol>      정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다.
<ul>정렬되지 않은 목록을 나타냅니다. 보통 불릿으로 표현합니다.
<dl>설명 목록을 나타냅니다. <dl><dt>로 표기한 용어와 <dd> 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.

5. Break (개행)

요소설명
<br> 텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다.

6. Horizontal Rule (수평)

요소설명
<hr>이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다.

7. 텍스트 서식

요소설명
<strong>, <b>굵은 글씨, strong의 경우는 강조의 의미
<em>, <i>이탈릭체, em의 경우는 강조의 의미
<small>작은 글씨
<mark>해당 부분 형광펜으로 표시
<sub>, <sup>sub - 밑 첨자, sup - 윗 첨자

8. 인용

요소설명
<blockquote>들여쓰기로 표현 (블록 요소)
<q>따옴표로 표현 (인라인 요소)

📌 참고

<HTML 요소 참고서 - MDN>
<ol - MDN>
<ul - MDN>
<dl - MDN>

profile
안녕하세요

0개의 댓글