์์
- HTML ๊ธฐ๋ณธ ํ๊ทธ
- ๋ฌธ์ ์์ ํ๊ทธ
- ๋จ๋ฝ ์์ ํ๊ทธ
- ๋ชฉ๋ก ํ๊ทธ
- ์ฐ๊ฒฐ ํ๊ทธ
๊ธฐ๋ณธ ํ๊ทธ
๋ฌธ์ ๊ตฌ์กฐ ํ๊ทธ
Html ํ๊ทธ์ค ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ํ๊ทธ๋ก์จ ๋ฌธ์ ๊ตฌ์กฐ๋ฅผ ์ ์ํ๋ <html>
, <head>
, <title>
, <meta>
, <body>
๊ฐ ์์ผ๋ฉฐ ์ด๋ฌํ ํ๊ทธ๋ค๋ก HTML ๋ฌธ์๋ฅผ ์์ฑํ๋ค.
<meta>
ํ๊ทธ๋ฅผ ์ ์ธํ ๋๋จธ์ง <html>
, <head>
, <title>
, <meta>
, <body>
ํ๊ทธ๋ ํ์ ํ๊ทธ๋ก ํ์๋ ํ๊ทธ๋ค์ ๋ฌธ์์ ๋ฐ๋์ ์ฌ์ฉ๋์ด์ผ ํ๋ค.
<html>
ํ๊ทธ
html ํ๊ทธ๋ <html>
์์๋ฅผ ์ ์ํ๋ฉฐ, ๋ฌธ์ ํธ๋ฆฌ์์ ๋ฃจํธ ๋
ธ๋์ ํด๋น๋๋ ๋ฃจํธ ์์๋ก ๋ฌธ์์ ๋ชจ๋ html ์์๋ฅผ ํฌํจํ๋ค
lang
: ์์ ๋ด์ฉ์ ์์ฐ ์ธ์ดdir
: ์์ ๋ด์ฉ์ ์์ฑ ๋ฐฉํฅ
<head>
ํ๊ทธ
<head>
์์์๋ <title>
์์์ <meta>
์์๋ฅผ ํฌํจํ๋ฉฐ ๋ค์๊ณผ ๊ฐ์ ํ๊ทธ๋ฅผ ํฌํจํ ์ ์๋ค.
<title>
: ๋ฌธ์์ ์ ๋ชฉ<meta>
: ๋ฌธ์์ ๋ฉํ ๋ฐ์ดํฐ<link>
: ๋งํฌ ์ฐ๊ฒฐ<script>
: ์คํฌ๋ฆฝํธ ์ฝ๋<noscript>
: ์คํฌ๋ฆฝํธ๊ฐ ์ง์๋์ง ์๋ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ํ ๋์ฒด ์์<base>
: ์๋ url์ ๊ธฐ์ค์ด ๋๋ ์ ๋ url
<title>
ํ๊ทธ
๋ฌธ์์ ์ ๋ชฉ์ ๋ํ๋ด๋ฉฐ ์์์ ๋ด์ฉ์ ๋ธ๋ผ์ฐ์ ๊ฐ ๋ฌธ์๋ฅผ ์คํํ ๋ ์ ๋ชฉ ํ์์ค์ ์ถ๋ ฅ๋๋ค.
<meta>
ํ๊ทธ
๋ฉํ๋ฐ์ดํฐ๋ ๋ฐ์ดํฐ์ ๊ดํ ๋ฐ์ดํฐ, ์ฆ ๋ฐ์ดํฐ์ ๋ํด ์ค๋ช ํ๋ ๋ฐ์ดํฐ๋ก HTML ๋ฌธ์์ ๋ํ์ฌ ์ค๋ช ํ๋ ๋ฉํ๋ฐ์ดํฐ๋ฅผ ํฌํจํ๋ค.
<meta http-equiv="์์ฑ๊ฐ" content="๋ด์ฉ"> ............ ํํ์ 1
<meta name="์์ฑ๊ฐ" content="๋ด์ฉ"> .................. ํํ์ 2
ํ๊ทธ์ ํ์์ ์์ ๋ ๊ฐ์ง ํ์์ค ํ๋๋ง ์ฌ์ฉํ๋ฉด ๋๋ค.
<body>
ํ๊ทธ
class
ํด๋์ค ์ด๋ฆ ์ง์
id
ํด๋์ค์ ์ ์ผํ ์์ด๋ ์ง์
style
์คํ์ผ ์ง์
background="ํ์ผ์ด๋ฏธ์ง url"
๋ฐฐ๊ฒฝ์ผ๋ก ์ฌ์ฉ๋ ์ด๋ฏธ์ง ํ์ผ์ url
bgcolor="์์๋ช /rgb๊ฐ"
๋ฐฐ๊ฒฝ ์
text="์์๋ช /rgb๊ฐ"
๋ฌธ์ ์
link="์์๋ช /rgb๊ฐ"
๋งํฌ๋ก ์ค์ ํ ๋ฌธ์์ ์
alink="์์๋ช /rgb๊ฐ"
๋งํฌ๊ฐ ์ค์ ๋ ๋ฌธ์๋ฅผ ํด๋ฆญํ ๋ ๋ณํ๋๋ ์
vlink="์์๋ช /rgb๊ฐ"
๋งํฌ๋ฅผ ํด๋ฆญํ ํ์ ๋ฌธ์ ์
topmargin="ํฝ์ ์"
๋ฌธ์์ ์ฅ์ชฝ ์ฌ๋ฐฑ
leftmargin="ํฝ์ ์"
๋ฌธ์์ ์ผ์ชฝ ์ฌ๋ฐฑ
bgproperties="fixed"
๋ฐฐ๊ฒฝ ๊ทธ๋ฆผ์ ๊ณ ์
scroll = "no"
์คํฌ๋กค๋ฐ ํ์ฑ ์ฌ๋ถ
์ฃผ์
html ๋ฌธ์์ ๋ํ ๋ถ์์ ์ธ ์ค๋ช
์ด ํ์ํ ๊ฒฝ์ฐ ์ฌ์ฉ๋๋ฉฐ ์ฃผ์์ ๋ด์ฉ์ ์น๋ธ๋ผ์ฐ์ ์ ๋ํ๋์ง ์๋๋ค.<!-- ์ฃผ์ ๋ด์ฉ -->
์ ๋ชฉ ํ๊ทธ
h1
h2
h3
h4
h5
h6
๊ฐ ์๋๋ฐ h์์ ์๋ ์ซ์๊ฐ ํด ์๋ก ํฐ ์ ๋ชฉ์ด ๋์จ๋ค.
๋ฌธ์ ์์ ํ๊ทธ
<b>
: ๊ตต์ ๋ฌธ์<i>
: ์ดํค๋ฆญ์ฒด<tt>
: ํ์๊ธฐ์ฒด<sup>
: ์์ฒจ์<sub>
: ์๋์ฒจ์<big>
: ๊ธ์ ํฌ๊ธฐ๋ฅผ ํ์ฌ ํฌ๊ธฐ๋ณด๋ค ํฌ๊ฒ<small>
: ๊ธ์ ํฌ๊ธฐ๋ฅผ ํ์ฌ ํฌ๊ธฐ๋ณด๋ค ์๊ฒ<u>
: ๋ฐ์ค<s>
๋๋<strike>
: ์ทจ์กฐ์
๋ฌธ์ ํฌ๊ธฐ ์ง์
<font size="n"> ~ </font>
n์ 1~7 ์ฌ์ด์ ์ซ์
๋ฌธ์์ ์ง์
<font color="์์๋ช
/rgb๊ฐ"> ~ </font>
๊ธ๊ผด ์ง์
<font face="๊ธ๊ผด"> ~ </font>
ํน์ ๋ฌธ์ ์ฌ์ฉ
<
: <>
: >&
: &"
: "๊ณต๋ฐฑ
๋จ๋ฝ ์์ ํ๊ทธ
<br>
๋ชฉ๋ก ํ๊ทธ
<ul>
: ์์ ์๋ ๋ฆฌ์คํธ<ul type="disc(๊ธฐ๋ณธ)"/"circle"/"square"> <li>๋ฆฌ์คํธ ํญ๋ชฉ</li> </ul>
<ol>
: ์์ ์๋ ๋ฆฌ์คํธ
<ol>
<li> ๋ฆฌ์คํธ ํญ๋ชฉ </li>
</ol>
<dl>
: ์ฉ์ด ๋ฆฌ์คํธ
<dl>
<dt> ์ฉ์ด์ ์ ๋ชฉ </dt>
<dd> ์ฉ์ด์ ์ค๋ช
</dd>
</dl>
์ฐ๊ฒฐ ํ๊ทธ
HTML์์๋ ํ์ดํผ๋งํฌ ๊ธฐ๋ฅ์ ์ด์ฉํ์ฌ, ์ธํฐ๋ท ์์ ๋ค๋ฅธ ์น ์ฌ์ดํธ ํน์ ์์์ ์น ์ฌ์ดํธ์ ์๋ ๋ค๋ฅธ ํ์ด์ง์ ์ฐ๊ฒฐํ ์ ์๋ค.
- href="rul"
์ ๋ url ๋๋ ์๋ url ๋๋ ์ต์ปค url
- name="์ต์ปค"
์ต์ปค ์ค์
- title="์ค๋ช
"
๋งํฌ์ ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๊ฐ๋ฉด ๋ํ๋๋ ์ค๋ช
- target="ํ๋ ์ ์ด๋ฆ/์์ฝ์ด"
๋งํฌ๋ ํ์ด์ง๋ฅผ ๋ํ๋ผ ๊ณณ
๊ฐ์ ๋ฌธ์ ๋ด์์์ ์ฐ๊ฒฐ
์ต์ปค url์ ์ด์ฉํ์ฌ ๊ฐ์ ๋ฌธ์ ๋ด์์ ์ด๋ํ ๊ณณ์ ๋งํฌ๋ก ์ฐ๊ฒฐํ๋ค. ์ด๋ฅผ ์ํด <a>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ฉฐ, ๊ทธ ๊ฒฐ๊ณผ ๋์ผํ ๋ฌธ์ ๋ด์ ํน์ ์์น์ธ ์ต์ปค๋ก ์ด๋ํ ์ ์๊ฒ ๋๋ค.
<a href="#์ต์ปค"> ~ </a> : ๋งํฌ๊ฐ ์ค์ ๋ ํ
์คํธ
<a name="์ต์ปค"> ~ </a> : ๋ฌธ์ ๋ด ์ด๋ํ ๊ณณ
์น ์์ ๋ฌธ์ ์ฐ๊ฒฐ
์ ๋ url์ ์ด์ฉํ์ฌ ๋ค๋ฅธ ์น ์ฌ์ดํธ์ ๋ฌธ์๋ฅผ ์ฐ๊ฒฐํ๋ค.
<a href="์ ๋ url" title="๋งํฌ์ ๋ํ ์ค๋ช
"> ๋งํฌ๊ฐ ์ค์ ๋ ํ
์คํธ </a>
๋ฉ์ผ ํ๋ก๊ทธ๋จ ์ฐ๊ฒฐ
์ฃผ์๋ฅผ ๊ธฐ๋กํ๊ธฐ ์ํด์๋ <address>
ํ๊ทธ๋ฅผ ์ด์ฉํ๋ค. ์น ํ์ด์ง์์ ์ด๋ฉ์ผ ์๋น์ค๋ฅผ ์ด์ฉํ ๋๋ <a>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ์ฐ๊ฒฐ์ํจ๋ค.
<a href="mailto:๋ฉ์ผ์ฃผ์"> ๋ฉ์ผ ํ๋ก๊ทธ๋จ์ผ๋ก ๋งํฌ๊ฐ ์ค์ ๋๋ ํ
์คํธ </a>
'๐บ Front End > - HTML,css,Javascript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
6. HTML ํผ ํ๊ทธ (0) | 2019.11.29 |
---|---|
5. HTML ํ๋ ์ (0) | 2019.11.29 |
4. HTML ํ ์ด๋ธ (0) | 2019.11.29 |
3. HTML ์ด๋ฏธ์ง ์ฝ์ (0) | 2019.11.28 |
1. Html ๊ธฐ์ด (0) | 2019.11.27 |
๋๊ธ