HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 7일차 강의내용 - 목록 만들기
글번호: 13
작성자: 관리자
작성일: 2001/01/11 오전 1:02:00
조회수: 6047
HTML

학습내용 : HTML 목록만들기 태그 (2001/01/10)(update:2001/01/15)

● 번호를 붙인 목록

 

<OL> 태그 & <LI> 태그

사용법

<OL>
   <LI> 목록 1
   <LI> 목록 2
   <LI> 목록 3
</OL>

설   명

순서가 있는 목록Ordered List이다. 즉, 각 항의 앞에 숫자가 붙는 것이다.
<LI>와 함께 사용한다.

예   제

<OL>
   <LI>아침
   <LI>점심
   <LI>저녁
</OL>

 

TYPE=A

A, B, C...가 앞에 붙는다.

TYPE=a

a, b, c...가 앞에 붙는다.

TYPE=I

I, II, III...가  앞에 붙는다.
 
TYPE=i

i, ii, iii...가 앞에 붙는다.

TYPE=1

1, 2, 3 ...가 앞에 붙는데, 미리 지정된Default 형식이다.

START

위의 보기를 다음과 같이 바꾸면,

<OL START="5">
   <LI>아침
   <LI>점심
   <LI>저녁
</OL>

5. 아침
6. 점심
7. 저녁

위처럼 나타난다.

속   성

 TYPE=A
A, B, C...가 앞에 붙는다.

TYPE=a
a, b, c...가 앞에 붙는다.

TYPE=I
I, II, III...가  앞에 붙는다.

TYPE=i
i, ii, iii...가 앞에 붙는다.

TYPE=1
1, 2, 3 ...가 앞에 붙는데, 미리 지정된Default 형식이다.

START

 


 

● 번호를 붙이지 않은 목록

 

<UL> 태그 & <LI> 태그

사용법

<UL>
   <LI> 목록 1
   <LI> 목록 2
   <LI> 목록 3
</UL>

설   명

순서없는 목록은 Unordered List 다음과 같이 <LI>와 함께 사용한다.

예   제

<UL TYPE=disc>
<LI>첫째
<LI>둘째
<LI>셋째
</UL>

속   성

 TYPE(초기값은 disc이다.)

TYPE=disc   : 원반 모양

TYPE=circle : 원모양

TYPE=square : 정사각형 모양

 


 

● 용어 정리 목록

 

<DL> 태그

사용법

<DL>...</DL>

설   명

용어 정의 목록의 시작과 끝을 정의한다.

예   제

<DL>
   <DT>제1조<DD>남자는 여자를 사랑한다.
   <DT>제2조<DD>여자는 남자를 사랑한다.
</DL>

속   성

 

 

<DT> 태그

사용법

<DT>...</DT>

설   명

용어 앞에 쓰인 용어를 정의한다.

예   제

<DL>
   <DT>제1조<DD>남자는 여자를 사랑한다.
   <DT>제2조<DD>여자는 남자를 사랑한다.
</DL>

속   성

 

 

※ 학습정리

 

※ 관련문제

 

※ 참고문헌/사이트

태그사전

HTML Reference Library 4

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 7일차 강의내용 - HTML 사이트 연결 태그 - UPDATE(2001.03.12) - 관리자 2001-01-12 5920
현재글 7일차 강의내용 - 목록 만들기 - 관리자 2001-01-11 6047
  예제. 015. 순서있는목록만들기.htm HTML-0015.jpg(92 KB) 레드플러스 2003-05-13 4740
  예제. 016. 순서없는목록만들기.htm HTML-0016.jpg(83 KB) 레드플러스 2003-05-13 4663
  예제. 017. 목록예제(주석문).htm HTML-0017.jpg(124 KB) 레드플러스 2003-05-13 4670
  예제. 018. 정의목록만들기.htm HTML-0018.jpg(124 KB) 레드플러스 2003-05-13 4485
  예제. 019. 목록예제(겹쳐진목록만들기).htm HTML-0019.jpg(105 KB) 레드플러스 2003-05-13 4440
  순서있는 목록 만들기 - (부제) 웹 개발자가 되려면... OrderedList_Web.png(104 KB) 레드플러스 2015-02-16 2983
다음글 7일차 강의내용 - 문자열 형태 정의 태그 - 관리자 2001-01-11 6070
 
손님 사용자 Anonymous (손님)
로그인 Home