[Web/HTML] HTML - 복습 겸 정리

✏️ 텍스트 관련 태그

종류	설명
<hn>	제목, h1~h6까지 있으며 숫자가 작아질수록 글자의 커기가 커짐
<p>	텍스트 단락, 내용이 길면 창의 너비에 맞게 알아서 줄바꿈이 됨
</br>	줄 바꿈, 텍스트 단락에서 원하는 위치에서 줄바꿈 가능
<blockquote>	내용 인용, 다른 내용보다 들여 쓰고 단락으로 표시
<strong>	중요한 텍스트를 굵게 표시, 화면 낭독기에서 강조해서 읽어 줌
<b>	텍스트를 굵게 표시, 중요한 내용은 아니지만 그냥 굵게 표시할 때
<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>	이미지 파일을 삽입
<a>	href 속성을 이용해서 하이퍼링크 삽입 가능