Frontend/HTML

HTML 기본 1

swoody 2024. 9. 1. 15:53
텍스트 관련 태그
종류 설명
<hn> 제목. <h1>~<h6>까지 사용할 수 있으며 숫자가 커질수록 글자 크기는 작아집니다.
<p> 텍스트 단락. 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄 바꿉니다.
<br> 줄 바꿈. 텍스트 단락 중 원하는 위치에서 줄 바꿉니다.
<blockquote> 내용 인용. 다른 내용보다 들여 쓰고 단락으로 표시합니다.
<strong> 중요한 텍스트를 굵게 표시, 화면 낭독기에서 강조해서 읽어 줍니다.
<em> 중요한 텍스트를 기울게 표시(문장), 화면 낭독기에서 강조해서 읽어 줍니다.
<i> 중요하지는 않지만 기울게 표시(마음속의 생각이나 용어)합니다.
<ins> 내용을 편집할 때 추가한 내용을 표시합니다.
<del> 내용을 편집할 때 삭제한 내용을 표시합니다.
<sup> 위 첨자입니다.
<sub> 아래 첨자입니다.

목록 관련 태그
종류 설명
<ol> 순서 있는 목록의 시작과 끝을 나타냅니다.
<ul> 순서 없는 목록의 시작과 끝을 나타냅니다.
<li> 순서 있는 목록이나 순서 없는 목록의 각 항목을 나타냅니다.
<dl> 설명 목록의 시작과 끝을 나타냅니다.
<dt> 설명 목록의 이름(제목)을 나타냅니다.
<dd> 설명 목록의 값(설명)을 나타냅니다.

표 관련 태그
종류 설명
<table> 표를 나타냅니다.
<caption> 표의 제목을 넣습니다.
<tr> 표의 행을 만듭니다.
<td> 표의 셀을 만듭니다.
<th> 제목 셀을 만듭니다.
<thead> 표 구조에서 제목 부분을 나타냅니다.
<tbody> 표 구조에서 본문 부분을 나타냅니다.
<tfoot> 표 구조에서 요약이나 정리 부분을 나타냅니다.
<col> 표에서 열의 스타일을 지정합니다.
<colgroup> 표에서 여러 열을 함꼐 묶어서 스타일을 지정합니다.

멀티미디어 관련 태그
종류 설명
<object> 멀티미디어, PDF 파일 등 다양한 형식의 파일을 삽입합니다.
<embed> <audio>, <video> 태그와 <object> 태그도 지원하지 않을 경우 멀티미디어 파일을 삽입합니다.
<image> 이미지 파일을 삽입합니다.
<audio> 오디오 파일을 삽입합니다.
<video> 비디오 파일을 삽입합니다.

'Frontend > HTML' 카테고리의 다른 글

HTML 기본 2  (1) 2024.09.01