1. UL, OL, DL λͺ©λ‘(list)μ΄λ?
λ§ν¬λ€μ΄(Markdown)μ ν μ€νΈ κΈ°λ°μ κ²½λ λ§ν¬μ μΈμ΄λ‘, μΉμμ κΈμ μμ±νκΈ° μν λ¬Έλ² μ€ νλμ λλ€. λ§ν¬λ€μ΄μ μ¬μ©νμ¬ λͺ©μ°¨λ₯Ό μμ±ν λ μ£Όλ‘ μ¬μ©λλ νλͺ©μ UL, OL, DL λͺ©λ‘μ λλ€.
UL(Unordered List λͺ©λ‘): μμκ° μλ λͺ©λ‘μΌλ‘, νλͺ©λ€μ΄ μ λλ κΈ°νΈλ‘ ꡬλΆλ©λλ€. μΌλ°μ μΌλ‘ μ (
β’
), νμ΄ν(-
), λ³ν(*
) λ±μ κΈ°νΈ μ€νμΌμ μ¬μ©νμ¬ λͺ©λ‘μ νμν©λλ€. UL λͺ©λ‘μ μ£Όλ‘ λ¨μν λͺ©λ‘μ΄λ μμ΄ν μ λμ΄ν λ μ¬μ©λ©λλ€.OL(Ordered List λͺ©λ‘): μμκ° μλ λͺ©λ‘μΌλ‘, νλͺ©λ€μ΄ λ²νΈλ‘ ꡬλΆλ©λλ€. μΌλ°μ μΌλ‘ μ«μ(1., 2., 3. λ±)λ‘ λͺ©λ‘μ νμν©λλ€. OL λͺ©λ‘μ λ³΄λ€ κ΅¬μ‘°νλ λͺ©μ°¨λ₯Ό νμν λ μ¬μ©λ©λλ€.
DL(Definition List λͺ©λ‘): μ©μ΄μ μ μ, νΉμ μ©μ΄μ μ€λͺ μ΄ ν¨κ» μλ λͺ©λ‘μ λλ€. μ©μ΄λ DT(D<efinition Term) νκ·Έλ‘, μ μλ μ€λͺ μ DD(Definition Description) νκ·Έλ‘ κ΅¬λΆλ©λλ€. DL λͺ©λ‘μ μ£Όλ‘ μ©μ΄μ§μ΄λ μ©μ΄μ λν μ€λͺ μ μ 곡ν λ μ¬μ©λ©λλ€.
UL, OL, DL λͺ©λ‘μ κ°κ° λ€λ₯Έ λͺ©λ‘ νμμ κ°μ§κ³ μμ΄μ λ€μν μν©μ λ§κ² μ¬μ©λ©λλ€. μ΄λ¬ν λͺ©λ‘μ μμ±ν λλ κ° λͺ©λ‘ μ νμ λ§λ κΈ°νΈ μ€νμΌμ μ§μ νμ¬ λͺ©λ‘μ μκ°μ μΌλ‘ ꡬλΆμ§κ³ λ΄μ©μ λμ± λͺ ννκ² μ λ¬ν μ μμ΅λλ€. λ€μ νλͺ©μμλ UL, OL, DL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ μ§μ νλ λ°©λ²μ λν΄ μμλ³΄κ² μ΅λλ€.
2. UL λͺ©λ‘μ κΈ°νΈ μ€νμΌ μ§μ νκΈ°
UL(Unordered List) λͺ©λ‘μ μμκ° μλ λͺ©λ‘μΌλ‘, νλͺ©λ€μ΄ μ λλ κΈ°νΈλ‘ ꡬλΆλ©λλ€. UL λͺ©λ‘μλ λ€μν κΈ°νΈ μ€νμΌμ μ§μ νμ¬ λͺ©λ‘μ λͺ¨μμ λ³κ²½ν μ μμ΅λλ€.
UL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ μ§μ νκΈ° μν΄μλ -
, *
, +
λ±μ κΈ°νΈλ₯Ό μ¬μ©ν©λλ€. κΈ°νΈλ₯Ό λͺ©λ‘ μμ μ
λ ₯νλ©΄ ν΄λΉ κΈ°νΈλ‘ λͺ©λ‘μ΄ νμλ©λλ€. μ΄λ, κΈ°νΈλ₯Ό λ μΉΈ μ΄μ λ€μ¬μ°κΈ°νμ¬ νμ λͺ©λ‘μ λ§λ€ μλ μμ΅λλ€.
μλ₯Ό λ€μ΄, λ€μκ³Ό κ°μ΄ UL λͺ©λ‘μ μμ±νκ³ κΈ°νΈ μ€νμΌμ μ§μ ν μ μμ΅λλ€.
- νλͺ© 1
- νλͺ© 2
- νμ νλͺ© 1
- νμ νλͺ© 2
- νλͺ© 3
μμ λ§ν¬λ€μ΄ μ½λλ₯Ό λ λλ§νλ©΄ λ€μκ³Ό κ°μ UL λͺ©λ‘μ΄ μμ±λ©λλ€.
- νλͺ© 1
- νλͺ© 2
- νμ νλͺ© 1
- νμ νλͺ© 2
- νλͺ© 3
UL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ λ³κ²½νλ €λ©΄, κΈ°νΈ λμ μ¬μ©ν νΉμ κΈ°νΈλ₯Ό μ
λ ₯νλ©΄ λ©λλ€. μλ₯Ό λ€μ΄, *
μ μ¬μ©νμ¬ λͺ©λ‘μ μμ±νλ©΄ μ λμ λ³νλ‘ νμλ©λλ€.
* νλͺ© 1
* νλͺ© 2
* νμ νλͺ© 1
* νμ νλͺ© 2
* νλͺ© 3
μμ λ§ν¬λ€μ΄ μ½λλ₯Ό λ λλ§νλ©΄ λ€μκ³Ό κ°μ UL λͺ©λ‘μ΄ μμ±λ©λλ€.
- νλͺ© 1
- νλͺ© 2
- νμ νλͺ© 1
- νμ νλͺ© 2
- νλͺ© 3
λ§ν¬λ€μ΄μμ UL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ μ§μ νμ¬ λͺ©λ‘μ μΈκ΄μ μνλ λλ‘ λ³κ²½ν μ μμΌλ―λ‘, μν©μ λ§κ² μ μ ν μ€νμΌμ μ ννμ¬ μ¬μ©ν μ μμ΅λλ€.
3. OL λͺ©λ‘μ κΈ°νΈ μ€νμΌ μ§μ νκΈ°
OL(Ordered List) λͺ©λ‘μ μμκ° μλ λͺ©λ‘μΌλ‘, νλͺ©λ€μ΄ λ²νΈλ‘ ꡬλΆλ©λλ€. κΈ°λ³Έμ μΌλ‘ λ§ν¬λ€μ΄μμλ μ«μλ‘ λͺ©λ‘μ νμν©λλ€. νμ§λ§, OL λͺ©λ‘μλ λ€μν κΈ°νΈ μ€νμΌμ μ§μ νμ¬ λͺ©λ‘μ λͺ¨μμ λ³κ²½ν μ μμ΅λλ€.
OL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ μ§μ νκΈ° μν΄μλ λ²νΈ λμ μ¬μ©ν νΉμ κΈ°νΈλ₯Ό μ
λ ₯νλ©΄ λ©λλ€. λ²νΈ λμ μ¬μ©ν μ μλ κΈ°νΈλ‘λ 1.
, i.
, a.
λ±μ΄ μμ΅λλ€. κΈ°νΈλ₯Ό λͺ©λ‘ μμ μ
λ ₯νλ©΄ ν΄λΉ κΈ°νΈλ‘ λͺ©λ‘μ΄ νμλ©λλ€. μ΄λ, κΈ°νΈλ₯Ό λ μΉΈ μ΄μ λ€μ¬μ°κΈ°νμ¬ νμ λͺ©λ‘μ λ§λ€ μλ μμ΅λλ€.
μλ₯Ό λ€μ΄, λ€μκ³Ό κ°μ΄ OL λͺ©λ‘μ μμ±νκ³ κΈ°νΈ μ€νμΌμ μ§μ ν μ μμ΅λλ€.
1. νλͺ© 1
2. νλͺ© 2
1. νμ νλͺ© 1
2. νμ νλͺ© 2
3. νλͺ© 3
μμ λ§ν¬λ€μ΄ μ½λλ₯Ό λ λλ§νλ©΄ λ€μκ³Ό κ°μ OL λͺ©λ‘μ΄ μμ±λ©λλ€.
- νλͺ© 1
- νλͺ© 2
- νμ νλͺ© 1
- νμ νλͺ© 2
- νλͺ© 3
OL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ λ³κ²½νλ €λ©΄, κΈ°νΈ λμ μ¬μ©ν νΉμ κΈ°νΈλ₯Ό μ
λ ₯νλ©΄ λ©λλ€. μλ₯Ό λ€μ΄, i.
μ μ¬μ©νμ¬ λͺ©λ‘μ μμ±νλ©΄ λ‘λ§ μ«μλ‘ νμλ©λλ€.
i. νλͺ© 1
ii. νλͺ© 2
i. νμ νλͺ© 1
ii. νμ νλͺ© 2
iii. νλͺ© 3
μμ λ§ν¬λ€μ΄ μ½λλ₯Ό λ λλ§νλ©΄ λ€μκ³Ό κ°μ OL λͺ©λ‘μ΄ μμ±λ©λλ€.
i. νλͺ© 1
ii. νλͺ© 2
i. νμ νλͺ© 1
ii. νμ νλͺ© 2
iii. νλͺ© 3
λ§ν¬λ€μ΄μμ OL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ μ§μ νμ¬ λͺ©λ‘μ μΈκ΄μ μνλ λλ‘ λ³κ²½ν μ μμΌλ―λ‘, μν©μ λ§κ² μ μ ν μ€νμΌμ μ ννμ¬ μ¬μ©ν μ μμ΅λλ€.
4. DL λͺ©λ‘μ κΈ°νΈ μ€νμΌ μ§μ νκΈ°
DL(Definition List) λͺ©λ‘μ μ μλ₯Ό λνλ΄λ λͺ©λ‘μΌλ‘, μ©μ΄μ ν΄λΉ μ©μ΄μ μ μλ₯Ό ν μμΌλ‘ νμν©λλ€. κΈ°λ³Έμ μΌλ‘ λ§ν¬λ€μ΄μμλ μ©μ΄μ μ μλ₯Ό μ½λ‘ (:
)κ³Ό μ€λ°κΏμ μ΄μ©νμ¬ κ΅¬λΆν©λλ€. νμ§λ§, DL λͺ©λ‘μλ κ°λ¨ν κΈ°νΈ μ€νμΌμ μ μ©νμ¬ λͺ©λ‘μ λͺ¨μμ λ³κ²½ν μ μμ΅λλ€.
κΈ°νΈ μ€νμΌμ μ§μ νλ €λ©΄, κ° νλͺ© μμ κΈ°νΈλ₯Ό μ λ ₯νκ³ μ½λ‘ κ³Ό μ€λ°κΏμ μ¬μ©νμ¬ μ©μ΄μ μ μλ₯Ό ꡬλΆν©λλ€. μ΄λ, κΈ°νΈλ₯Ό λ μΉΈ μ΄μ λ€μ¬μ°κΈ°νμ¬ νμ λͺ©λ‘μ λ§λ€ μλ μμ΅λλ€.
μλ₯Ό λ€μ΄, λ€μκ³Ό κ°μ΄ DL λͺ©λ‘μ μμ±νκ³ κΈ°νΈ μ€νμΌμ μ§μ ν μ μμ΅λλ€.
μ©μ΄ 1
: μ μ 1
μ©μ΄ 2
: μ μ 2
μ©μ΄ 3
: μ μ 3
μμ λ§ν¬λ€μ΄ μ½λλ₯Ό λ λλ§νλ©΄ λ€μκ³Ό κ°μ DL λͺ©λ‘μ΄ μμ±λ©λλ€.
μ©μ΄ 1
: μ μ 1
μ©μ΄ 2
: μ μ 2
μ©μ΄ 3
: μ μ 3
DL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ κΈ°λ³Έμ μΌλ‘ λ§ν¬λ€μ΄μμ μ§μνμ§ μμ§λ§, μ©μ΄μ μ μλ₯Ό λνλ΄λ μ½λ‘ (:
)κ³Ό λ€μ¬μ°κΈ°λ₯Ό μ΄μ©νμ¬ μκ°μ μΌλ‘ ꡬλΆν μ μμ΅λλ€. DL λͺ©λ‘μμ μ£Όλͺ©ν μ μ κΈ°νΈ μ€νμΌμ΄ λͺ©λ‘μ μΈκ΄μ λ³κ²½νμ§λ§, HTMLμμμ <dl>
νκ·Έμ κ°μ μ νν μλ―Έλ‘ μ μΈ κ΅¬μ‘°λ₯Ό μ 곡νμ§λ μλλ€λ μ μ
λλ€.
5. μ 리
λ§ν¬λ€μ΄μμλ OL(Ordered List) λͺ©λ‘κ³Ό DL(Definition List) λͺ©λ‘μ κΈ°νΈ μ€νμΌμ μ§μ νμ¬ λͺ©λ‘μ λͺ¨μμ λ³κ²½ν μ μμ΅λλ€.
OL λͺ©λ‘μ μμκ° μλ λͺ©λ‘μΌλ‘, κΈ°λ³Έμ μΌλ‘ μ«μλ‘ νμλ©λλ€. OL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ λ³κ²½νλ €λ©΄, λ²νΈ λμ μνλ νΉμ κΈ°νΈλ₯Ό μ λ ₯νλ©΄ λ©λλ€. μ΄λ, κΈ°νΈλ₯Ό λ μΉΈ μ΄μ λ€μ¬μ°κΈ°νμ¬ νμ λͺ©λ‘μ λ§λ€ μλ μμ΅λλ€.
DL λͺ©λ‘μ μ μλ₯Ό λνλ΄λ λͺ©λ‘μΌλ‘, κ° νλͺ©μ μ©μ΄μ μ μλ μ½λ‘ κ³Ό μ€λ°κΏμΌλ‘ ꡬλΆλ©λλ€. DL λͺ©λ‘μ κΈ°νΈ μ€νμΌμ λ§ν¬λ€μ΄μμ μ§μ μ μΌλ‘ μ§μνμ§ μμ§λ§, μ©μ΄μ μ μλ₯Ό ꡬλΆνλ μ½λ‘ κ³Ό λ€μ¬μ°κΈ°λ₯Ό μ΄μ©νμ¬ μκ°μ μΌλ‘ ꡬλΆν μ μμ΅λλ€.
λ§ν¬λ€μ΄μ λͺ©λ‘ κΈ°νΈ μ€νμΌμ μ΄μ©νλ©΄ λͺ©λ‘μ μΈκ΄μ μνλ λλ‘ λ³κ²½ν μ μμΌλ©°, μν©μ λ§κ² μ μ ν μ€νμΌμ μ ννμ¬ μ¬μ©ν μ μμ΅λλ€. OL λͺ©λ‘μ μ«μ κΈ°νΈ, λ‘λ§ μ«μ κΈ°νΈ, μνλ²³ κΈ°νΈ λ±μΌλ‘ λ³κ²½ν μ μκ³ , DL λͺ©λ‘μ μ½λ‘ κ³Ό λ€μ¬μ°κΈ°λ₯Ό μ΄μ©νμ¬ μ μμ μ©μ΄λ₯Ό μκ°μ μΌλ‘ ꡬλΆν μ μμ΅λλ€. νμ§λ§, DL λͺ©λ‘μ HTMLμμμ <dl>
νκ·Έμ κ°μ μ νν μλ―Έλ‘ μ μΈ κ΅¬μ‘°λ₯Ό μ 곡νμ§λ μμ΅λλ€.
λ€μν λͺ©λ‘ κΈ°νΈ μ€νμΌμ νμ©νμ¬ λͺ©λ‘μ λ³΄λ€ μ½κ² μ΄ν΄ν μ μλλ‘ μμ±ν μ μμΌλ©°, λ§ν¬λ€μ΄μ λͺ©λ‘ κΈ°λ₯μ λ¬Έμμ ꡬ쑰λ₯Ό κ°κ²°νκ² νννλ λ° μ μ©ν λꡬμ λλ€.
λκΈ