HTML Day 1

<!DOCTYPE html>
<!--์–ธ์–ด ๋ฒ„์ „ ์ •ํ•˜๋Š” ๋ถ€๋ถ„ -->
<html>
<head>
<meta charset="UTF-8">
<title>๋ธ”๋ก์š”์†Œ ์ธ๋ผ์ธ ์š”์†Œ</title>
<!-- ๋ธ”๋ก์•ˆ์˜ ๋˜ ๋‹ค๋ฅธ ์š”์†Œ == ์ธ๋ผ์ธ ์š”์†Œ -->
</head>
<body>
	<h2>๋ธ”๋ก ์š”์†Œ</h2>
	<p>์ค„๋ฐ”๊ฟˆ</p>
	
	<!--๋ธ”๋ก์ด ๋‚˜๋‰˜์–ด์ ธ์„œ ์ค„ ๋ฐ”๊พธ๊ธฐ ๊ฐ€๋Šฅ -->
	<div style="background-color: pink">
		๋ธ”๋ก ์š”์†Œ ์•ˆ์— ํ…์ŠคํŠธ, <strong>์ธ๋ผ์ธ ์š”์†Œ</strong> ํฌํ•จ ๊ฐ€๋Šฅ
		<p>๋ธ”๋ก์š”์†Œ ์•ˆ์— ๋ธ”๋ก์š”์†Œ๋„ ํฌํ•จ ๊ฐ€๋Šฅ</p>
	</div>
	<!--์ „์ฒด์ ์ธ ๋ ˆ์ด์•„์›ƒ์„ ์žก์•„์ฃผ๋Š” ๊ธฐ๋Šฅ(๊ตฌ์—ญ์„ ๋‚˜๋ˆ„์–ด์ฃผ๋Š” ๊ฒƒ) ex)๋ฉ”๋‰ด๊ตฌํ˜„-->
	<h2>๋ธ”๋ก ์š”์†Œ2</h2>
	<p>HTML์ด๋ž€?</p>
	<blockquote>
		<!--์ธ์šฉํ•˜๋Š” ๊ธ€์„ ์ ์„ ๊ฒฝ์šฐ ์‚ฌ์šฉํ•จ ex)blockquote -->
		Hypertext Markup Language is the standard markup language for
		documents designed to be displayed in a web browser. It can be
		assisted by technologies such as Cascading Style Sheets and scripting
		languages such as JavaScript
	</blockquote>
	<p>
		์†๋‹ด์— <q><strong>๊ฐ€๋Š” ๋ง์ด ๊ณ ์™€์•ผ ์˜ค๋Š” ๋ง์ด ๊ณฑ๋‹ค.</strong></q>๋ผ๋Š” ์†๋‹ด์ด ์žˆ์Šต๋‹ˆ๋‹ค.
		<!--""๋‹ฌ์•„์ฃผ๋Š” ํƒœ๊ทธ ex) <q> -->
	</p>

	<h2>์ธ๋ผ์ธ ์š”์†Œ</h2>
	<a>์ค„๋ฐ”๊ฟˆ X </a>
	<!-- ์ค„๋ฐ”๊ฟˆ ํƒœ๊ทธ : <br/> ์‚ฌ์šฉํ•˜๋ฉด ๋จ. -->
	<a>์ค„๋ฐ”๊ฟˆ<br/>๋ ๊นŒ์š”? ๋˜๋„ค์š”
	</a>
	<!--<a> : ํ•˜์ดํผ๋งํฌ๋ฅผ ๋‹ฌ์•„์ฃผ๋Š” ํƒœ๊ทธ -->
	<br />

	<a href="http://www.naver.com">๋„ค์ด๋ฒ„</a>
	<a href="test.html">ํ…Œ์ŠคํŠธ</a>
	
	<q style = "background-color : skyblue">์ธ๋ผ์ธ ์š”์†Œ ์•ˆ์— ํ…์ŠคํŠธ์™€<a> ์ธ๋ผ์ธ์š”์†Œ</a> ํฌํ•จ๊ฐ€๋Šฅ</q><br/>
	<span>์ธ๋ผ์ธ ์š”์†Œ ์•ˆ์— <p>๋ธ”๋ก ์š”์†Œ</p> ํฌํ•จ ๋ถˆ๊ฐ€</span>
	<!--CSS๋ž‘ ๊ฐ™์ด ์“ฐ๋Š” ํƒœ๊ทธ : <span>-->
	<!--์ธ๋ผ์ธ ์š”์†Œ ์•ˆ์—๋Š” ๋ธ”๋ก ์š”์†Œ ๋˜๋„๋ก ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ-->
</body>
</html>
PreviousHTML Day 2NextTrend & New Tech

Last updated

Was this helpful?