ํ‹ฐ์Šคํ† ๋ฆฌ ๋ทฐ

๋ฌดํ„ฑ๋Œ€๊ณ  ์™ธ์šฐ์ง€๋ง๊ณ  ์˜๋ฏธ๋ฅผ ์•Œ์ž๋Š” ์˜๋ฏธ๋กœ ๋ฉ”๋ชจํ•ด๋‘๋Š”๊ฑฐ๋ผ
์ˆœ์„œ๋„ ์ œ๋ฉ‹๋Œ€๋กœ์ธ๋ฐ๋‹ค ์ƒ๊ฐ๋‚˜๋Š”๋Œ€๋กœ ์ถ”๊ฐ€ํ• ๊ฑฐ์ž„

 

๋Œ€๋ถ€๋ถ„์˜ ์ถœ์ฒ˜ : https://developer.mozilla.org/  & https://www.w3schools.com/html/

 

MDN Web Docs

MDN ์›น ๋ฌธ์„œ ์‚ฌ์ดํŠธ๋Š” HTML, CSS, ๋ฐ ์›น ์‚ฌ์ดํŠธ์™€ ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์›น ์•ฑ์„ ์œ„ํ•œ API๋ฅผ ํฌํ•จํ•œ ์˜คํ”ˆ ์›น ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ Firefox ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์™€ ๊ฐ™์€ Mozilla ์ œํ’ˆ์„ ์œ„ํ•œ ๊ฐœ๋ฐœ์ž ์ง€ํ–ฅ ๋ฌธ์„œ๋„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

developer.mozilla.org

 

 

<!DOCTYPE html>

 ์•„์ฃผ ์˜ค๋ž˜์ „ HTML ์ด ๋ง‰ ๋‚˜์™”์„ ๋•Œ (1991๋…„ 2์›”์ฏค), doctype์€ (์ž๋™ ์˜ค๋ฅ˜ ํ™•์ธ์ด๋‚˜ ๋‹ค๋ฅธ ์œ ์šฉํ•œ ๊ฒƒ์„ ์˜๋ฏธํ•˜๋Š”) good HTML๋กœ ์ธ์ •๋ฐ›๊ธฐ ์œ„ํ•ด HTML ํŽ˜์ด์ง€๊ฐ€ ๋”ฐ๋ผ์•ผ ํ•  ์ผ๋ จ์˜ ๊ทœ์น™์œผ๋กœ์˜ ์—ฐ๊ฒฐํ†ต๋กœ๋กœ์จ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•˜์˜€์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ตœ๊ทผ์—๋Š” ์•„๋ฌด๋„ ๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š์œผ๋ฉฐ ๊ทธ์ € ๋ชจ๋“  ๊ฒƒ์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋™์ž‘ํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด ํฌํ•จ๋˜์–ด์•ผ ํ•  ์—ญ์‚ฌ์ ์ธ ์œ ๋ฌผ์ผ ๋ฟ์ž…๋‹ˆ๋‹ค. 

 

<meta charset="utf-8">

 ์ด ์š”์†Œ๋Š” ๋ฌธ์„œ๊ฐ€ ์‚ฌ์šฉํ•ด์•ผ ํ•  ๋ฌธ์ž ์ง‘ํ•ฉ์„ utf-8์œผ๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค(utf-8 ๋ฌธ์ž ์ง‘ํ•ฉ์—๋Š” ์ธ๊ฐ„์˜ ๋ฐฉ๋Œ€ํ•œ ์ฃผ๋ฅ˜ ๊ธฐ๋ก์–ธ์–ด์— ์žˆ๋Š” ๋Œ€๋ถ€๋ถ„์˜ ๋ฌธ์ž๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค). ๋ณธ์งˆ์ ์œผ๋กœ ์—ฌ๋Ÿฌ๋ถ„์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์–ด๋– ํ•œ ๋ฌธ์ž ์ปจํ…ํŠธ๋„ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ž ์ง‘ํ•ฉ์„ ์„ค์ •ํ•˜์ง€ ์•Š์„ ์ด์œ ๊ฐ€ ์—†์œผ๋ฉฐ, ๊ทธ๋ ‡๊ฒŒ ์„ค์ •ํ•˜๋ฉด ๋‚˜์ค‘์— ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์ผ๋ถ€ ๋ฌธ์ œ๋ฅผ ํ”ผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

 

-

div : division
p: paragraph 
br: line-break

ul : unordered list
ol : ordered list
lilist item

 

<img src="images/img.png" alt="Test image">

src : source, ์ด๋ฏธ์ง€ ํŒŒ์ผ์˜ ๊ฒฝ๋กœ
alt : alternative, ๋Œ€์ฒด ํ…์ŠคํŠธ๋ผ๋Š” ๋œป์œผ๋กœ ์„ค๋ช…๋ฌธ(descriptive text)์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ์Œ. ์‹œ๊ฐ์žฅ์• ์ธ์„ ์œ„ํ•œ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๋Š” alt ์†์„ฑ์˜ ๊ฐ’์„ ์ฝ๊ฒŒ๋จ.



<a href="index.html"></a>
<link rel="stylesheet" href="styles.css" />

a : anchor, ๋‹ป, ๋‹ป์„ ๋‚ด๋ฆฌ๋‹ค
href : hypertext reference(ํ•˜์ดํผ ํ…์ŠคํŠธ ์ฐธ์กฐ)
REL : is used to define the relationship between the linked file and the HTML document.



'๊ณต๋ถ€ > HTML&CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

CSS์˜ ์šฐ์„ ์ˆœ์œ„  (0) 2020.04.27
๋Œ“๊ธ€