HTML Day 2

HTML ๋งํฌ ๊ด€๋ จ ํƒœ๊ทธ

<!DOCTYPE html>
<html> 
<head>
<meta charset="UTF-8">
<title>๋งํฌ</title>
</head>
<body>
<h1>ํ•˜์ดํผ๋งํฌ ๊ด€๋ จ ํƒœ๊ทธ</h1>
	<!--aํƒœ๊ทธ์˜ href ์†์„ฑ์œผ๋กœ ๋งํฌ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. -->
	<h3>aํƒœ๊ทธ๋ฅผ ์ด์šฉํ•œ ํ•˜์ดํผ๋งํฌ ํ…Œ์ŠคํŠธ</h3>
	<ul>
		<li><a href = "test.html">test.html</a></li>
		<li><a href = "html01_block_inline.html">html01</a></li>
		<li><a href = "html2_title_paragraph.html">html2</a></li>	
	</ul>
	<br/>
	
	<h3>์›นํŽ˜์ด์ง€ ๋งํฌ ํ…Œ์ŠคํŠธ</h3>
	<ul>
		<li><a href = "http://www.naver.com" target = "_blank">๋„ค์ด๋ฒ„</a></li>
		<!--target = "_blank"๋ฅผ ํ•˜๊ฒŒ ๋˜๋ฉด ์ƒˆํƒญ์—์„œ ํŽ˜์ด์ง€๊ฐ€ ์—ด๋ฆผ -->
		<!--target = "_self"==default : ๊ธฐ์กด ํƒญ์—์„œ ํŽ˜์ด์ง€๊ฐ€ ์—ด๋ฆผ -->
		
		<li><a href = "http://www.google.com" target = "_blank">๊ตฌ๊ธ€</a></li>
		<li><a href = "http://www.instagram.com" target = "_self">์ธ์Šคํƒ€๊ทธ๋žจ</a></li>
		<li><a href = "http://www.29cm.com" target = "_blank">29cm</a></li>	
		
	</ul>

	<br/>
	<h3>ํŽ˜์ด์ง€ ๋‚ด์—์„œ ๋งํฌ๋ฅผ ํ†ตํ•œ ์ด๋™</h3>
	<ul>
		<li><a href = "#a">1๋ฒˆ์œผ๋กœ</a></li>
		<li><a href = "#b">2๋ฒˆ์œผ๋กœ</a></li>
		<li><a href = "#c">3๋ฒˆ์œผ๋กœ</a></li>
		<!-- #a, #b, #c : id์™€ ๊ตฌ๋ณ„ํ•˜๊ธฐ ์œ„ํ•ด #์„ ๋ถ™์—ฌ์คŒ / ๋งํฌ ๋งจ ๋’ค์— #a, #b, #c ์ด๋ ‡๊ฒŒ ๋ถ™์Œ -->	
	
	</ul>
	
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>

<p id = "a">1๋ฒˆ</p>

	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	
<p id = "b">2๋ฒˆ</p>

	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>

<p id = "c">3๋ฒˆ</p>

	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br>
	
	<p></p>
	<!--<p></p>๋ฅผ ๋’ค์— ๋ถ™์—ฌ์ฃผ๋ฉด ๊ณต๋ฐฑ์„ ์ œ๊ฑฐํ•˜๊ณ  3๋ฒˆ์„ ๋ณด์—ฌ์คŒ-->

</body>
</html>

HTML ํ‘œ ๊ด€๋ จ ํƒœ๊ทธ

HTML ์ด๋ฏธ์ง€ ๊ด€๋ จ ํƒœ๊ทธ

HTML ๋ฏธ๋””์–ด ๊ด€๋ จ ํƒœ๊ทธ

HTML form ๊ด€๋ จ(input, fieldset) ํƒœ๊ทธ

HTML form ๊ด€๋ จ(legend, label, select, option, optgroup) ํƒœ๊ทธ

PreviousHTMLNextHTML Day 1

Last updated

Was this helpful?