Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css style</title>
<style type="text/css">
div {
	background-color: red;
	width: 200px;
	height: 50px;
	margin: 10px;
	border: 10px solid #dddddd;
}
#box1 {
	background-color: #00FFFF;
}
.style1 {
	width: 50px;
	height: 100px;
	background-color: yellow;
}
</style>
</head>

<body>
<div id="box1">box</div>
<div>box2</div>
<div class="style1"><a href="http://sbsart.com"><img src="logo.gif" width="171" height="49" alt=""/>box3</div>
<div>box4</div>
<div class="style1">box5</div>
</body>
</html>

---------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>정의목록</title>
</head>

<body>
<dl>
<dt>학습목표</dt>
<dd>정의 목록에 대해서 알아보자</dd>
<dt>학습목표</dt>
<dd>정의 목록에 대해서 알아보자</dd>
<dd>정의 목록에 대해서 알아보자</dd>
<dd>정의 목록에 대해서 알아보자</dd>
<dt>학습목표</dt>
<dd>정의 목록에 대해서 알아보자</dd>
</dl>
</body>
</html>

------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table-표</title>
</head>

<body>
<table width="500" border="0" cellpadding="10" cellspacing="0" summary="테이블에 설명">
<caption>영화 예매 순위</caption>
<thead>
<tr bgcolor="dddddd">
<th bgcolor="#E000FF">no</th>
<th>제목</th>
<th>내용</th>
</tr>
</thead>
<tfoot>
<tr>
<td bgcolor="#00FFDB">합계</td>
<td colspan="2">test</td>
</tr>
</tfoot>
<tbody>
<tr>
<td bgcolor="#00FFDB">1</td>
<td>test</td>
<td rowspan="2" bgcolor="#FFB600" align="center" valign="middle">test</td>
</tr>
<tr>
<td bgcolor="#00FFDB">2</td>
<td>test</td>
</tr>
<tr>
<td bgcolor="#00FFDB">3</td>
<td>test</td>
<td>test</td>
</tr>
</tbody>
</table>
</body>
</html>

---------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dreamweaver</title>
</head>

<body>
<div id="test1">Content for  id "test1" Goes Here</div>
<div id="test2"><a href="http://www.sbsart.com">
<img src="logo.gif" alt="SBS 아카데미 로고" width="200" height="49" title="sbsartcom"/></a></div>
<a href="tag5.html" target="_blank"><img src="ee.png" width="730" height="305" alt=""/></a>
<table width="500" border="1" align="center" cellpadding="10" cellspacing="10" summary="금주 영화 예매순위에 대한 정보입니다">
  <caption>
    영화예매순위
  </caption>
  <tbody>
    <tr>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
      <th scope="col">&nbsp;</th>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <th scope="row">&nbsp;</th>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<ul>
<li><a href="http://www.naver.com">dasfw</a></li>
<li>adfsfwd</li></ul>

</body>
</html>

------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#wrap {
	background-color: rgba(0,235,255,1);
}
#header {
	height: 100px;
	background-color: rgba(255,246,15,1);
}
#nav {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,1);
	height: 40px;
}
</style>
</head>

<body>
<div id="wrap">
  <div id="header">
    <h1><a href="http://www.sbsart.com"><img src="logo.gif" width="171" height="49" alt="sbs아카데미"/></a></h1>
  </div>
  <div id="nav">Content for  id "nav" Goes Here</div>
  <div id="contents">contents</div>
  <div id="footer">footer</div>
Content for  id "wrap" Goes Here</div>
</body>
</html>