链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接</title>
</head>
<body>
<a href="http://www.jikexueyuan.com">点击我</a>
<a href="http://www.baidu.com">
<img src="images/2.jpg" width="400px" height="400px" alt="l00000ogoo">
</a>
<a name="tips">hello</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/>
<a href="#tips">跳转到hello</a>
</body>
</html>
表格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<p>表格</p>
<table border="1">
<caption>表1</caption>
<tr>
<th>0</th>
<th>0</th>
<th>0</th>
</tr>
<tr>
<td>1</td>
<td></td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</table>
</body>
</html>
![效果](https://i-blog.csdnimg.cn/blog_migrate/6a5dc2a02d00e3c175cb430aa1b8789c.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<p>表格</p>
<table border="1">
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
<tr>
<td>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
</ul>
</td>
<td>
我想吃了
</td>
</tr>
<tr></tr>
</table>
</body>
</html>
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/dc2cb1ce53a275d82dbf912ee7c51502.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<p>表格</p>
<table border="1">
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr></tr>
</table>
<br/>
<table border="1" cellpadding="10">
<caption>边距变大</caption>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr></tr>
</table>
<br/>
<table border="1" cellspacing="10">
<caption>间距变大</caption>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr></tr>
</table>
</body>
</html>
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/9c51e85aa65e1604ba103f90e250a93e.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<p>表格</p>
<table border="1" bgcolor="#7fff00">
<caption>bgcolor</caption>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr></tr>
</table>
<br/>
<table border="1" background="images/1.png">
<caption>background</caption>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr></tr>
</table>
</body>
</html>
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/1de90d0258c226578c445152633a09a5.png)