note

HTML 기본 본문

HTML/기본

HTML 기본

투한 2012. 1. 31. 17:33 


<!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>글씨 관련 태그</title>
</head>
<body>
<font size="2">글씨 연습</font>
<br/>
<font size="2" color="green">즐거운 하루</font>
<br/>
<font size="2" color="#01c2fe">16진수로 색을 표시하기</font>
<br/>
<font size="2" face="궁서" color="#fcb758">글씨체 선택</font>
<br/>
<b><font size="2">굵은 글씨</font></b>
<br/>
<strong><font size="2">굵은 글씨</font></strong>
<br/>
<u><font size="2">밑줄 만들기</font></u>
<br/>
<s><font size="2">중간줄 만들기 (가격 2,000)</font></s>
<br/>
<strike><font size="2">중간줄 만들기 (가격 2,000)</font></strike>
<hr size="1" width="50%">
<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6 align="right">제목6</h6>
<div align="left">왼쪽</div>
<div align="center">중앙</div>
<div align="right">오른쪽</div>
<p align="left">왼쪽</p>
<p align="center">중앙</p>
<p align="right">오른쪽</p>
</body>
</html>

<!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>이미지 연습</title>
</head>
<!-- HTML 주석 -->
<!-- <body background="7.jpg">  --> 
<body bgcolor="#336699">
<img src="flower.jpg" width="800" height="600">
<img src="http://static.naver.net/www/u/2010/0611/nmms_215646753.gif">
<a href="http://naver.com" target="_blank" ><img src="http://static.naver.net/www/u/2010/0611/nmms_215646753.gif" width="210" height="98" border="0"></a>

<a href="http://daum.net" target="_blank">다음 이동</a>

<a href="http://google.co.kr" target="_blank">구글</a>
</body>
</html>

<!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>목록연습</title>
</head>
<body>
	순서 없는 목록
	<br />
	<ul>
		<li>유치원</li>
		<li>초등학교</li>
		<li>중학교</li>
		<li>고등학교</li>
		<li>대학교</li>
		</ul>
		<ul type="circle">
			<li>자바</li>
			<li>JSP</li>
			<li>Oracle</li>
			<li>Android</li>
			<li>HTML</li>
		</ul>
		<ul type="square">
			<li>월요일</li>
			<li>화요일</li>
			<li>수요일</li>
			<li>목요일</li>
			<li>금요일</li>
		</ul>
		순서 있는 목록
		<ol>
		<li>월요일</li>
		<li>화요일</li>
		<li>수요일</li>
		</ol>
		<ol type="A">
		<li>월요일</li>
		<li>화요일</li>
		<li>수요일</li>
		</ol>
</body>
</html>
저작자표시 비영리 변경금지

'HTML > 기본' 카테고리의 다른 글

HTML Form  (1) 2012.02.01
HTML Table  (0) 2012.01.31
'HTML/기본' Related Articles more