
Test1.
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>html ์์</title>
</head>
<body>
body ๋ถ๋ถ<br/> <!-- ํฐํธ์ฌ์ด์ฆ3์ด๋ ํฐํธ ํฌ๊ธฐ๊ฐ ๊ฐ์ -->
<font size="1">ํฐํธ์ฌ์ด์ฆ 1</font><br/>
<font size="2">ํฐํธ์ฌ์ด์ฆ 2</font><br/>
<font size="3">ํฐํธ์ฌ์ด์ฆ 3</font><br/>
<font size="7" color="#CCEEFF" face="๋ง์๊ณ ๋์ฒด">ํฐํธ์ฌ์ด์ฆ 7</font><br/> <!-- ๊ฐ์ฅํฐ๊ฒ ํฐํธ์ฌ์ด์ฆ 7 -->
<font size="7" color="#D7DF01" face="๊ตด๋ฆผ์ฒด">ํฐํธ์ฌ์ด์ฆ 7</font><br/>
<font size="4"><strong>ํฐํธ์ฌ์ด์ฆ 4</strong></font><br/> <!-- <b> <strong> bold์ ์ฝ์ -->
<font size="4"><i>ํฐํธ์ฌ์ด์ฆ 4</i></font><br/> <!-- ์ดํค๋ฆญ์ฒด -->
<font size="4"><u>ํฐํธ์ฌ์ด์ฆ 4</u></font><br/> <!-- ๋ฐ์ค -->
<ul>
<ul type="disc">
<li>๋ฐฐ์์ง</li>
<li>์ ์ธ๋</li>
<li>์ด์ด๋ด</li>
</ul>
<h3> ๋ด๊ฐ ์ข์ํ๋ ์ฐ์์ธ </h3> <!-- ์์ฒด์ ์ผ๋ก br๊ฐ์ง๊ณ ์์ -->
<ul type="square">
<li>๋ฐฐ์์ง</li>
<li>์ ์ธ๋</li>
<li>์ด์ด๋ด</li>
</ul><br/>
<ul type="circle">
<li>๋ฐฐ์์ง</li> <!-- <li> ๋๊ทธ๋ผ๋ฏธ -->
<li>์ ์ธ๋</li>
<li>์ด์ด๋ด</li>
</ul>
<hr width="60%" size="20" align="right" color="D7DF01"/> <!-- ์ ํ๋ ๊ทธ๋ฆฐ ๊ฒ / width (๊ฐ๋ก)=""๋ค๋ฅธ ํ๊ทธ์์๋ ์ฌ์ฉ๊ฐ๋ฅ -->
<hr width="200" size="50" align="left" color="#CCEEFF"/>
๋ฐฐ์์ง<br/>
๋ฐฐ ์ ์ง<br/>
๋ฐฐ ์ ์ง<br/> <!-- ์น์ ๊ณต๋ฐฑ์ ํ๋๋ง ์ธ์ํจ -->
๋ฐฐ ์ ์ง<br/>
<html></html><br/>
& : &
</body>
</html>
๐ ์ถ๋ ฅ
์ฃผ์์ ๋ ฅ / ํฐํธ ์ฌ์ด์ฆ ๋ฐ ์ปฌ๋ฌ / ๋์ด์ฐ๊ธฐ

