-
Notifications
You must be signed in to change notification settings - Fork 1
Description
λ€μ΄λ² ν΄λΌμ°λ νλ«νΌ(NCP)μ HTML ν΅μ§λ‘ μμ λ μ΄λ©μΌ μΈμ¦ νΌ μ½λ μ½μ μ
<style></style>
<html>
<head></head>
</html>νκ·Έλ€μ΄ μλμμ λλ€.
κ·Έ μΈμλ HTML μ΄λ©μΌ ν
νλ¦Ώμ λ§λ€ λ κ³ λ €ν΄μΌ ν μ¬νλ€μ΄ λ§λ€.
μ΄λ»κ² μμ
ν΄μΌ μ’μμ§ μμ보μ!
μ€νμΌ
-
μ€νμΌμ **μΈλΌμΈ μ€νμΌ (inline-style)**λ‘ μμ ν΄μΌνλ€.
-
display:flexκ΄λ ¨ν μ€νμΌ μμ±μ μ μ©μ΄ μλλ€. ν¬λ‘μ€ λΈλΌμ°μ§μ κ³ λ €ν΄μ λͺ¨λ λΈλΌμ°μ μμ μ¬μ© κ°λ₯ν μ€νμΌ μμ±μ μ μ© μμΌμΌ νλ€. -
λ°μν λ―Έλμ΄μΏΌλ¦¬λ μ§μ μν΄μ£Όλ κ·Έλ° λΆλΆλ€λ κ³ λ €ν΄μ μμ ν΄μΌν©λλ€. λͺ¨λ°μΌ PCμ λ°λ₯Έ λ°μνμΌλ‘ μμ νκ³ μΆλ€λ©΄
style="max-width: 100%"λ₯Ό λ£μ΄ λͺ¨λ°μΌ κΈ°κΈ°μμλ κΉ¨μ§μ§ μλλ‘ ν©λλ€.
μ΄λ―Έμ§
-
μ΄λ―Έμ§ νμ₯μλ jpg, pngλ‘ ν΄μΌ μλ° νμμ΄ μΌμ΄λμ§ μλλ€.
-
svgλ₯Ό μ¬μ©ν μ μλ° νμμ΄ μΌμ΄λλ€. -
widthμheightμaltκ°μ νμλ‘ μ λ ₯ν΄μΌνλ€. -
μ΄λ―Έμ§ μ£Όμλ μ λκ²½λ‘λ‘ μμ±νκΈ°
λ§ν¬μ
- λͺλͺ μ΄λ©μΌ ν΄λΌμ΄μΈνΈλ
<div>νκ·Έλ₯Ό μ 곡ν΄μ£Όμ§ μκΈ° λλ¬Έμ μ΄λ©μΌμ ꡬ쑰λ₯Ό μ μμ μΌλ‘ μ 곡νλ €λ©΄<div>λ₯Ό μ¬μ©νμ§ μκ³<table>λ‘ μμ±ν΄μΌ ν©λλ€.
π μ½λ μμ
<tr>
<td>
<p style="color:#424C5E;
font-family: Pretendard;
font-size: 17px;
font-weight: 400;
line-height: 160%;
margin: 0;
letter-spacing: -0.255px;">
κ³ κ°λμ μ΄λ©μΌ μ£Όμλ₯Ό ν΅ν΄
</p>
<p style="color:#424C5E;
font-family: Pretendard;
font-size: 17px;
font-weight: 400;
line-height: 160%;
margin: 0;
letter-spacing: -0.255px;">
κ³μ <strong style="font-weight: 600"> ${userEmail}</strong>μ λν μ κ·Όμ΄ μμ²λμμ΅λλ€.
</p>
<p style="color:#424C5E;
font-family: Pretendard;
font-size: 17px;
font-weight: 400;
line-height: 160%;
margin: 0;
letter-spacing: -0.255px;">
μλ λ²νΌμ ν΄λ¦νμ¬ μ΄λ©μΌ μΈμ¦μ μλ£ν΄ μ£ΌμΈμ.
</p>
</td>
</tr>μ΄μ κ°μ΄ table νκ·Έλ₯Ό μ¬μ©ν΄μ μμ
ν΄μΌνκ³ μΈλΌμΈ μ€νμΌλ‘ μμ±ν΄μΌ νλ λ±
μ΄λ©μΌ ν
νλ¦Ώμ λ§λ€ λ κ³ λ €ν΄μΌ λ μ λ€μ΄ ν λ κ°μ§κ° μλλλ€.