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>:分区显示标记,也称为层标记
显示结果为:
显示结果为:
python爬虫——web前端基础(1)的更多相关文章
- python爬虫——web前端基础(4)
CSS,指层叠样式表,用来定义如何显示HTML元素,一般和HTML配合使用. 在HTML中使用CSS样式的方法: 内联样式表:CSS代码直接写在现有的HTML标记中,直接使用style属性改变样式.例 ...
- python爬虫——web前端基础(3)
超链接的使用------>>>> 链接的引用使用的是<a>标记. <a>标记的基本语法:<a href="链接地址" ta ...
- python爬虫——web前端基础(2)
图像标记------->>>> <img>图像标记,用来在网页中显示图像.使用方法为:<img src="路径/文件名.图片格式" wi ...
- 进击的Python【第十六章】:Web前端基础之jQuery
进击的Python[第十六章]:Web前端基础之jQuery 一.什么是 jQuery ? jQuery是一个JavaScript函数库. jQuery是一个轻量级的"写的少,做的多&quo ...
- 进击的Python【第十五章】:Web前端基础之DOM
进击的Python[第十五章]:Web前端基础之DOM 简介:文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示 ...
- 进击的Python【第十四章】:Web前端基础之Javascript
进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编 ...
- 进击的Python【第十三章】:Web前端基础之HTML与CSS样式
进击的Python[第十四章]:Web前端基础之HTML与CSS样式 一.web框架的本质 众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客 ...
- Python之Web前端jQuery扩展
Python之Web前端: 一. jQuery表单验证 二. jQuery扩展 三. 滚动菜单 一. jQuery表单验证: 任何可以交互的站点都有输入表单,只要有可能,就应该对用户输入的数据进行验证 ...
- 最近整理出了有关大数据,微服务,分布式,Java,Python,Web前端,产品运营,交互等1.7G的学习资料,有视频教程,源码,课件,工具,面试题等等。这里将珍藏多年的资源免费分享给各位小伙伴们
大数据,微服务,分布式,Java,Python,Web前端,产品运营,交互 领取方式在篇尾!!! 基础篇.互联网架构,高级程序员必备视频,Linux系统.JVM.大型分布式电商项目实战视频...... ...
随机推荐
- Algorithm: pattern searching
kmp算法:用一个数组保存了上一个需要开始搜索的index,比如AAACAAA就是0, 1, 2, 0, 1, 2, 3, ABCABC就是0, 0, 0, 1, 2, 3,复杂度O(M+N) #in ...
- 关于SQL语句参数中为多个带‘,’的字符串
案例分析:画面为多分数选项,根据画面选择的分数组合=@分数,以SELECT * FROM [table_name] WHERE sore IN (@分数) 其实这不算一个复杂的问题,可能由于着急下班, ...
- ES6中的class 与prototype
一.定义构造函数 在以前的js中,生成一个对象实例,需要先定义构造函数,然后通过prototype 的方式来添加方法,在生成实例: function Person(){ this.name = &qu ...
- js作用域总结
一.在ES5中,js 的作用域 js作用域,只有全局作用域与函数作用域,没有块级作用域. 1.全局作用域 var a = 10; function aaa() {alert(a) } function ...
- 关于connect: network is unreachable 问题的解决【转】
本文转载自:https://blog.csdn.net/liukun321/article/details/6662950 由于发现原创文章,在未署名作者及出处的情况下被转载.在以后所有的原创文章开头 ...
- 在datax之前版本中添加filewriter并创建job时出现问题
问题描述:
- Springboot2.0入门介绍
Springboot目前已经得到了很广泛的应用,why这么牛逼? Springboot让你更容易上手,简单快捷的构建Spring的应用 Spring Boot让我们的Spring应用变的更轻量化.比如 ...
- Module.exports和exports的区别
原文链接: https://www.ycjcl.cc/2017/02/10/module-exportshe-exportsde-qu-bie/ 学习Seajs时,看到了exports.doSomet ...
- 微信video和audio无法自动播放解决方案
//音频,写法一<audio src="music/bg.mp3" autoplay loop controls>你的浏览器还不支持哦</audio> // ...
- Java内部类复习
package com.t_06; import org.junit.Test; import com.t_06.StaticClass.StaticInnerClass; /** * 一个类的定义放 ...