티스토리 뷰

HTML and CSS

html 강의 07 - 목록과 표

ServerWorld 2016.07.01 19:50

목록과 표 

 

 ul, ol, li 태그

• 일반적인 목록을 구성하는 요소들이다.


• 블록요소


• ul

① 항목의 순서를 따지지 않고 목록 나열 (unordered list)

② bulleted list

③ li만 포함 가능


• ol

① 항목의 순서대로 목록 나열 (ordered list)

② numerical or alphabetical list

③ li만 포함 가능


• li

① 목록에 포함되는 항목 (list item)

② 대부분의 브라우저에서 들여쓰기 되어 표시된다

 

 

ul, ol, li 태그

• 소개하고 싶은 링크

• 즐겨읽는 책

• 좋아하는 영화

• 함께 듣는 음악




 1. 양파를 고른다

 2. 양파를 3분간 기름에 살짝 볶는다.

 3. 마늘 3쪽을 넣는다.

 4. 3분간 더 요리한다.

 5. 그릇에 담아내어 장식한다.

 


 

 

 

 dl, dt, dd 태그


• 정의형 목록 구성

• '용어 정의와 설명' 외에 '참고문서', '링크와 설명' 등 다양한 용도로 이용될 수 있다.

• dl

① 정의형 항목의 목록 나열 (definition list)

② 블록 요소

③ dt 요소와 dd 요소만 포함 가능


• dt

① 정의형 항목의 용어 (definition term)

② 인라인 요소

③ 인라인 요소와 텍스트를 포함


• dd

① 정의형 항목의 설명 (definition description)

② 블록 요소

③ 인라인 요소와 텍스트, 또 다른 블록 요소를 포함

④ 대부분의 브라우저에서 들여쓰기 되어 표시됨

⑤ 여러 개의 dd도 가능




dl, dt, dd 태그




※ download & Next Menu



저작자 표시 비영리 변경 금지
신고
댓글