ํฐ์คํ ๋ฆฌ ๋ทฐ
๋ฌดํฑ๋๊ณ ์ธ์ฐ์ง๋ง๊ณ ์๋ฏธ๋ฅผ ์์๋ ์๋ฏธ๋ก ๋ฉ๋ชจํด๋๋๊ฑฐ๋ผ
์์๋ ์ ๋ฉ๋๋ก์ธ๋ฐ๋ค ์๊ฐ๋๋๋๋ก ์ถ๊ฐํ ๊ฑฐ์
๋๋ถ๋ถ์ ์ถ์ฒ : https://developer.mozilla.org/ & https://www.w3schools.com/html/
<!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
li : list 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 |
---|
- stackoverflow
- book
- GIT
- js
- review
- eslint
- css
- ์์ฑ์ํจ์
- DOM
- ์ฝ๋ฉ๋ถํธ์บ ํ
- Stash
- VSC
- KEYBOARD
- ๋ถํธ์บ ํ
- string
- ๋ฐ๋๋ผ์ฝ๋ฉ
- eventlistener
- HTML
- array
- ๋ฐ๋๋ผ์ฝ๋ฉ ํ๊ธฐ
- Total
- Today
- Yesterday