반응형
목록태그와 용어 정리 목록 태그에 대해 설명드리겠습니다.
목록 태그
<UL>...</UL> : 번호를 붙이지 않은 목록
<OL>...</OL> : 번호를 붙인 목록
<LI> : <UL><OL>과 함께 쓰여 목록을 정의
용어정리 목록 태그
<DL>...</DL> : 용어 정의 목록의 시작과 끝을 정의
<DT>...</DT> : 용어 앞에 쓰여 용어를 정의
<DD>...<DD> : 용어에 대한 상세 정보를 기술
그 밖에 사용되는 매뉴 태그로는
메뉴리스트인 <MENU>태그, 디렉토리 리스트인 <DIR>태그가 있습니다.
목록 태그
<UL>...</UL> : 번호를 붙이지 않은 목록
<OL>...</OL> : 번호를 붙인 목록
<LI> : <UL><OL>과 함께 쓰여 목록을 정의
<div> <h3>우리가 배울 과목</h3> <ul type="disk"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <hr /> <h3>중요 과목 (예제1)</h3> <ol type="I" start="3"> <li>OS : Windows Server</li> <li>DBMS : SQL Server</li> <li>IDE : Visual Studio</li> </ol> <hr /> <h3>중요 과목 (예제2)</h3> <ol type="I" start="3"> <li>OS : Windows Server</li> <li>DBMS : SQL Server</li> <li>IDE : Visual Studio</li> <ul> <li>C#</i> <li>ASP.NET</i> <li>SilverLight</i> <li>WPF/WCF</i> </ul> </ol> <hr /> </div> |
그림11-1 |
UL의 TYPE 속성으로는 DISC, SQUARE, CIRCLE 3가지가 있습니다. DISC : 원반 모양 (초기값) SQUARE : 정사각형 모양 CIRCLE : 원모양 |
OL의 TYPE 속성을 사용하여 원하는 스타일로 바꿀 수 있습니다. A , a : 알파벳 대문자, 소문자를 순서로 표시 I, i : 로마숫사 대문자, 소문자를 순서대로 표시 1 : 아라비아 숫자 순서대로 표시 (초기값) START속성 : 리스트의 시작 순서값을 표현가능 |
<DL>...</DL> : 용어 정의 목록의 시작과 끝을 정의
<DT>...</DT> : 용어 앞에 쓰여 용어를 정의
<DD>...<DD> : 용어에 대한 상세 정보를 기술
<div> <dl> <dt>ASP.NET</dt> <dd>.NET 기반의 웹 개발 기술</dd> <dt>SilverLight</dt> <dd>RIA를 위한 웹 브라우저 플러그인</dd> </dl> </div> |
그 밖에 사용되는 매뉴 태그로는
메뉴리스트인 <MENU>태그, 디렉토리 리스트인 <DIR>태그가 있습니다.
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
13.HTML- URL(URI)의 구조 (0) | 2009.07.23 |
---|---|
12.HTML- MARQUEE (0) | 2009.07.23 |
10.HTML- 문자열 형태 정의 태그 (0) | 2009.07.22 |
09.HTML- 문단 정렬 관련 태그 (0) | 2009.07.22 |
08.HTML- 글자(폰트) (0) | 2009.07.22 |
Comments