Test2.
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- ์ด๋ฏธ์ง ๋ถ๋ฌ์ค๋ ๋จ์ถ์ด (alt: ๊ทธ๋ฆผ์ด ์๋จ๋ฉด ์๋๋๊น ์ ์์) (src:์์น์๋ ค์ฃผ๊ธฐ) .์ด ๋๋ฅผ ๊ฐ๋ฅดํด/image๋ฐ์/ -->
<!-- align="left" ๊ทธ๋ฆผ์ ๋ถ์ด์๋ ๊ธ์จ ์ ๋ ฌ -->
<img alt="์๋ณด์ฌ" src="./image/1_ABT_M100(1).jpg"/><br/><br/>
<img alt="์๋ณด์ฌ" src="http://192.168.16.17:8080/study/html1/image/1_ABT_M100(1).jpg" align="left"/><br/><br/>
๋ธ๋ฃจํฌ์ค(์์ด: Bluetooth)๋ 1994๋
์ ์ค์จ๋ด์ ์๋ฆญ์จ์ด ์ต์ด๋ก ๊ฐ๋ฐํ[3]
๋์งํธ ํต์ ๊ธฐ๊ธฐ๋ฅผ ์ํ ๊ฐ์ธ ๊ทผ๊ฑฐ๋ฆฌ ๋ฌด์ ํต์ ์ฐ์
ํ์ค์ด๋ค.
ISM ๋์ญ์ ํฌํจ๋๋ 2.4~2.485GHz์ ๋จํ UHF ์ ํ๋ฅผ ์ด์ฉํ์ฌ[4]
์ ์ ์ฅ๋น ๊ฐ์ ์งง์ ๊ฑฐ๋ฆฌ์ ๋ฐ์ดํฐ ํต์ ๋ฐฉ์์ ๊ท์ ํ๋ ๋ธ๋ฃจํฌ์ค๋,
๊ฐ์ธ์ฉ ์ปดํจํฐ์ ์ด์ฉ๋๋ ๋ง์ฐ์ค, ํค๋ณด๋๋ฅผ ๋น๋กฏํด, ํด๋์ ํ ๋ฐ ์ค๋งํธํฐ, ํ๋ธ๋ฆฟ, ์คํผ์ปค ๋ฑ์์
๋ฌธ์ ์ ๋ณด ๋ฐ ์์ฑ ์ ๋ณด๋ฅผ ๋น๊ต์ ๋ฎ์ ์๋๋ก ๋์งํธ ์ ๋ณด๋ฅผ ๋ฌด์ ํต์ ์ ํตํด ์ฃผ๊ณ ๋ฐ๋ ์ฉ๋๋ก ์ฌ์ฉ๋๊ณ ์๋ค.<br/><br/><br/><br/><br/><br/>
<img alt="" src="./image/m0828-1-19031.jpg"><br/><br/>
<img alt="" src="./image/m0828-1-19031.jpg"
width="250" height="105"><br/><br/>
<a href="https://m.naver.com">๋ค์ด๋ฒ</a><br/><br/><!-- ํ์ดํผ๋งํฌ href -->
<a href="https://m.naver.com" target="_blank">๋ค์ด๋ฒ</a><br/><br/>
<a href="test1.html">test1.html</a><br/>
<!-- ์ด๋ฏธ์ง์๋ ๋งํฌ๋ฌ ์ ์์ -->
<a href="https://kr.canon/main">
<img alt="" src="./image/m0828-1-19031.jpg">
</a><br/>
<!-- ํ(ํ
์ด๋ธ) ๋ง๋ค๊ธฐ / hr/์ ๊ธ๊ธฐ -->
<hr/>
<table border="1" width="400" height="300" cellpadding="0" cellspacing="0" align="center"> <!-- cellpadding ์ผ์ชฝ -> ์ค๋ฅธ์ชฝ ๊ธ์ ์ด๋ -->
<!-- ํ
์ด๋ธ์์ฒด๊ฐ center -->
<tr align="center"> <!-- ์ปฌ๋ผ์์ ์๋ ๋ชจ๋ ๊ฒ ๋ค ๊ฐ์ด๋ฐ ์ ๋ ฌ -->
<td>A</td><td colspan="2">B </td> <!-- ์ค๋ฅธ์ชฝ์ผ๋ก ๋์นธ (๋์นธ์ด ํฉ์ณ์ง) -->
</tr>
<tr>
<td>๊ฐ</td><td>๋</td><td rowspan="2">๋ค</td>
</tr>
<tr>
<td align="right">1</td><td>2</td>
</tr>
</table>
<hr/>
<table border="1" width="400" height="100" cellspacing="0" cellpadding="0">
<tr> <!-- ํ
์ด๋ธ ์ค์ฒฉ๊ฐ๋ฅ -->
<td width="100">1</td><td rowspan="3">
<table border="1" cellpadding="0" cellspacing="0">
<tr><td width="300" height="50">A</td></tr>
<tr><td height="50">B</td></tr>
</table>
</td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>5</td>
</tr>
</table>
</body>
</html>
๐ ์ถ๋ ฅ
์ด๋ฏธ์ง ์ฝ์ / ํ ์คํธ ์ ๋ ฌ

href (ํ์ดํผ๋งํฌ) / ์ด๋ฏธ์ง์ href ๊ฑธ๊ธฐ

ํ/์ด ๋ณํฉํ๊ธฐ

Test3.
๐ป ์ ๋ ฅ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="0" cellpadding="0" align="center" width="700">
<tr>
<td colspan="2"><img src="./image/FAQ.gif"><b>FAQ Top 10</b></td>
</tr>
<!-- bgcolor : ๋ฐฑ๊ทธ๋ผ์ด๋์ปฌ๋ฌ -->
<tr>
<td colspan="2" bgcolor="#9933ff" height="3"></td>
</tr>
<tr>
<td height="25"><center><font size="2">1</font></center></td>
<td height="25"><font size="2">์๋ชป๋ ๋น๋ฐ๋ฒํธ๋ผ๋ ๋ฉ์ธ์ง๊ฐ ๋์ฌ๋๋?</font></td>
</tr>
<tr>
<td height="25" bgcolor="#f0dff0"><center><font size="2">2</font></center></td>
<td height="25" bgcolor="#f0dff0"><font size="2">์ํ๊ฒ์ ๋ฐฉ๋ฒ?</font></td>
</tr>
<tr>
<td height="25"><center><font size="2">3</font></center></td>
<td height="25"><font size="2"><a href="test1.html">ํฐํธ์ฌ์ด์ฆ๊ฐ ๊ถ๊ธํด์</a></font></td>
</tr>
<tr>
<td height="25" bgcolor="#f0dff0"><center><font size="2">4</font></center></td>
<td height="25" bgcolor="#f0dff0"><font size="2">์ํ๊ฒ์ ๋ฐฉ๋ฒ?</font></td>
</tr>
<tr>
<td colspan="2" bgcolor="#9933ff" height="3"></td>
</tr>
</table>
<br/>
<hr/>
<br/>
<table border="0" cellpadding="0" cellspacing="1">
<tr><td colspan="2"><hr/></td></tr>
<tr>
<td><img src="./image/hot.jpg"></td>
<td><font size="2"><b>ํ์ ๋ง๋ฐ<br/></b>
<font color="red">•</font> ์ฌ ๊ฐ์ ๋ฐฐ์์ง ํค์ด์คํ์ผ ๋ฐ ๊ฒ<br/>
<font color="red">•</font> ์
๋ฎค๋ ์์โฆ์ดํจ๋ฆฌ ๋ ๋์นดํซ<br/>
<font color="red">•</font> ์ฒซ ๋
นํ ๋ง์น๊ณ <br/></font>
</td>
</tr>
<tr><td colspan="2"><hr/></td></tr>
<tr>
<td><img src="./image/life.jpg"></td>
<td><font size="2"><b>์์๋์ธ์<br/></b>
<font color="red">•</font>์ฐ์ฉ! ์ด๊ฒ ์์์ด์ผ?<br/>
<font color="red">•</font>์ ๋ช
์นํจ ํ๋์ฐจ์ด์ฆ์ ๋ฐฐ์ <br/>
<font color="red">•</font>๋ ๋จ๊ณ ๋นํ ์์์<br/></font>
</td>
</tr>
<tr><td colspan="2"><hr/></td></tr>
<tr>
<td><img src="./image/eco.jpg"></td>
<td><font size="2"><b>๋์๊ฒฝ์ <br></b>
<font color="red">•</font>์์ธ 8์ฐจ๋ถ์ 9๊ณณ์ค 8๊ณณ ๋ฏธ๋ฌ<br>
<font color="red">•</font> ๋์ฐ็ถๆฉ ์ด๋๋กโฆ์ต์ข
์
์ฐฐ D-1<br>
<font color="red">•</font> "๊ณต์ ๊ฑฐ๋๋ฒๆก ๊ณต๊ฐํ ๋ก ์ ์ ์ ์น์ผ" </font>
</td>
</tr>
<tr><td colspan="2"><hr></td><tr>
<tr>
<td><img src="./image/sec.jpg"></td>
<td><font size="2"><b>์ ๋๋ ๊ณต๋ถ</b>ใ
ฃWeekend ใ
ฃ์ฑ
์ ํฅ๊ธฐ <br>
<font color="red">•</font>2008 ๅคงๅ
ฅ๋ถํฐ ๋
์-๋
ผ์ ๋น๋ฝ์ข์ฐ<br>
<font color="red">•</font> ๋จ๊ณ๋ณ ์ฌ๋ฐ๋ฅธ ๋
์์ง๋๋ฒ<br>
<font color="red">•</font> ๋ฌผ๊ฑด๊ฐ ๊ณ์ฐ๋ฑโฆ์ํ์ ์ฌ๋ฐ๊ฒ </font>
</td>
</tr>
</table>
<br/><hr/><br/>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="./image/title07.gif"></td>
</tr>
<tr>
<td>
<img src="./image/log05.gif">
<font size="2" face="๋์">
์ 2012๋
<font size="2" color="#0065ff">(์ฃผ)ํ์ปดํ๋ ์ค</font>
์์ ์ถ๋ฐํ ์ปดํจํฐ ๊ด๋ จ ์ถํ์ฌ์
๋๋ค.
ํ์ฌ๊น์ง <font size="2" color="red">200</font>์ฌ์ข
<br/>
์ ๋จํ๋ณธ์ ์ ๋ณด์ด๋ฉฐ ์ปดํจํฐ ์ ๋ฌธ ์์ ์ถํ์ฌ๋ก์์ ์
์ง๋ฅผ ๋ค์ง๊ณ ์์ต๋๋ค.<br/>
</font>
</td>
</tr>
</table>
<br/>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="./image/box05.gif"></td>
<td background="./image/box04.gif"></td>
<td><img src="./image/box06.gif"></td>
</tr>
<tr>
<td background="./image/box02.gif"></td>
<td>
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td><img src="./image/B8983541296.gif"></td>
<td>
<font size="2" color="red" face="๋์">
< ํ๋ถํ ์ต์คํ
์
์ ํ์ฉํ ๋๋ฆผ์๋ฒ4 ํํ์ด์ง ๋ง๋ค๊ธฐ></font>
<font size=2 face="๋์">๋ 29๊ฐ Lesson๋ง๋ค ๊ธฐ<br>
๋ณธ ๊ฐ์๋ฅผ ์ถฉ๋ถํ ์ดํดํ ์ ์๋๋ก ํ์๊ณ ์ค๋ฌด ์ค์ฌ์ ์ค์ ์์ ๋ฅผ ํตํ ์์ฉ๋ ฅ<br>
๋ฐฐ์์ ์ฃผ์์ ์ ๋์์ต๋๋ค. ๋ํ ๋๋ฆผ์๋ฒ๋ง์ ํน๋ณํ ๊ธฐ๋ฅ์ธ ๋นํค๋น์ด์ ์ต์คํ
<br>
์
์ ํ์ฉ๋ฒ์ ํตํด ์ ํ์ ์ธ ํํ์ด์ง ๊ตฌ์ฑ ๋ฐฉ๋ฒ์ ๋ฐ์ด๋๋ ์ฐจ๋ณํ๋ ํํ์ด์ง<br>
์ ์๋ฒ์ ์ ์ํฉ๋๋ค.</font><br>
<font size=2 color="#0065FF" face="๋์"> ์ ๋ฏธ์ ์ง์/ ๊ตญ๋ฐฐ๋ณํ/ 448๋ฉด / ์ ๊ฐ 25,000์</font>
</td>
</tr>
<tr>
<td colspan="2" background="./image/h_line_1.gif"
height="1"></td>
</tr>
<tr>
<td><img src="./image/B898354127X.gif"></td>
<td>
<font size=2 color=red face="๋์"> < ๋๋ ํฐ๋ก ์ธํฐ๋ท ๊ฒ์ ๋ง๋ค๊ธฐ></font>
<font size=2 face="๋์">๋ ๋๋ ํฐ๋ก ์ธํฐ๋ท ๊ฒ์์ ๋ง๋๋๋ฐ ๊ผญ ํ์ํ<br>
๋ด์ฉ์ ์์ฐจ๊ฒ ๊ตฌ์ฑํ์ต๋๋ค. ์ค์ ๋ก ๋ง๋ค์ด ๋ณด๋ฉด์ ๋๋ ํฐ์ ๊ฒ์ ์ ์ ๊ธฐ๋ฒ์ ์ <br>
๋๋ก ์ตํ ์ ์์ต๋๋ค. ์ฌ๋ผ์ด๋ ํผ์ฆ, ํ ์๊ธฐ ๊ฒ์, ์ง๊ทธ์ฌ๊ทธ ํผ์ฆ ๋ฑ ์ธํฐ๋ท ๊ฒ<br>
์ ์ ์ ์ค๋ฌด์ ๊ณง๋ฐ๋ก ์ ์ฉํ ์ ์๋ ๋ค์ํ ๊ฒ์ ์์ ๋ฅผ ์๋กํ์์ต๋๋ค.</font><br>
<font size=2 color="#0065FF" face="๋์"> ์ ์๋ฌ ์ง์/ ๊ตญ๋ฐฐ๋ณํ/ 240๋ฉด / ์ ๊ฐ 15,000์</font>
</td>
</tr>
</table>
</td>
<td background="./image/box03.gif"></td>
</tr>
<tr>
<td><img src="./image/box07.gif"></td>
<td background="./image/box01.gif"></td>
<td><img src="./image/box08.gif"></td>
</tr>
</table>
</body>
</html>
๐ ์ถ๋ ฅ
์ค,์ด๋ฏธ์ง ์ถ๊ฐ / ํ ์คํธ์ href์ถ๊ฐ / ๋ฐฑ๊ทธ๋ผ์ด๋ ์ปฌ๋ฌ



Test4.
๐ป ์ ๋ ฅ
๐ ์ถ๋ ฅ
ํ์๊ฐ์ / ์ฒดํฌ๋ฐ์ค / ๋จ์ผ์ ํ / ํ์ผ์ฒจ๋ถ

ํธ๋ํฐ๋ฒํธ ์ ๋ ฅ / ๋ค์ค์ ํ / ๋ฉ๋ชจ / ๋ฒํผ
