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

最新推荐文章于 2024-11-02 16:28:26 发布

丰。。

最新推荐文章于 2024-11-02 16:28:26 发布

阅读量2.7k

点赞数 2

分类专栏：爬虫学习笔记文章标签： python 爬虫 html

本文链接：https://blog.csdn.net/CSDNXXCQ/article/details/120228976

版权

爬虫学习笔记专栏收录该内容

66 篇文章 3 订阅

订阅专栏

<html>
<head>
<title>第一个 HTML 页面</title>
<meta http-equiv="content-type" content="text/heml; chart=gbk2312"/> 
</head>
<body>
<p>body 元素的内容会显示在浏览器</p>
<p>title 元素的内容会显示在浏览器的标题栏</p>
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312">
<!-- TemplateBeginEditable name="doctitle" -->
<title>第一个 HTML</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>

</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312">
<!-- TemplateBeginEditable name="doctitle" -->
<title>我的第一个 HTML 页面</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>

效果
在这里插入图片描述

<!doctype html>
<head>
<meta name="description" content="设置页面说明">
<title>设置页面设置</title>
</head>
<body>
</body>
</html>

效果
在这里插入图片描述

<!doctype html>
<head>
<meta http-equiv="refresh" content="20;URL=index1.html ">
<title>网页定时跳转</title>
</head>
<body>
20秒后自动跳转
</body>
</html>

效果
20秒后跳转到index1.html页面

<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html;charest=gbk2312">
<title>标题字标记</title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>

效果
在这里插入图片描述

<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html;charest=gb2312">
<title>标题字的对齐</title>
</head>
<body>
<h1>1级标题</h1>
<h2 align="left">2级标题左对齐</h2>
<h3 align="center">3级标题居中对齐</h3>
<h4 align="right">4级标题右对齐</h4>
</body>
</html>

效果
在这里插入图片描述

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>水平线</title>
</head>
<body>
<p align="center">不&nbsp;敢8nbsp;相&nbsp;信竟敢输掉这场西洋棋</p >
<hr><p align="right">
  这属于我两爱情斗智的游戏</p >

	<p align="center">
	 我<br>是<br>国<br>王<br>而你是<br>对面那个beauty queen</p>
	<p> 各自捍卫着外面的柏拉图是爱情8reg;</p >
 <p>1 &times;1=2</p > 
</body>
 </html>

效果
在这里插入图片描述

 <!doctype html> 
  <html> 
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=gbk2312"/> 
  <title>水平线</title> 
 
</head>
>
<body>
  <p align="center">无&nbsp;月&nbsp;的&nbsp;中&nbsp;秋</p> 
  <p>据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，这就是 
中秋节的来历，这就是月饼的来历，大家都会在这一天，合家团圆，吃着月饼，然后在空旷的夜空下赏月。渐渐的，也许人们会淡忘头顶的月亮，只记得这一天是个合家团聚的节日，记得这一天有月饼吃，偶尔抽空抬了下头，稍稍感慨:今天月亮还真是亮。我几乎要忘了月亮才是一切的缘由，直到发现今天看不到它</p>
  <p>&reg;/p> 
  </body> 
  </html>