python爬虫——web前端基础（1）

1.HTML的基本结构

<html>内容</html>：HTML文档是由<html></html>包裹，这是HTML文档的文档标记，也称为HTML开始标记。这对标记分别位于网页的最前端和最后端，<html>在最前端表示网页的开始，</html>在最后端表示网页的结束。
<head>内容</head>：HTML文件头标记，也称为HTML头信息开始标记。用来包含文件的基本信息，比如网页的标题、关键字，在<head></head>内可以放<tittle></title>、<meta></meta>、<style></style>等标记。注意：在<head></head>标记内的内容不会在浏览器中显示。
<title>内容</title>：HTML文件标题标记。网页的“主题”，显示在浏览器的窗口的左上边。
<body>内容</body>：<body>...<body>是网页的主体部分，在此标记之间可以包含如<p></p>、<hl></hl>、<br>、<hr>等等标记，正是这些内容组成我们所看见的网页。
<meta>内容<meta>：页面的元信息。提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。注意：meta标记必须放在head元素里面

2.文档设置标记

文档设置标记分为格式标记和文本标记。

以下是文档：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Python爬虫开发与项目实践</title></head><body>Python爬虫学习第一天.<br><p>今天是2019-6-13，周四。是学习爬虫的第一天，当然是有一点懵的一天啦，毕竟是第一次学这个。</p><p>以前完全没想到，爬虫这么有趣，可以自己编辑网页。哈哈哈哈</p><hr><center>居中标记</center><center>居中标记2</center><hr><pre>[00:00](music)[00:28]你我皆凡人，生在人世间；[00:35]终日奔波苦，一刻不得闲；[00:43]既然不是仙，难免有杂念；</pre><hr><p>[00:00](music)[00:28]你我皆凡人，生在人世间；[00:35]终日奔波苦，一刻不得闲；[00:43]既然不是仙，难免有杂念；</p><hr><br><ul><li>Coffee</li><li>Milk</li></ul><ol type="A"><li>Coffee</li><li>Milk</li></ol>    <dl>    <dt>计算机</dt>    <dd>用来计算的仪器... ...</dd>    <dt>显示器<dt>    <dd>以视觉方式显示信息的装置... ...</dd>    </dl>    <div>        <h3>这是标题</h3>        <p>这是段落</p></div></body></html>

以下是文档在浏览器中打开后的显示：

<p></p>之间的内容呈现的是一个段落（无论多少个段落都将显示成一个段落）。

<hr>呈现的是一条横线

<center></center>之间的内容呈现的形式是居中显示。

<pre>(一个段落)（一个段落）（一个段落）（一个段落）</pre>之间的每个段落以段落形式显示

<dt>内容</dt>：之间的内容显示方式为左对齐

<dd>内容</dd>：之间的内容显示方式为缩进两个字符

####<br>：强制换行标记。让后面的文字、图片、表格等等，显示在下一行

####<p>：换段落标记。

####<center>：居中对齐标记。

####<pre>：预格式化标记。保留预先编排好的格式，常用来定义计算机源代码。

####<li>：列表项目标记。每一个列表使用一个<li>标记，可用在有序列表<ol>和无序列表<ul>中

####<ol>：有序列表标记，可以显示特定的一些顺序，有序列表的type属性值“1”代表阿拉伯数字1.2.3等等......"a"...."A"...

####<dl><dt><dd>：定义型列表

####<div>：分区显示标记，也称为层标记

显示结果为：

转载于:https://www.cnblogs.com/suyun1219/p/11016703.html

python爬虫——web前端基础（1）相关推荐

python的前端个web的前端有什么区别_用Python 操作Web 前端基础
一,目录 1. HTML : html就是一套浏览器认识的规则,主要用20个左右的标签对于开发者来说:学习html规则 1. 本地测试:(1)找到html文件,直接浏览器方式打开,不用socket: ...
Web前端基础知识整理
1. 前端基础知识文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述特点: 扩展名为.xml 内容区分大小写标签要成对出现,形成容器,只能有一个标签按正确 ...
Python 和 Web 前端选择哪个比较合适？哪个前景好？
Python 和 web 前端想必大家都很熟悉,不过很多转行的朋友都会问:学习 Python 还是 web 前端呢?Python 和 Web 前端哪个就业前景好?接下来为大家介绍一下. 其实 Pyth ...
iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理
JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...
Python爬虫之XPath基础教程：用代码抓取网页数据
Python爬虫之XPath基础教程:用代码抓取网页数据在网络时代,网页数据是获取信息和进行分析的最重要的来源之一.Python的爬虫技术让我们可以轻松抓取网页数据,并进行数据处理.XPath是一种 ...
WEB前端基础（HTML+CSS+JavaScript）（上）最好看最详细的笔记~
WEB前端基础当前部分是基于HTML与CSS总结,后续有JavaScript更新~ 文章目录 WEB前端基础一.HTML概述(阶段1 入门概述) 1.HTML 二.第一个HTML页面 1.HTML ...
web前端基础与CSS入门
web前端基础 1.嵌套列表注:列表之间可以互相嵌套,形成多层级的列表. <!DOCTYPE html> <html lang="en"> <hea ...
html web前端基础(1)
html web前端基础(1) 本人暂时所用的学习软件是HB(HBuilder) 所以下方代码展示也是在HB所呈现的什么是web : 1.典型的应用: 1.C / S ***** client: 客 ...
html clear属性值,【Web前端基础知识】clear使用方法
[摘要] 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.下面是[Web前端基础知识]clear使用方法,小编建议有准备参加考试的备考生一定要合理规划时间,仔细阅读相关规定,提 ...

python爬虫——web前端基础（1）

python爬虫——web前端基础（1）相关推荐

最新文章

热门文章