πΌοΈ μμΈνμ΄μ§ λꡬ
μμΈνμ΄μ§ μ μ
μν λ§ν¬ ν
μ΅μ μ΄λ―Έμ§
μΈλ€μΌ
μ€λ§νΈμ€ν μ΄ (860px)
μμ¬λͺ° (1000px)
πΎ μ΄μ μ μ₯
π λΆλ¬μ€κΈ°
πΌοΈ JPGλ‘ μ μ₯
μμ°½(_blank)
πΎ μ μ₯
π λΆλ¬μ€κΈ°
π table 볡μ¬
2μ΄
3μ΄
4μ΄
1000px
860px
+ μ΅μ μΆκ°
πΎ μ μ₯
π λΆλ¬μ€κΈ°
π¨ Figmaλ‘ λ³΄λ΄κΈ°
πΌοΈ JPGλ‘ μ μ₯
κΈ°λ³Έ μ 보
λΈλλ/νμ¬
ν΄λ¦° (μ€μμΉΒ·μ½μΌνΈ)
카벨
κ²½μ±μ μ μ¬
μ νλͺ
λͺ¨λΈλͺ
κ°μ‘° μμ(μ ν)
ν°νΈ β μν λ³ μ’ λ₯Β·ν¬κΈ°Β·μκ°Β·μμ
ν μ€ μΉ΄νΌ
λν μ΄λ―Έμ§
Β· κΆμ₯ 860Γ640px (κ°λ‘ν) Β· JPG/PNG
ν΅μ¬ ν¬μΈνΈ
+ ν¬μΈνΈ μΆκ°
μμΈ νΉμ§ (μ΄λ―Έμ§+μ€λͺ )
+ νΉμ§ λΈλ‘ μΆκ°
μ ν μ¬μ (κ·κ²©ν)
+ μ¬μ ν μΆκ°
ꡬμ±ν Β· μ€μΉ
ꡬμ±ν (μ€λ°κΏμΌλ‘ ꡬλΆ)
μ€μΉ μλ΄ (μ€λ°κΏμΌλ‘ ꡬλΆ)
μΈμ¦ Β· λ°°μ‘/AS
μΈμ¦ λ°°μ§ (μΌνλ‘ κ΅¬λΆ)
λ°°μ‘Β·κ΅νΒ·AS μλ΄
미리보기
μ΄λ―Έμ§ λ² μ΄μ€ URL
νμΌλͺ λ§ μ λ ₯ β λ² μ΄μ€+νμΌλͺ μΌλ‘ src Β· μ 체 URLμ΄λ©΄ κ·Έλλ‘ μ¬μ©
+ νλͺ© μΆκ°
미리보기
μΌμͺ½ = μ°μΈ‘μ λ ¬ Β· μ€λ₯Έμͺ½ = μ’μΈ‘μ λ ¬ Β· λ§μ§λ§ νμ = κ°μ΄λ°(colspan)
μμ±λ <table> νκ·Έ
ν€λ문ꡬ
κ°μ‘°μ
μ΅μ μ μμ λ‘κ² μΆκ°/μμ Β· μ¬μ§ μ λ‘λ Β· κ°κ²© μ§μ μ λ ₯
미리보기
λ°°κ²½μ
πΌοΈ λ°°κ²½ μ΄λ―Έμ§
λ°°κ²½ νλ
β λ°°κ²½ λ°μ
λ°°κ²½ μ§μ°κΈ°
+ μν μΆκ°
πΎ μ μ₯
π λΆλ¬μ€κΈ°
π¨ Figmaλ‘ λ³΄λ΄κΈ°
πΌοΈ JPGλ‘ μ μ₯
1000Γ1000 μΊλ²μ€
λ°°κ²½=λΉ κ³³ λλκ·Έλ‘ μμΉ Β· μν=ν΄λ¦ ν λλκ·Έ/λͺ¨μ리 ν¬κΈ°μ‘°μ /μ λ ¬