본문 바로가기
스터디/publishing

[HTML] HTML 강좌, 제 4강의 - 순서가 있는/없는 목록, 정의 목록 나열하는 태그

by 깝태 2011. 1. 24.
HTML 강의/HTML 강좌/HTML 태그 강의/HTML 태그 강좌
안녕하세요, 완소풉입니다. 이번에도 HTML 강의를 이어서 시작하겠습니다. 이번 강의는 순서가 있는 목록,
순서가 없는 목록, 정의 목록을 만들고 나열하는 태그에 대해서 배워 볼 생각 입니다.



먼저 순서가 있는 목록입니다.

목록 생성 - <ol type = "타입"> ~ </ol>
시작 순서 - <ol start = "n">
리스트 생성 - <li> (자동으로 들여쓰기가 됩니다)

OL 태그의 Type 는 여러가지가 됩니다.
(1 , A , a , i , I ········· 어떻게 생성되는지는 예제를 참고하세요)

그리고 start 로는 시작할 순서를 정할 수 있습니다.
(이것 또한 예제를 참고하세요)


그리고 순서가 없는 목록 입니다.

목록 생성 - <ul type = "타입"> ~ </ul>
리스트 생성 - <li> (자동으로 들여쓰기가 됩니다)

UL 태그의 Type 는 세 가지 입니다.
(disc, circle, square 어떻게 생성되는지는 예제를 참고하세요)

UL 태그는 순서가 없이 그냥 나열만 되니
따로 start 를 통해 순서를 정할 수 없습니다.


이번 태그는 바로 정의를 서술하는 태그 입니다.

목록 생성 - <dl> ~ </dl>
줄바꿈 금지 - <dl compact>

제목 - <dt>
내용 - <dd>

예제를 참고하심이 좋겠습니다.

오늘 강의도 아니 여태까지 해온 강의 모두 양이 많지않고 적습니다. 제가 복습용으로만 적는 강의라
양을 많지 않게 적고 있습니다. 매우 간단하게요, 그러나 이해는 잘 되실거라 믿어 의심치 않습니다(?)

이로써 4강을 마칩니다.  첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.

4강 예제.zip


다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.