λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
HTML5 & CSS3

HTML 2λ²ˆμ§Έμˆ˜μ—…

by μ½”λ”©ν•˜λŠ” λΆ•μ–΄ 2021. 1. 25.
λ°˜μ‘ν˜•

*<xmp>

λ¬Έμ„œμ— λ‚˜νƒ€λ‚˜ μžˆλŠ” κ·ΈλŒ€λ‘œμ˜ ν˜•νƒœλ‘œ 보여쀄 λ•Œ μ‚¬μš©ν•œλ‹€

<pre>와 λ‹€λ₯Έ 점은 html νƒœκ·ΈκΉŒμ§€ λ³΄μ—¬μ€€λ‹€λŠ” 것이닀

​

*<center> ~ <center>

문단을 κ°€μš΄λ° μ •λ ¬ν•œλ‹€

λΈŒλΌμš°μ € 폭에 맞좰 쀑심에 ν…μŠ€νŠΈλ‚˜ 이미지가 ν‘œμ‹œλœλ‹€

쀑간에 λ‹€λ₯Έ νƒœκ·Έλ₯Ό 넣을 μˆ˜λ„ μžˆλ‹€

​

*<marquee>

ν™ˆνŽ˜μ΄μ§€ λ‚΄μ—μ„œ ν…μŠ€νŠΈκ°€ μ–΄λŠ ν•œ λ°©ν–₯μ—μ„œ λ°˜λŒ€ λ°©ν–₯으둜 ν˜λŸ¬κ°€λŠ” λ™μž‘μ„ μ—°μΆœν•œλ‹€

μ΅μŠ€ν”Œλ‘œλŸ¬ μ „μš© νƒœκ·Έμ΄λ‹€

<body>

<marquee align=top behavior=scroll direction=right scrolldelay=10

scrollamount=10 loop=-1>e-test에 μ˜€μ‹ κ±Έ ν™˜μ˜ν•©λ‹ˆλ‹€.</marquee>

</body>

​

*<Hnum>

head의 μ•½μž

λ¬Έμ„œμ˜ 제λͺ©μ— ν•΄λ‹Ήν•˜λŠ” λ¬Έμžμ—΄μ„ λ‚˜νƒ€λ‚Ό λ•Œ 주둜 μ‚¬μš©ν•œλ‹€

<h1>이 κ°€μž₯ 큰 κΈ€μžκ³  <h6>이 κ°€μž₯ μž‘μ€ κΈ€μžμ΄λ‹€

​

*<font>

<font size=num>~</font> '~' μ—λŠ” 글씨 λ„£κΈ°

<font color=색상λͺ… λ˜λŠ” #RRGGBB>~</font>

<font face=κΈ€κΌ΄ 이름>~</font>

<font size=num color=색상λͺ… λ˜λŠ” #RRGGBB FACE=κΈ€κΌ΄>~</font>

num=1~7

​

RGB%κ°’, RGBμ •μˆ˜κ°’μœΌλ‘œ ν•˜λ‹ˆκΉŒ 적용이 μ•ˆλœλ‹€. ν¬λ‘¬μ—μ„œλ„ 적용 μ•ˆλ¨. μ™œμ§€?

λΈŒλΌμš°μ €μ— 따라 적용이 μ•ˆλ μˆ˜λ„ μžˆλ‹€

​

*κ°•μ‘° μŠ€νƒ€μΌ νƒœκ·Έ

<b> : νŠΉλ³„νžˆ κ°•μ‘°ν•˜κ³  싢은 뢀뢄을 μ§„ν•˜κ²Œ Bold체둜 λ‚˜νƒ€λ‚Έλ‹€

<s> : 주둜 잘λͺ»λœ κΈ€μžλ₯Ό μ§€μš°μ§€ μ•Šκ³  κ°€μš΄λ° 쀄을 κΈ‹λŠ” 효과λ₯Ό μ£Όμ–΄ ν‘œμ‹œν•œλ‹€

​

*첨자 μŠ€νƒ€μΌ νƒœκ·Έ

<sup> : λ³΅μž‘ν•œ μˆ˜μ‹μ΄λ‚˜ μ›μ†ŒκΈ°ν˜Έλ₯Ό λ‚˜νƒ€λ‚Ό λ•Œ μ‚¬μš©ν•˜λŠ” κ²ƒμœΌλ‘œ μœ„ 첨자λ₯Ό λ‚˜νƒ€λ‚Έλ‹€

<sub> : λ³΅μž‘ν•œ μˆ˜μ‹μ΄λ‚˜ μ›μ†ŒκΈ°ν˜Έλ₯Ό λ‚˜νƒ€λ‚Ό λ•Œ μ‚¬μš©ν•˜λŠ” κ²ƒμœΌλ‘œ μ•„λž˜ 첨자λ₯Ό λ‚˜νƒ€λ‚Έλ‹€

​

*리슀트

<UL>

Unordered List둜 λΉ„μˆœμ„œν˜• λͺ©λ‘μ„ μ„€μ •ν•œλ‹€

<UL>νƒœκ·Έλ₯Ό μ‚¬μš©ν•˜κ³  κ·Έ μ‚¬μ΄μ˜ λ¬Έμž₯ 맨 μ•žμ— <LI>λ₯Ό μ—΄κ±°ν•œλ‹€

각 ν•­λͺ©μ€ μžλ™μ μœΌλ‘œ 쀄 λ°”λ€œμ΄ λœλ‹€

<UL type="circle"> ← 이와 같이 type섀정도 κ°€λŠ₯!

​

*<ol>

<li>windows 98 λ”°λΌν•˜κΈ°

<ol type="A">

<li>ν•­λͺ© A</li>

<li>ν•­λͺ© B</li>

</ol>

</li>

<li>linux λ”°λΌν•˜κΈ°

<ol type="A">

<li>ν•­λͺ© C</li>

<li>ν•­λͺ© D</li>

</ol>

</li>

<li>unix λ”°λΌν•˜κΈ°

<ol type="A">

<li>ν•­λͺ© e</li>

<li>ν•­λͺ© f</li>

</ol>

</li>

​

*<dl> μ •μ˜ν˜• 리슀트

<dl>둜 μ •μ˜λœ λͺ©λ‘μ€ <dt>와 <dd>둜 λ‚˜λˆ„μ–΄μ§„λ‹€

<dt> : μ •μ˜λ˜λŠ” 말

<dd> : μ •μ˜λœ 말의 의미

λ°˜μ‘ν˜•

'HTML5 & CSS3' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

HTML μˆ™μ œ  (0) 2021.01.25
HTML 6λ²ˆμ§Έμˆ˜μ—…  (0) 2021.01.25
HTML 5λ²ˆμ§Έμˆ˜μ—…  (0) 2021.01.25
HTML 4λ²ˆμ§Έμˆ˜μ—…  (0) 2021.01.25
HTML μ²«μˆ˜μ—…  (0) 2021.01.25

λŒ“κΈ€