HTML 태그

HTML,CSS,JS

록's 2022. 12. 29. 11:09

728x90

텍스트 관련 태그

<hn> 제목 <h1> ~ <h6> 까지 사용할 수 있으며, 숫자가 커질수록 글자 크기는 작아진다.

<p> 텍스트 단락. 내용이길면 웹 브라우저 창의 너비에 맞게 자동으로 줄 바꿈

<br> 줄 바꿈. 텍스트 단락 중 원하는 위치에서 줄 바꿈

<blockqupte> 내용 인용. 다른 내용보다 들여쓰고 단락으로 표시

<strong> 중요한 텍스트를 굵게 표, 화면 낭독기에서 강조해서 읽어 준다.

<b> 중요하지 앉지만 굵게 표시

<em> 중요한 텍스트를 기울게 표시(문장), 화면 낭독기에서 강조해서 읽어 준다.

<i> 중요하지 않지만 기울게 표시(마음속의 생각이나 용어)

<ins> 내용을 편집할 때 추가한 내용을 표시 : 밑줄

<del> 내용을 편집할때 삭제한 내용을 표시 : 취소선

<sup> 위 첨자

<sub> 아래 첨자

목록 관련 태그

<ol> 순서 있는 목록의 시작과 끝을 나타낸다.

<ul> 순서 없는 목록의 시작과 끝을 나타낸다.

<li> 순서 있는 목록이나 순서 없는 목록의 각 항목을 나타낸다.

<dl> 설명 목록의 시작과 끝을 나타낸다,

<dt> 설명 목록의 이름(제목) 을 나타낸다.

<dd> 설명 목록의 값(설명)을 나타낸다.

표 관련 태그

<table> 표를 나타낸다.

<caption> 표의 제목을 넣는다.

<tr> 표의 행을 만든다.

<td> 표의 열을 만든다.

<th> 제목 셀을 만든다

<thead> 표 구조의 제목 부분을 나타낸다.

<tbody> 표 구조의 본문 부분을 나타낸다.

<tfoot> 표 구조의 요약이나 정리 부분을 나타낸다.

<col> 표에서 열의 스타일을 지정한다.

<colgroup> 표에서 여러 열을 함께 묶어서 스타일을 지정한다.

멀티미디어 관련 태그

<img> 이미지 파일을 삽입한다.

<audio> 오디오 파일을 삽입한다.

<video> 비디오 파일을 삽입한다.

728x90