<!DOCTYPE html>
<html>
<head>
<title>喝喝</title>
</head>
<body>
<!-- css 使用的三种方式-->
<meta charset="utf-8">
<!-- 外部方式-->
<link rel="stylesheet" type="text/css" href="my.css">
<!--内部方式-->
<style type = "text/css">
h3{
color:red;
}
</style>
<h2>喝喝</h2>
<h3>小喝喝</h3>
<!--内联方式-->
<p style = "color: olivedrab">我的好</p>
<hr/>
<!-------------------------------------------------------------------------------------------->
<!-- html5链接方式-->
<!--图片链接-->
<a href = "http://www.smartisan.com">
<img src = "images/pic.gif" width = "150" height = "150"/>
</a>
<!-- 页面内部跳转-->
<a name="innerForward">来跳到我身上来</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href = "#innerForward">跳转到上面</a>
<hr/>
<!-------------------------------------------------------------------------------------------->
<!--表格的使用方式-->
<!--加字幕-->
<table border = "1">
<caption>表格的字幕</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
<td>表格内容3</td>
</tr>
</table>
<!--内部的使用-->
<ul>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ul>
<!--单元格边距 和 单元格间距-->
<table cellpadding="5" cellspacing="5" border = "1">
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
<td>表格内容3</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>喝喝</title>
</head>
<body>
<!-- css 使用的三种方式-->
<meta charset="utf-8">
<!-- 外部方式-->
<link rel="stylesheet" type="text/css" href="my.css">
<!--内部方式-->
<style type = "text/css">
h3{
color:red;
}
</style>
<h2>喝喝</h2>
<h3>小喝喝</h3>
<!--内联方式-->
<p style = "color: olivedrab">我的好</p>
<hr/>
<!-------------------------------------------------------------------------------------------->
<!-- html5链接方式-->
<!--图片链接-->
<a href = "http://www.smartisan.com">
<img src = "images/pic.gif" width = "150" height = "150"/>
</a>
<!-- 页面内部跳转-->
<a name="innerForward">来跳到我身上来</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href = "#innerForward">跳转到上面</a>
<hr/>
<!-------------------------------------------------------------------------------------------->
<!--表格的使用方式-->
<!--加字幕-->
<table border = "1">
<caption>表格的字幕</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
<td>表格内容3</td>
</tr>
</table>
<!--内部的使用-->
<ul>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
</ul>
<!--单元格边距 和 单元格间距-->
<table cellpadding="5" cellspacing="5" border = "1">
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
<td>表格内容3</td>
</tr>
</table>
</body>
</html>