<html>
<head>
<title>
샘플 HTML 문서
</title>
</head>
<body text="black" background="/back.jpg" bgcolor="yellow" link="blue" vlink="orange" alink="red">
<b>html문서 내용</b>
<a href= "/sub/4.php"> 여기를 클릭하세요 </a>
</body>
</html>
<p align = center>
나는 중요한 슛을 놓친 결과에 절대 개의치 않는다. 그 결과에 대해 생각하면 언제나 부정적인 결과만 생각하게 된다.
</p>
<br>
<hr size=2 color=red width= 80% align = center>
<font size=7 color = #0000FF>문장 </font>
<pre>문
장
</pre>
<br>
<xmp> 문서 내용 </xmp><br>
<blockquote>문 장</blockquote><br>
<!-- 주석 -->
<!-- 논리적 스타일 -->
<dfn>dfn 용어 정의 일반적으로 글자 모양은 이탤릭체 또는 볼드체 </dfn><br>
<em>em 글자를 기울어지게 하는 이탤릭체로 문자 강조 때 사용<em><br>
<cite>cite 책 또는 제목의 인용문구를 나타낼 때 사용. 일반적으로 이탤릭체</cite><br>
<code>code computer program code를 나타낼 때 사용. 일반적으로 영어타자기체</code><br>
<kbd>kbd computer로 입력한 글자를 나타낼 때 사용. 일반적으로 고정 폭 글자체</kbd><br>
<samp>samp computer의 상태메시지를 나타낼 때 사용. 일반적으로 고정폭 글자체</samp><br>
<strike>strike 문장 중간 부분에 줄을 그어 강조하는 태그</strike><br>
<strong>strong 특정 문장을 강조하는 태그. bold체로 나타남</strong><br>
<var>var 주로 변수이름을 나타내는 태그. 주로 Italic체</var><br>
<au>au 주로 글쓴이(author)를 나타낼 때 사용하는 태그 </au><br>
<arg>arg 프로그램의 기능 및 줄거리를 설명할 때 사용하는 태그 </arg><br>
<!-- 물리적 스타일 -->
<b>b 원하는 글 부분을 굵은 글씨체로 나타내는 태그</b><br>
<big>big 현재 정의된 폰트보다 좀 더 큰 글씨체를 만들 E 사용하는 태그</big><br>
<i>i 이탤릭을 나타내는 태그</i><br>
<u>u 특정 문자에 underline</u><br>
<tt>tt font를 타자기체로 만드는 태그</tt><br>
<blink>blink 특정 부분을 깜박거리게 만드는 태그</blink><br>
<small>small 현재 지정된 font보다 크기를 작게 하는 태그</small><br>
<sub>sub 아래첨자로 만드는 태그</sub><br>
<sub>sub 윗 첨자로 만드는 태그</sup><br>
<!-- 문서에 목록 만들기 -->
<ol> -- 순서 있는 목록 --
<li type=A> 문장 앞에 번호가 A, B, C... 형태로 리스트 <!-- default가 숫자 -->
<li type=a> 문장 앞에 번호가 a, b, c... 형태로 리스트
<li type=I> 문장 앞에 로마 숫자 대문자 번호 I, II, III... 형태로 리스트
<li type=i> 문장 앞에 로마 숫자 대문자 번호 i, ii, iii... 형태로 리스트
<li> 문장 앞에 숫자 번호 1, 2, 3.... 형태로 리스트
</ol>
<ul> -- 순서 있는 목록 --
<li type=disc> 문장 앞에 검은 원 모양 표시
<li type=circle> 문장 앞에 하얀 원모양 표시
<li type=square> 문장 앞에 검은 네모 모양 표시
<li> 문장 앞에 검은 원모양 표시
</ul>
<menu> -- 순서 있는 목록 ul 태그와 유사 --
<li type=disc> 문장 앞에 검은 원 모양 표시
<li type=circle> 문장 앞에 하얀 원모양 표시
<li type=square> 문장 앞에 검은 네모 모양 표시
<li> 문장 앞에 검은 원모양 표시
</menu>
<dir> -- 디렉토리 리스트를 나타낼 때 사용. 파일이름과 같이 길이가 짧을때 사용 --
<li type=disc> 문장 앞에 검은 원 모양 표시
<li type=circle> 문장 앞에 하얀 원모양 표시
<li type=square> 문장 앞에 검은 네모 모양 표시
<li> 문장 앞에 검은 원모양 표시
</dir>
<dl> 용어 및 용어 정의를 리스트화 할 때 사용 <!-- define terminology -->
<dt> 정의할 용어-1
<dd> 정의할 용어-1에 대한 정의 내용
<dt> 정의할 용어-2
<dd> 정의할 용어-2에 대한 정의 내용
<dt> 정의할 용어-3
<dd> 정의할 용어-3에 대한 정의 내용
</dl>
<!-- 표만들기 -->
<table border = 1 align = left cellpadding=4 width = 300 height = 300>
<tr>
<td align = center>한식 </td><td align = center>중식</td><td align = center>양식</td>
</tr>
<tr>
<td align = center><i>김치 찌개</i></td><td align = center><i>자장면</i></td><td align = center><i>돈까스</i></td>
</tr>
<tr>
<td align = center><i>된장 찌개</i></td><td align = center><i>짬뽕</i></td><td align = center><i>비프 스택</i></td>
</tr>
<tr>
<td align = center><i>해물 찌개</i></td><td align = center><i>팔보채</i></td><td align = center><i>비프까스</i></td>
</tr>
<table border=1 3 cellpadding=4 width=400 height=80 align=left>
<tr>
<td rowspan=2 align = center width= 100>용돈기록부</td><td align = center width= 100>날짜</td><td colspan = 2 align = center width= 100>수입</td><td align = center width= 100>지출</td>
</tr>
<td align = center>2000.07.25</td><td align = center>용돈</td><td align = center>50,000</td><td align = center>30,000</td>
<tr>
</tr>
<table border=1 cellpadding = 4 width = 300 height = 300 align = left>
<tr>
<td colspan = 2 bgcolor = green valign = middle align = center><b>셀의 가로열 2개를 합침</b> </td><td colspan=2 valign = middle align = center> <b>셀의 가로열 2개를 합침</b></td>
</tr>
<tr>
<td rowspan = 2 bgcolor = red align=left valign = top>한 행에서 열을 만드는 태그로 rowspan=2는 두열을 합침을 의미 </td><td> 열</td><td>열 </td><td>열 </td>
</tr>
<tr>
<td>열 </td><td> 열</td><td>열 </td>
</tr>
<hr>
<hr>
<img src = "/sub/cloud.jpg" border = 3 alt="예쁜그림 도움말" align = "left" hspace = 50 vspace = 50>
<img src = "/sub/penguin.jpg" border = 3 alt="예쁜그림 도움말" align = "left" hspace = 50 vspace = 50>
<a href = "/sub/3.php"> 이 문장을 클릭하면 3.php가 실행됨</a>