<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<mark> 내용</mark>
<p>My mother has
<span style="color:blue;font-weight:bold">blue</span>
eyes and my father has
<span style="color:darkolivegreen;font-weight:bold">dark green</span>
eyes.</p>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<a href="http://www.w3schools.com" target=“_blank”>Visit W3Schools.com!</a>
<br>
<form>
<fieldset>
<legend>로그인정보</legend>
<ul>
<li>아이디: <input type="text" id="user_id"></li>
<li>비밀번호: <input type="password" id="pw"></li>
</ul>
</fieldset>
<fieldset>
<legend> 가입자정보</legend>
<ul>
<li>이름: <input type="text" id="user_name"></li>
<li>메일주소: <input type="text" id="user_mail"></li>
<li>생년월일: <input type="text" id="birth"></li>
</ul>
</fieldset>
<fieldset>
<input type="submit" value="가입하기"></input>
</fieldset>
</form>
<br>
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br><br>
<input type="submit" value="Submit">
</form>
<br>
<label>주문개수: <input type="number" min="1" max="5" value="1"> 박스(1인당최대5박스)</label><br>
<label>익은정도(3단계) : <input type="range" min ="1" max="3" value="3"></label>
<br>
<label>원하는색상: <input type="color" value=""></label>
<br>
<input type=“month”>
<li>
<label for="pf">사진</label>
<input type="file" name="pf" id="pf">
</li>
</body>
</html>
'Computer > HTML5 CSS3' 카테고리의 다른 글
| CSS 초기화 reset.css (0) | 2015.01.16 |
|---|---|
| CSS 글꼴 예제 (0) | 2015.01.15 |
| HTML5 블로그 만들기 예제 (0) | 2015.01.14 |