๐ปHTML ์ธ์ด ๊ตฌ์ฑ ์์๐ป
- ํ๊ทธ(Tag), ์๋ฆฌ๋จผํธ(Element)
- ์์ฑ(Atrribute)
- ํ ์คํธ(PCDATA)
- ์ํฐํฐ(Entity)
- ์ฃผ์(Comment)
- ์ ์ธ๋ฌธ(Declaration)
- ์ธ๋ถ์์
- ๊ธฐํ
1. ํ๊ทธ(Tag), ์๋ฆฌ๋จผํธ(Element)
- ์์ฝ์ด(๋ช ๋ น์ด)๋ฅผ <>๋ก ๋ฌถ์ด๋์ ์์
- ์ถ๋ ฅ๋ ์นํ์ด์ง์ ๊ณจ๊ฒฉ์ ํ์ฑํ๋ค.
- ๋ ์ด์์ ํ์ฑ, ์์ ๋ฐฐ์น
- ์ถ๋ ฅ๊ณผ ๊ด๊ณ๋ ํ๋์ ํ๋ค.
1) ํ๊ทธ ํํ ๋ฐฉ์
1. ์ํ๊ทธ ๋ฐฉ์
- <ํ๊ทธ๋ช >๋ด์ฉ๋ฌผ(content) ์์ญ</ํ๊ทธ๋ช >
- <ํ๊ทธ๋ช > : ์์ํ๊ทธ
- </ํ๊ทธ๋ช > : ๋ํ๊ทธ
- ์์ญ์ ๊ฐ์ง๋ ํ๊ทธ
2. ๋จ๋ ํ๊ทธ, ๋น ํ๊ทธ(Empty Tag)
- <ํ๊ทธ๋ช >, <ํ๊ทธ๋ช >, <ํ๊ทธ๋ช />
- ์์ญ์ ๊ฐ์ง์ง ์๋ ํ๊ทธ์ด๋ค.
2) ํ๊ทธ ๋ด์ฉ๋ฌผ ํ์, Content Type
<ํ๊ทธ๋ช >๋ด์ฉ๋ฌผ</ํ๊ทธ๋ช >
1. ์์ ํ๊ทธ
- ๋ ๋ค๋ฅธ ํ๊ทธ๋ค์ด ๋ด์ฉ๋ฌผ๋ก ์ฌ ์ ์๋ค.
- ๋ฌธ์์ด ์ฌ ์ ์๋ค.
2. PCDATA, Parsed Charactor Data(ํ์ฑ์ด ๋ ๋ฌธ์์ด)
- ๋ฌธ์์ด๋ง ์ฌ ์ ์๋ค.
- ์์ ํ๊ทธ๋ ์ฌ ์ ์๋ค.
3. Empty
- ์๋ฌด๊ฒ๋ ๊ฐ์ง์ง ์๋๋ค.
- ๋จ๋ ํ๊ทธ
4. Mixed
- ํผํฉํ
- ์์์ผ๋ก ํ๊ทธ์ ๋ฌธ์์ด ๋ชจ๋ ์ฌ ์ ์๋ค.
- a, b, c ๋ค ๊ฐ๋ฅํ๋ค.
- HTML ํ๊ทธ ๋๋ถ๋ถ์ด ํผํฉํ์ด๋ค.
2. ์์ฑ(Atrribute)
- ํ๊ทธ์ ์ฑ์ง์ ์ ์ํ๋ ์์
- ํ๊ทธ๊ฐ ๊ฐ์ง๋ ๋ฐ์ดํฐ์ ํ ์ข ๋ฅ
- ์ฉ๋ : ํ๊ทธ์ ์ฑ์ง์ ์ ์ํ๋ ๋ฐ์ดํฐ
- ํ๊ธฐ๋ฒ
- ์ํ๊ทธ
- <์์ํ๊ทธ ์์ฑ๋ช ="๊ฐ"></๋ํ๊ทธ>
- <์์ํ๊ทธ ์์ฑ๋ช ="๊ฐ" ์์ฑ๋ช ="๊ฐ" ์์ฑ๋ช ="๊ฐ"></๋ํ๊ทธ>
- ๋จ๋
ํ๊ทธ
- <์์ํ๊ทธ ์์ฑ๋ช ="๊ฐ">
- ๊ธฐํ
- <์์ํ๊ทธ ์์ฑ๋ช ="๊ฐ"></๋ํ๊ทธ> : ์ฃผ๋ก ์ฌ์ฉ
- <์์ํ๊ทธ ์์ฑ๋ช ='๊ฐ'></๋ํ๊ทธ>
- <์์ํ๊ทธ ์์ฑ๋ช =๊ฐ"></๋ํ๊ทธ> : ์ฌ์ฉ์ ํ์ง์๋๋ก ํ๋ค.
- ์ํ๊ทธ
3. ํ ์คํธ(PCDATA)
- ํ๊ทธ๊ฐ ๊ฐ์ง๋ ๋ฐ์ดํฐ์ ํ ์ข ๋ฅ
- ์ฉ๋ : ํ๋ฉด์ ์ถ๋ ฅํ๋ ๋ฐ์ดํฐ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<font color="blue" size="5">ํ๊ธธ๋</font>
<!-- color : ์์ฑ -->
<!-- ํ๊ธธ๋ : PCDATA -->
</body>
</html>
4. ์ํฐํฐ(Entity)
- ๋ธ๋ผ์ฐ์ ์ ์ ํด์ง ์ฝ์์ด ๋์ด์๋ ํํ
- ์ฝ์๋ ํํ์ ์์ฑํ๋ฉด ๋ธ๋ผ์ฐ์ ๊ฐ ํ๋ฉด์ ์ถ๋ ฅํ๊ธฐ ์ ์ ์ฝ์๋ ํํ์ผ๋ก ๋ฐ๊ฟ์ ์ถ๋ ฅํ๋ค.
- ์ด๋ฐ ๊ฒ์ Built-in Entitiy ๋ผ๊ณ ํ๋ค.
- &์ํฐํฐ๋ช ;
- : ๊ณต๋ฐฑ
- < : >
- > : <
- & : &
- © : ©
- &#๋ฌธ์์ฝ๋;
<body>
<font> A > B = true</font>
<br>
<font> A < B = true</font>
<br>
<font> A > B = true &</font>
<br>
<font> A < B = true</font>
<br>
©Copyright 2023 test.com
<br>
A
</body>
5. ์ฃผ์
- <!-- ์ฃผ์ -->
'WEB > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [HTML] ๋งํฌ(a ํ๊ทธ) (0) | 2023.09.20 |
|---|---|
| [HTML] ์์ ํ๊ทธ(b, i, small, sub, sup, big, u, strike, tt ๋ฑ) (0) | 2023.09.20 |
| [HTML] heading ํ๊ทธ, hr ํ๊ทธ (0) | 2023.09.20 |
| [HTML] head ํ๊ทธ, body ํ๊ทธ (0) | 2023.09.19 |
| [HTML] ๊ณต๋ฐฑ ๋ฌธ์, Whitespace (0) | 2023.09.19 |
