๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ป Deep Wide Programming/Html & Css

[Html] ol, ul, li ์‚ฌ์šฉ๋ฐฉ๋ฒ• ๊ฐ„๋‹จ ๋ฉ”๋ชจ

728x90
๋ฐ˜์‘ํ˜•

๊ธฐ๋ณธํ˜• ๋ชฉ๋ก ๋งŒ๋“ค๊ธฐ ํƒœ๊ทธ <ul>

<ul>

<li> </li>

<li> </li>

<li> </li>

....

</ul>   

 

  •  
  •  
  •  

์ด๋Ÿฐ์‹์˜ ๋ชฉ๋ก์ด ํ˜•์„ฑ๋œ๋‹ค. 

 


์ˆœ์„œํ˜• ๋ชฉ๋ก ๋งŒ๋“ค๊ธฐ ํƒœ๊ทธ <ol>

<ol>

<li> </li>

<li> </li>

<li> </li>

....

</ol>   

 

1. 
2. 
3. 

์ด๋Ÿฐ ์‹์˜ ๋ชฉ๋ก์ด ํ˜•์„ฑ๋œ๋‹ค. ์ด๋•Œ, ๋ชฉ๋ก์˜ ํƒ€์ž…์„ ๋ฐ”๊ฟ”์ค„ ์ˆ˜ ์žˆ๋‹ค. 

 

 

<ol> ํƒœ๊ทธ์˜ Type ์†์„ฑ

์†์„ฑ ๊ฐ’ ์„ค๋ช…
1 ์ˆซ์ž(๊ธฐ๋ณธ ๊ฐ’)
์˜๋ฌธ ์†Œ๋ฌธ์ž
A ์˜๋ฌธ ๋Œ€๋ฌธ์ž
๋กœ๋งˆ์ˆซ์ž ์†Œ๋ฌธ์ž
I ๋กœ๋งˆ์ˆซ์ž ๋Œ€๋ฌธ์ž

 

ํƒ€์ž…์ด 1์ผ ๊ฒฝ์šฐ๋Š” ์ž‘์„ฑํ•˜์ง€ ์•Š์•„๋„ ๋””ํดํŠธ ๊ฐ’์ด๋‹ค. ๋‹ค๋ฅธ ํƒ€์ž…์œผ๋กœ ๋ชฉ๋ก์„ ๋งŒ๋“ค์–ด์ฃผ๊ณ  ์‹ถ์œผ๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค. 

 

    <ol type="a">
        <li>a</li>
       <li>b</li>
        <li>c</li>
    </ol>

 

ol type์„ a ๋กœ ์ง€์ •ํ•œ, ์œ„์™€ ๊ฐ™์€ ๊ฒฝ์šฐ,

a. a

b. b

c. c

 

์ด๋Ÿฐ์‹์œผ๋กœ ์ถœ๋ ฅ๋œ๋‹ค. unordered์™€ ordered๋ผ๋Š” ์šฉ์–ด์˜ ์ฐจ์ด๋กœ ํƒœ๊ทธ์˜ ์ด๋ฆ„์ด ์ง€์ •๋˜์ง€ ์•Š์•˜๋‚˜ ์‹ถ๋‹ค.

728x90
๋ฐ˜์‘ํ˜•