ํ๊ทธ ๋ถ์๐งฑ
<p>...</p>
์ ๊ฐ์ HTML ์์๋ ๊ทธ์ ๊ฐ์ ๊ตฌ์กฐ๋ฅผ ์์ฑํ๋์ง ๊ถ๊ธํ์ญ๋๊น?๊ทธ๋ฆฌ๊ณ ์ฒ์์ cr*p๊ฐ HTML ์์๋ ๋ฌด์์ ๋๊น?
๋จผ์ ์๋ฅผ ๋ค์ด ๋ณด์ฌ๋๋ฆฌ์๋ฉด,
<p>My Cat is very grumpy</p>
ํ๊ทธ ์ด๊ธฐ: ๋ธ๋ผ์ฐ์ ์ "์ด์ ๋ ๋ค์ ์ค๋ ๋ด์ฉ์ ๋จ๋ฝ์ผ๋ก ์ฝ๊ฑฐ๋ ๋ด๊ฐ ์๋ฏธํ๋ ํ๊ทธ๋ฅผ ์ฝ๊ธฐ ์์ํฉ๋๋ค."๋ผ๊ณ ์ง์ํฉ๋๋ค.
๊ทธ๋์
Browsers read from Top to Bottom & Left to Right.
๋ด์ฉ์ ๋จ๋ฝ์ผ๋ก ์ฝ์ต๋๋ค.
๋ด์ฉ: ์ด๊ฒ์ ์ฌ์ฉ์ ๋๋ ๋ทฐ์ด๋ก์ ์ฐ๋ฆฌ๊ฐ ๋ณด๋ ๋ถ๋ถ์ ๋๋ค. ๋ฐ๋ผ์ ์ฌ๋ฌ๋ถ์ด ๋ณด๊ณ ์๋ ๋จ์ด์ ๋ฌธ์ฅ์ ๊ธ์๋ HTML์์ ๋ด์ฉ์ผ๋ก ์ฐ์ฌ์ง ๋ถ๋ถ์ ๋๋ค.
๋ซ๋ ํ๊ทธ: "์ํ์ จ์ต๋๋ค. ์ด์ ๋ด์ฉ์ ๋จ๋ฝ์ผ๋ก ์ฝ๋ ๊ฒ์ ์ค๋จํ๊ณ ๋ค์ ์ง์นจ์ผ๋ก ๋์ด๊ฐ ์ ์์ต๋๋ค."๋ผ๋ ๋ธ๋ผ์ฐ์ ์ ํ์์ ๋๋ค.
์ด์ ๋ ๋ฒ์งธ ์ง๋ฌธ์ผ๋ก ๋์๊ฐ ๋ณด๊ฒ ์ต๋๋ค. HTML ์์๋ ๋ฌด์์ ๋๊น?
๋ฐ๋ผ์ ์ผ๋ฐ์ ์ผ๋ก
The consistency of the opening tag, content, and closing tag is called an HTML element.
๊ทธ๋ฌ๋ ์ด๊ฒ์ด ์์๋ฅผ ์์ฑํ๋ ์ ์ผํ ๋ฐฉ๋ฒ์ ์๋๋๋ค. ์์๋ ํจ์ฌ ๋ ๋ณต์กํ๊ณ ๋ค๋ฅธ ์์์ ์ค์ฒฉ๋ ์ ์์ต๋๋ค. ๋ง์ฐฌ๊ฐ์ง๋ก, ์ง๋ ์ฃผ
<h1>
ํ๊ทธ์ <p>
ํ๊ทธ๊ฐ <body>
ํ๊ทธ/์์ ๋ด๋ถ์ ์์๋ ๊ฒ์ ๊ธฐ์ตํ์
จ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. ๋ค์๊ณผ ๊ฐ์ด ๋ค๋ฅธ ํ๊ทธ๋ ์ค์ฒฉํ ์ ์์ต๋๋ค.<p>My cat is <strong>very grumpy.</strong></p>
'๋ด ๊ณ ์์ด๋ ๋งค์ฐ ์ฌ์ ๊ถ๋ค'๋ฅผ ํ์ํฉ๋๋ค.
๊ทธ๋ฌ๋ ๋ด์ฉ์ด๋ ๋ซ๋ ํ๊ทธ๊ฐ ํ์ํ์ง ์์ ํ๊ทธ/์์๊ฐ ์์ต๋๋ค. ์:
<img src="image.jpg" alt="" >
์ด ํ๊ทธ๋ ์ด๋ฏธ์ง๋ฅผ ํ์ํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ๋ฐ๋ผ์ ์ด๊ฒ์ ์ด๋ฏธ์ง ์์์ด์ง๋ง ๋ด์ฉ์ด๋ ๋ซ๋ ํ๊ทธ๊ฐ ํ์ํ์ง ์์ต๋๋ค. ์์ฒด ๋ซ๋ ํ๊ทธ๋ผ๊ณ ํฉ๋๋ค(ํ์ง๋ง ๋ง์ด ์์ต๋๋ค. ๊ทธ๋์ ์ฐ๋ฆฌ๋ ๋์ค์ ์ด๋ฏธ์ง ์์์ ํ ์ฃผ๋ฅผ ํ ์ ํ ๊ฒ์ ๋๋ค.)
๊ทธ๋ฆฌ๊ณ ํ๊ทธ๋ ๋จ์ํ ์ด๋ฆ์ด๋ ๋ณต์กํ ๋ช ๋ น ๋๋ ์ก์ธ์ค ๊ฐ๋ฅ์ฑ์ ์ํด ์์ฑ์ ์ฌ์ฉํฉ๋๋ค. ๋ค์ ์ฃผ์ ์ด์ ๋ํด ๋ ผ์ํ ์์ ์ด๋ ๊ทธ๋๊น์ง ์์ ์ ์ ์งํ์ญ์์ค.
ํ ๊ณณ์์ ๋ชจ๋ ๊ฒ์๋ฌผ์ ๋ณด๋ ค๋ฉด This Web App์ ๋ฐฉ๋ฌธํ์ญ์์ค.
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(ํ๊ทธ ๋ถ์๐งฑ), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://dev.to/akhlakhossainjim/tag-breakdown-3dl0ํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค