|
 |
 HTML 기본강좌
3. 목록만들기(2)
|
 |
[1][2][3]
|
앞페이지에 이어 목록
만들기에 대해서 배워보도록 하겠습니다. ^^
이번엔 순서있는 목록 만들기 할 차례인가요?^^
맞죠?^^
※ 순서 있는 목록
순서 있는 목록 만들때는 <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 속성은
순서있는 목록에서만 적용됩니다. 순서없는
목록에서는 해봤자 소용이 없겠죠^^
여기까지 기본적인 목록태그에 대해서
배워봤습니다. 다음 페이지에선 목록태그를 약간
응용해서 사용하는 방법을 배우도록 하죠.
|
이전 페이지로 || 태그연습장 || 다음 페이지로
|
|
|
|
