HTML&CSS (1) - 기본 태그2

# Do It! html5+css5 웹 표준의 정석으로 공부한 내용을 바탕으로 기술하였습니다.

 

1. 목록을 만드는 태그

1) <ul>, <li> 태그 : 순서없는 목록 만들기

ⓐ 형식 : <ul> <li> 내용 </li> </ul>

ⓑ 출력 : 순서없는 목록의 경우, 각 항목 앞에 작은 원이나 사격형 같은 불릿이 붙는다.

 

2) <ol>, <li> 태그 : 순서있는 목록 만들기

ⓐ 형식: <ol type="a" start="3" > <li> 내용 </li> </ol>

ⓑ 출력 : 목록의 숫자표기 방법이나 시작하는 숫자등을 바꿀 수 있다.

- type 속성 : 1(숫자(기본값)), a(영문 소문자), A(영문 대문자), i(로마숫자 소문자), I(로마숫자 대문자)

- start 속성 : 순서목록은 기본적으로 1부터 시작하는데, 이 속성을 이용하면 중간번호부터 시작 가능

- reversed 속성 : 항목을 역순으로 표시

 

* </li> 태그 생략과 목록 중첩 :

- 여러 <li> 를 쓸때, </li>를 생략해도 다음에오는 <li> 태그를 만나면 닫는 태그가 있는 것처럼 인식한다.

- 목록안의 목록도 가능하다.

 

* 링크 넣기 : <a href="www.naver.com" target="_blank/_self">

blank는 새창, self은 현창에서 링크가 열린다.

 

3) <dl>, <dt>, <dd> 태그 : 설명 목록 만들기

- dl 태그는 제목과 설명이 한 쌍인 설명 목록을 만든다

ⓐ 형식 : <dl> <dt> 제목 </dt> <dd> 내용 </dd> </dl>