FE/HTML,CSS

[HTML] 웹문서 입력 태그정리

mandelina 2022. 2. 18. 19:05

텍스트 관련 태그

 

<hn> 제목.
<h1>~<h6>까지 사용할 수 있으며 숫자가 커질수록 글자 크기는 작아짐
<p> 텍스트 단락. 
내용이 길면 엡 브라우저 창의 너비에 맞게 자동으로 줄 바꿈.
<br> 줄바꿈
텍스트 단락 중 원하는 위치에서 줄 바꿈
<blockquote> 내용인용.
다른 내용보다 들여 쓰고 단락으로 표시
<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> 태그도 지원하지 않을 경우 멀티디미어 파일을 삽입
<img> 이미지 파일 삽입
<audio> 오디오 파일 삽입
<video> 비디오 파일 삽입

 

 

 

'FE > HTML,CSS' 카테고리의 다른 글

[HTML] Grouping Content | HTML Living Standard  (0) 2022.03.29
[HTML] HTML태그  (0) 2022.03.28
[CSS] 기본선택자 정리  (0) 2022.03.07
[HTML] 입력 양식 작성  (0) 2022.02.18
[HTML] HTML 기초  (0) 2022.02.18