์ด๋ฒ ๊ธ์ ์์ฃผ ๊ธฐ๋ณธ์ค์ ๊ธฐ๋ณธ์ ์ธ html ํ๊ทธ์ ๋ํด ์ ๋ฆฌํ ๊ธ ์ ๋๋ค.
<!DOCTYPE> ํ๊ทธ
HTML ํ์ผ์ ์ธ๋ ๊ฐ์ฅ ๋จผ์ ! ์ฌ์ฉํด์ผํ๋ ํ๊ทธ๊ฐ ์๋ค.
๊ทธ๊ฒ์ ๋ฐ๋ก <!DOCTYPE> ์ด๋ค.
๋ฌด์กฐ๊ฑด
<!DOCTYPE>์ ์ ์ธ!!
=> ex) <!DOCTYPE html>
<title> ํ๊ทธ
ํ์ด์ง์ ์ ๋ชฉ์ <title> ํ๊ทธ์ ์จ์ฃผ๋ฉด ๋ฉ๋๋ค. ๋ธ๋ผ์ฐ์ ์ ํญ์ด๋ ๋ฐฉ๋ฌธ ๊ธฐ๋ก์ ๋์ ์๋ ๋ฐ๋ก ๊ทธ ์ ๋ชฉ์ด ์ด ๊ณณ์ ๋ค์ด๊ฐ๋๋ค.
ex) <title>My First Website</title>
<h1>~<h6> ํ๊ทธ
ํ ํ์ด์ง์ ์ฌ๋ฌ ๊ฐ์ ๋จธ๋ฆฌ๋ง์ด ์์ ์ ์๋๋ฐ์. ๊ทธ ์ค ๊ฐ์ฅ ์ค์ํ ๋จธ๋ฆฌ๋ง์ <h1>(heading 1), ๊ทธ ๋ค์์ผ๋ก ์ค์ํ ๋จธ๋ฆฌ๋ง์ <h2>(heading 2). ์ด๋ฐ ์์ผ๋ก <h6>(heading 6)๊น์ง ์์ฑํ ์ ์์ต๋๋ค.
<h1>๋ถํฐ ์์๋๋ก ์์์ง๋๋ค.
<p> ํ๊ทธ
๋ณดํต ๋ฌธ๋จ์ <p>(paragraph) ํ๊ทธ ์์ ๋ฃ์ต๋๋ค. ๋ฌผ๋ก ์ง์ ์ค์ ํ ์๋ ์์ง๋ง <p> ํ๊ทธ ์, ์๋์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ฌ๋ฐฑ์ด ์กฐ๊ธ์ฉ ์์ต๋๋ค.
* ์๋ ์ฌ์ดํธ๋ฅผ ์ด์ฉํ์ฌ ์นํ๋ก๊ทธ๋๋ฐ์ ๋ํด ๋ฌด๋ฃ๋ก ๊ณต๋ถํ ์ ์์ต๋๋ค.
W3Schools Online Web Tutorials
HTML Example:
This is a heading
This is a paragraph.
Try it Yourself CSS Example: body { background-color: lightblue; } h1 { color: white; text-align: cente
www.w3schools.com
'HTML + CSS ์๋ฆฌ์ฆ๐ธ > HTML & CSS ์๋ฆฌ์ฆ(V 1.0)' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ค์ฌ์ฐ๊ธฐ? ๊ทธ๊ฒ ๋ญ๋ฐ? | HTML&CSS ์๋ฆฌ์ฆ 006 (0) | 2021.07.22 |
---|---|
CSS ๋ฌด์์ธ๊ฐ? | HTML & CSS ์๋ฆฌ์ฆ 005 (0) | 2021.07.22 |
๋ง์ฝ ํ๊ธ์ด ๊นจ์ง๋ค๋ฉด? | HTML & CSS ์๋ฆฌ์ฆ 004 (0) | 2021.07.22 |
๊ตต๊ฒ์ฐ๊ธฐ<b>,๋ ๋ ค์ฐ๊ธฐ<i> ํ๊ทธ | HTML&CSS ์๋ฆฌ์ฆ 003 (0) | 2021.07.22 |
ํ ์คํธ ์๋ํฐ: Sublime Text ์ค์น/๋จ์ถ์ด | HTML&CSS ์๋ฆฌ์ฆ 001 (0) | 2021.07.22 |