爬虫配套学习-前端学习笔记03

插入图片

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>水平线</title>
</head>
<body><IMG src="images/p.png" alt="环保资讯" 
	      width=268 height=170 align="left">


<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p>据说每年八月十五的时候,夜空中的月亮是一年中最大,最圆,最亮,最美的月亮,中秋节的来历,这就是月饼的来历,大家会在这一天,和嘉园也,吃月饼,赏月。</p>
<p>&reg;</p>
</body>
</html>

效果
爬虫配套学习-前端学习笔记03_第1张图片
图像的超链接

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>水平线</title>
</head>
<body>
<a href="#">
<img src="images/p.png" width="400" height="286" border="0" />
</a>

<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p>据说每年八月十五的时候,夜空中的月亮是一年中最大,最圆,最亮,最美的月亮,中秋节的来历,这就是月饼的来历,大家会在这一天,和嘉园也,吃月饼,赏月。</p>
<p>&reg;</p>
</body>
</html>

效果
爬虫配套学习-前端学习笔记03_第2张图片
爬虫配套学习-前端学习笔记03_第3张图片
图像地图的热点区域链接

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>水平线</title>
</head>
<body>
<a href="#">
<img src="images/p.png" usemap="图像映射名称" />
<map name="图像映射名称">
<area shape="热区形状" coords="热区坐标" href="链接地址">
</map>
</a>


<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p>据说每年八月十五的时候,夜空中的月亮是一年中最大,最圆,最亮,最美的月亮,中秋节的来历,这就是月饼的来历,大家会在这一天,和嘉园也,吃月饼,赏月。</p>
<p>&reg;</p>
</body>
</html>

有序列表


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>水平线</title>
</head>
<body>
<ol  type="a"  start="2" >
  <li>星期一</li>
  <li>星期二</li>
  <li>星期三</li>
  <li>星期四</li>
</ol>



</body>
</html>

效果
爬虫配套学习-前端学习笔记03_第4张图片
无序列表


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>水平线</title>
</head>
<body>
<ul type="square">
  <li>诗词歌赋 </li>
  <li>散文精选 </li>
  <li>言情小说</li>
  <li> 武侠小说 </li>
</ul>



</body>
</html>



效果
爬虫配套学习-前端学习笔记03_第5张图片
定义列表


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
	<title>水平线</title>
</head>
<body>
<dl>
<dt>CSS</dt>
<dd>CSS就是Cascading Style Sheets,“层叠样式表”,简称样式表。 </dd>
</dl>



</body>
</html>


效果
爬虫配套学习-前端学习笔记03_第6张图片

你可能感兴趣的:(爬虫学习笔记,python,html)