๐ปhead ํ๊ทธ๐ป
1. <meta>
- ํ์ด์ง์ ๋ํ ์ฌ๋ฌ๊ฐ์ง ์ ๋ณด๋ฅผ ๊ธฐ์ ํ๋ค.
2. <title>
- ๋ฌธ์ ์ ๋ชฉ
- ํญ์ ์๋ ์ ๋ชฉ ํ์์ค์ ๋ํ๋๋ค.
- ๋ฌธ์์ ์ ๋ชฉ์ผ๋ก ์ฌ์ฉ๋๋ค.
- ๊ฒ์ ์์ง์ ์์ง ๋์์ด ๋์ด ๊ฒ์ ๊ฒฐ๊ณผ์ ์ ๋ชฉ์ผ๋ก ์ฌ์ฉ๋๋ค.
- ์ฆ๊ฒจ์ฐพ๊ธฐ ์ ๋ถ๋งํฌ์ ์ ๋ชฉ์ผ๋ก๋ ์ฌ์ฉ๋๋ค.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="ํ๊ธธ๋"> <!-- ์์ฑํ ๊ฐ๋ฐ์ ์ ๋ณด -->
<meta name="generator" content="Eclipse 2022.03"> <!-- ๊ฐ๋ฐ ๋๊ตฌ -->
<meta name="keywords" content="HTML, headํ๊ทธ, ์์
์์ "> <!-- ํค์๋ -->
<meta name="description" content="HTML ์์
์์ ์
๋๋ค."> <!-- ์ค๋ช
-->
<!-- <meta http-equiv="refresh" content="1;url=http://naver.com"> -->
<title>์์
์์ </title>
</head>
<body>
</body>
</html>
๐ปbody ํ๊ทธ๐ป
- ๋ฌธ์์ ๋ณธ๋ฌธ ์ญํ
- ์ฌ๋์๊ฒ ์ ๋ฌํ ๋ด์ฉ(์ถ๋ ฅํ ๋ด์ฉ)์ ์์ฑํ๋ค.
- ์ถ๋ ฅ์ ๋ณด
<body> ์์ฑ
1. bgcolor
- background color
- ๋ฌธ์ ๋ฐฐ๊ฒฝ์
- HTML ์์ ํํ ๋ฐฉ๋ฒ
1. ์์๋ช
- Named Color
- Well-known Color
- ๋ฏธ๋ฆฌ ์ฝ์๋ 140๊ฐ์ง ์์๋ช
์ ์ฌ์ฉํ๋ค.(์น ์์)
- https://www.w3schools.com/tags/ref_colornames.asp
2. RGB
- RED + GREEN + BLUE
- ๊ฐ ์์์ ๋จ๊ณ์ธ 256๋จ๊ณ(0~255)๋ก ํํ
- 256 * 256 * 256 = 16,777,216 ์์ ์ ๊ณต
- #000000(๊ฒ์ ์) ~ #FFFFFF(ํฐ์)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="green"> <!-- ์์๋ช
-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="#fad6d6">
</body>
</html>
2. background
- ๋ฐฐ๊ฒฝ์ด๋ฏธ์ง
html ํด๋์์ images ํ์ ํด๋ ์์ฑ
imgaes ํด๋์ ์ด๋ฏธ์ง ๋ฃ๊ธฐ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body background="images/dog.jpg">
</body>
</html>
ํด๋น ์ฌ์ง์ด ๋ฐฐ๊ฒฝ์ฌ์ง์ผ๋ก ๋ค์ด๊ฐ๋ค.
๐ป๊ทธ๋ํฝ ๋์์ธ ๋๊ตฌ, ํฝํฝ๐ป
- ์ปฌ๋ฌํฝ์ปค ํด
- ์์ ์ถ์ถ, ์์ ํ๋ ํธ, ์คํฌ๋กค ์บก์ฒ ๋ฑ๋ฑ
ํฝํฝ(PicPick) - ์ฌ์ธ์ ๊ทธ๋ํฝ ๋์์ธ ๋๊ตฌ (ํ๋ฉด ์บก์ฒ ๋ฐ ๋ นํ, ์ด๋ฏธ์ง ํธ์ง, ์์ ์ถ์ถ, ๋๊ธ์,
ํฝํฝ(PicPick) - ์ฌ์ธ์ ๊ทธ๋ํฝ ๋์์ธ ๋๊ตฌ (ํ๋ฉด ์บก์ฒ ๋ฐ ๋ นํ, ์ด๋ฏธ์ง ํธ์ง, ์์ ์ถ์ถ, ๋๊ธ์, ๊ฐ๋๊ธฐ, ์ญ์์ ๋ฑ)
picpick.net
๋ณ ๋ค๋ฅธ ์ค์ ํด์ค ๊ฒ์ด ์์ด ๋ค์๊ณผ ์ค์น๋ง ๋๋ฅด๋ฉด ์ค์น๊ฐ ๋๋๋ค.
์ถ์ถํ๊ณ ์ถ์ ์์น๋ฅผ ํด๋ฆญํ๋ฉฐ ์์ ๊ฐ์ ์ฐฝ์ด ๋ฌ๋ค.
์ค๋ฅธ์ชฝ ํ๋จ ๋ณต์ฌ๋ฅผ ๋๋ฅด๋ฉด ์์์ฝ๋ ๋ณต์ฌ๊ฐ ๋๋ค.
'WEB > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [HTML] ๋งํฌ(a ํ๊ทธ) (0) | 2023.09.20 |
|---|---|
| [HTML] ์์ ํ๊ทธ(b, i, small, sub, sup, big, u, strike, tt ๋ฑ) (0) | 2023.09.20 |
| [HTML] heading ํ๊ทธ, hr ํ๊ทธ (0) | 2023.09.20 |
| [HTML] HTML ์ธ์ด ๊ตฌ์ฑ ์์ (0) | 2023.09.19 |
| [HTML] ๊ณต๋ฐฑ ๋ฌธ์, Whitespace (0) | 2023.09.19 |
