HTML :: 기본 문단 구성 태그, 목록 관련 태그 (div, p, br, span, ol, ul, dl)

 

 

이제 드디어 WEB 파트로 넘어갔다!!! 신난다... 

먼저 HTML 을 정리해보자

 

HTML은 태그로 구성되어 있다. 

 

<div>
	이런 식으로 열고 닫는 태그로 구성되어 있지롱
</div>

 

1. 기본 문단 구성 태그

 

<p></p> 태그

문단을 구성할 때 사용한다.

 

 

<br> 태그 

개행을 할 때 사용한다.

 

 

<div></div> 태그 

특정 영역(division)이나 구획(section)을 정의할 때 사용한다. (블럭 단위로)

 

 

<span></span> 태그

span 태그는 문장의 일부 단어나 문장을 특별한 형태로 처리할 때 사용한다.

 

div 태그와 p 태그의 차이

div 태그는 블럭 단위로 영역을 구성하기 때문에 만약 배경색을 칠한다면 해당 영역 전체가 칠해지게 된다.

그러나 p 태그는 문장 자체만을 감싸기 때문에 문장 사이사이인 배경색 전체를 칠할 수 없게 된다.

 

+ span 태그는 아예 한 문장이나 문장의 일부만을 감싼다. 

 

 

 

2. 목록 관련 태그 

 

<ol></ol>

→ 순서가 있는 목록을 작성할 때 사용한다.

 

<ol>
	<li> 1번 목록
    <li> 2번 목록
    <li> 3번 목록
</ol>

 

이런 식으로 자식 태그인 <li></li>를 사용하여 목록을 만들 수 있다.

ol은 순서가 o ~~~ 이니까 ol! 이라고 외우자 ㅋ.ㅋ

 

 

 

<ul></ul>

→ 순서가 없는 목록을 작성할 때 사용한다.

위의 ol 을 ul 로 대체하면 된다.

ul 은 목록 앞에 ㆍ 이 작성된다.

 

 

이 외에도 <dl></dl> 태그가 있는데 이 태그는 목록만 나열 될 뿐 이외의 문자가 작성되지 않는다.