HTML - 문자 구조, 디자인과 관련된 태그

 

 

1. 문자의 구조를 형성하는 태그

태그의 모습	태그의 유형	사용 목적
<h1~6><h1~6>	제목 태그	1. 제목을 뜻하는 Heading의 약자, h 사용! 2. 제목을 뜻하는 테그이기 때문에 자동 줄 바꿈처리 되며, 하나의 HTML 문사에 하나의 H1 테그를 권장함. 3. 웹 검색 엔진이 제일 먼저 검색하는 테그
<p></p>	본문 태그	본문을 적기 위한 테그로 paragraph의 약자
<br>	줄 바꿈 태그	한 줄을 그냥 비우는 테그라고 보면 됨.
<ul></ul>	리스트 작성 태그	1. 순서가 없는 목록을 작성 함(●이 기본값)
<ol></ol>		1. 순서가 있는 목록을 작성 함(기본 값은 1, 아라비아 숫자 등 스타일 변경 됨)
<li>		1. 두 테그 내부에서 내용을 작성하는 태그
<hr>	줄긋기 태그	수평으로 된 줄을 그어주는 태그

 

2. 문자를 디자인하는데 사용되는 태그

태그의 모습	사용 목적
<b></b>	두껍게 강조하기 위한 태그
<strong></strong>	두껍게 강조하며, Semantic 한 의미를 지님
<i></i>	이탤릭
<em></em>	Emphasized, 강조! 기울여서 표시됨
<del></del>	내용의 중간에 중간선을그어주는 태그
<u>	내용에다 밑줄을 그어주는 태그