HTML 태그익히기_3

HTML 태그를 알아보자.

태그를 활용하여 리스트를 만들어보자.

 

<ul> <ol> <li> <dl> <dt> <dd>

---

순서가 없는 리스트 (unordered list)

<ul>태그를 사용 하여 순서가 없는 리스트를 작성 할 수 있다.

각각의 리스트 요소는 <li>태그를 사용 한다.

<ul>과 <li>는 엄마와 자식처럼 따라다닌다.

 

 

<ul>태그에서는 다음과 같은 CSS 속성을 사용 할 수 있다.

-disc : 작은 검정색 원 (기본값)

-circle : 작은 흰색 원

-square : 작은 검정색 사각형

 

---

순서가 있는 리스트 (ordered list)

<ol>태그를 사용 하여 순서가 없는 리스트를 작성 할 수 있다.

각각의 리스트 요소는 <li>태그를 사용 한다.

<ol>과 <li>는 엄마와 자식처럼 따라다닌다.

 

 

<ol>태그에서는 다음과 같은 CSS 속성을 사용 할 수 있다.

-decimal : 숫자 (기본값)

-upper-alpha : 영문 대문자

-lower-alpha : 영문 소문자

-upper-roman : 로마 숫자 대문자

-lower-roman : 로마 숫자 소문자

---

정의 리스트 (definition list)

<dl> 태그를 사용하여 용어와 그에 대한 정의를 리스트로 작성할 수 있다.

<dt> 태그에는 용어의 이름

<dd> 태그에는 해당용어에 대한 설명을 작성.

 

 

---

예시

결과