์ตํ์ ๋ฌธ๋ฒ ์์ฑ & img
<img> image๋ฅผ ๋ฃ๊ณ ์ถ์ ๋ ์ฐ๋ tag
<img>๋ผ๋ ํ๊ทธ์ ์ด๋ฆ๋ง์ผ๋ก๋ ์ ๋ณด๊ฐ ๋ถ์กฑํ ๊ฒฝ์ฐ๊ฐ ์๋ค. ๊ทธ๋์ ์๋ก์ด ๋ฌธ๋ฒ์ ์ถ์ฐ์์ผฐ๋ค.
<img src=" ">
์ด๋ฏธ์ง ์์ค์ ๋งํฌ ์ฃผ์๋ฅผ "" ์ฌ์ด์ ๋ฃ์ด์ค๋ค. ๊ทธ๋ฌ๋ฉด ์นํ์ด์ง์ ํด๋น ์ด๋ฏธ์ง๋ฅผ ์ฝ์ ํ ์ ์๊ฒ ๋๋ค.
unsplash์์ ๋ฌด๋ฃ ์ด๋ฏธ์ง๋ฅผ ํ๋ ๊ณจ๋ผ ๋์ webํด๋์ ๋ค์ด๋ก๋ ๋ฐ์์, ํด๋น ์ด๋ฏธ์ง ๋ค์์ "" ์ฌ์ด์ ๋ฃ์ด์ฃผ์๋ค.
์ด๋ฏธ์ง ํฌ๊ธฐ๊ฐ ๋๋ฌด ์ปค์, ํ๋ฉด์ ๋ฑ ๋ง์ถ๊ธฐ ์ํด width="100%"๋ ์ถ๊ฐํด์ฃผ์๋ค.
<img src="diving.image.jpg" width="100%">
๊ฒ์ ๋ฐ์ค ์น ์ ๋๊ฐ์ ๊ฐ์ ๊ฒ๋ค์, Attribute๋ผ๊ณ ํ๋ค!
๋ถ๋ชจ์์๊ณผ ๋ชฉ๋ก
<parent>
<child></child>
</parent
๋ถ๋ชจ ํ๊ทธ, ์์ ํ๊ทธ๋ผ๋๊ฒ ์๋ค.
์ฐ๋ฆฌ์ ๊ธฐํ์ ์ค ์์ง ์ผ์ชฝ ๋ฐ๋ฅผ ๋ง๋ค์ง ๋ชปํ๋๋ฐ, ์ด๊ฒ์ ๋ง๋ค๊ธฐ ์ํด ๋ถ๋ชจ/์์ ํ๊ทธ๋ฅผ ํ์ฉํ๊ฒ ๋๋ค.
๋ชฉ์ฐจlist tag
<ul>
<li></li>
</ul>
li๋ ๋ฐ๋์ ul ๋ถ๋ชจํ๊ทธ๋ฅผ ๊ฐ๊ณ ์๊ณ , ul ๋ถ๋ชจํ๊ทธ๋ ๋ฐ๋์ li ์์ํ๊ทธ๋ฅผ ๊ฐ์ง๊ณ ์๋ค.
<li>์ ๋ถ๋ชจ ํ๊ทธ์ธ <ul>๋ก list(๋ชฉ์ฐจ)์ ์์ญ ๊ตฌ๋ถ์ด ๊ฐ๋ฅํ๋ค.
์ฝ๋ ์งค๋, ์๊ฐ์ฑ ๋์ฌ์ฃผ๊ธฐ ์ํด ์์ํ๊ทธ ํํธ tap ๋ค์ฌ์ฐ๊ธฐ ํ์ฉํ๊ธฐ.
<ul>์ <ol>๋ก ๋ฐ๊พธ๋ฉด, ์์์ ๋๋ฒ๋ง์ ํด์ค๋ค!
ul= unrdered List
ol = ordered List
<Table> ํ๋ง๋ค๊ธฐ
3๋๊ฐ ๊ฐ์ด ๋ค๋.
๋ฌธ์์ ๊ตฌ์กฐ์ ์ํผ์คํ๋ค
์ํผ์คํ tag๋ค!
<title> </title>
์นํ์ด์ง์ ํ์ดํ์ ๋ฐ๊ฟ ์ ์๋ค!
๊ฒ์์์ง ๊ฐ์ ๊ธฐ๊ณ๋ค์, ์ฑ ํ์ง์ ๊ฐ์ ์ ๋ณด๋ก ์ฌ์ฉํ๋ค. ๋ฐ๋ผ์ <title> tag๋ฅผ ์ฐ์ง ์๋ ๊ฒ์ ๊ต์ฅํ ์ํด๋ค.
ํ๊ตญ์ด ์ถ๋ ฅ์ด ์ ์๋ ๋! utf8์ด๋ผ๋ ์ธ์ด๋ก ์ด ์ ์๋๋ก ๋ธ๋ผ์ฐ์ ์๊ฒ ๋งํด์ฃผ๋ ๊ฒ.
<meta charset="utf-8">
๋ฉํ ์บ๋ฆญํฐ ์ธํธ = _____๋ผ๋ ๋ป.
Web์ ์ฝ์
<!doctype html>
<html>
<head> </head>
<body> </body>
</html>
HTML ํ๊ทธ์ ์ ์, link ๊ฑธ์ด์ฃผ๊ธฐ
anchor์ ์ฒซ๊ธ์๋ฅผ ๋ด,
<a> ์ ๋ณด์ ๋ฐ๋ค์ ์ ๋ฐํ๋ค๋ ์๋ฏธ = link๋ฅผ ์๋ฏธํ๋ค.
๋งํฌ ํ์ด์ง๋ก ํ์ด์ง ์ด๋
<a href="๋งํฌ์ฌ๊ธฐ์ ๋ณต๋ถ">๋งํฌ ๊ฑธ์ด์ค ๋จ์ด</a>
๋งํฌ ํ์ด์ง ์ํญ์ผ๋ก ์ด๊ธฐ
<a href="๋งํฌ์ฌ๊ธฐ์ ๋ณต๋ถ" target="_blank">๋งํฌ ๊ฑธ์ด์ค ๋จ์ด</a>
๋งํฌ๊ฐ ๋ฌด์์ธ์ง, ํด๋ฆญ ์ ์ ๋ฏธ๋ฆฌ ์๋ ค ์ฃผ๊ณ ์ถ๋ค.
<a href="๋งํฌ์ฌ๊ธฐ์ ๋ณต๋ถ" target="_blank" title="๋ถ์ฐ์ค๋ช ">๋งํฌ ๊ฑธ์ด์ค ๋จ์ด</a>
๋งํฌ๋ ๊ฐ๊ฐ์ ์ ๋ณด๋ฅผ ์ฑ ์ฒ๋ผ ์ฎ๋ ์ญํ !