앞페이지에 이어 목록 만들기에 대해서 배워보도록 하겠습니다. ^^ 이번엔 순서있는 목록 만들기 할 차례인가요?^^ 맞죠?^^ ※ 순서 있는 목록 순서 있는 목록 만들때는 <ol></ol> 태그를 사용합니다. 이거 역시 <li> 속성을 사용해서 목록을 나타내주어야 하구요....type="1, A, b, i, I" 을 사용해줍니다. 1(숫자), A(영어대문자), a(영어소문자), i(로마자소문자), I(로마자대문자) 를 나타내어 줍니다. 순서없는 목록하고 비슷하죠?^^ 그럼 직접 해볼까요?^^
숫자 |
영어대문자 |
영어소문자 |
로마자소문자 |
로마자대문자 |
<ol type="1"> <li>숫자목록 <li>목록 <li>목록 </ol> |
<ol type="A"> <li>영어대문자 <li>목록 <li>목록 </ol> |
<ol type="a"> <li>영어소문자 <li>목록 <li>목록 </ol> |
<ol type="i"> <li>로마소문자 <li>목록 <li>목록 </ol> |
<ol type="I"> <li>로마대문자 <li>목록 <li>목록 </ol> |
- 숫자목록
- 목록
- 목록
|
- 영어대문자
- 목록
- 목록
|
- 영어소문자
- 목록
- 목록
|
- 로마소문자
- 목록
- 목록
|
- 로마대문자
- 목록
- 목록
|
어때요? 간단하져?^^ 여기서 주의 할 점은 저기 로마자 대문자 type 속성을 지정해줄 때 I(영어 대문자 아이) 입니다. 가끔씩 ㅣ(영어 소문자 엘) 로 착각 하시는 분들이 있더라구요........착오 없으시길...^^ 그리고 전 페이지 처음 부분에 속성을 설명할 때 start 속성을 잠깐 설명드렸는데....start="연결되는 번호" 속성은 중단된 순서있는 목록의 목록 번호를 이어서 계속 해줄 수 있게 해주는 속성입니다. 이렇게 말로만 하니깐 뭔지 이해가 안되시져? ^^ 직접 예제를 보여드리져^^
소 스 |
변 환 |
<ol type="1"> <li>숫자 목록이져^^ <li>숫자대로... <li>쭉~ 헉..근뎅... </ol> 여기서 번호가 끝겼네요?^^ 하지만 계속 이어서... <ol start="4"> <li>숫자목록을 <li>이을 수 있져.. <li>이게 start 속성 <li>입니다. </ol> |
- 숫자 목록이져^^
- 숫자대로...
- 쭉~ 헉..근뎅...
여기서 번호가 끝겼네요?^^ 하지만 계속 이어서...
- 숫자목록을
- 이을 수 있져..
- 이게 start 속성
- 입니다.
|
위에 보시는 바와 같이 3으로 목록이 끝났을 때는 start="4" 로 이어줌으로서 숫자의 끝김없이 연속해서 이어줄 수 있져...이해 되시져?^^ 여기서 알아두어야 할 점은 start 속성은 순서있는 목록에서만 적용됩니다. 순서없는 목록에서는 해봤자 소용이 없겠죠^^ 여기까지 기본적인 목록태그에 대해서 배워봤습니다. 다음 페이지에선 목록태그를 약간 응용해서 사용하는 방법을 배우도록 하죠.
|