Python【HTML基础】

时间 2019-11-20

标签 python HTML基础栏目 Python 繁體版

原文原文链接

HTML基础html

HTML（Hyper Text Markup Language）超文本标记语言python

#HTML是一种用来描述网页的语言，HTML之于网页就比如建筑图纸之于建筑浏览器

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ide

查看网页HTML代码wordpress

#源代码和网页分开在两个页面展现字体

在网页任意地方点击鼠标右键，而后点击“显示网页源代码”。编码

（Windows系统的电脑还可使用快捷键ctrl+u来查看网页源代码）url

#源代码和网页在一个页面展现spa

在网页的空白处点击右键，而后选择“检查”（快捷方式是ctrl+shift+i）或者F12htm

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

HTML的层级

HTML源代码中有一些小三角形，每个三角形均可以展开或合上。

尖角向下表明展开，向右表明合上了，这就是HTML的层级关系

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

HTML的组成

标签和元素

尖括号<>中间的字母，它们叫作【标签】

成对出现

前面的是【开始标签】，好比<body>；

后面的是【结束标签】，如</body>

有标签是孑然一身地出现

#HTML标签是能够嵌套标签的，并且能够多层嵌套；

这就像是在电脑中，一个硬盘能够包含数个文件夹，文件夹中还能够嵌套文件夹。

开始标签+结束标签+中间的全部内容，它们在一块儿就组成了【元素】。

######################################################################

网页头和网页体

HTML文档的基本是由【网页头】和【网页体】组成

【网页头】的内容不会被直接呈如今浏览器里的网页正文中

【网页体】的内容是会直接显示在网页正文中的

属性

style属性

<h1 style="color:#20b2aa;">这个书苑不太冷</h1>

属性一般都是在HTML元素的开始标签中设置

style属性能够用来定义网页文本的样式，好比字体大小、颜色、间距、对齐方式等等

href属性

添加连接

<a href="https://wordpress-edu-3autumn.localprod.forc.work/">我是一个连接，点我试试</a>

连接通常都由<a>标签订义，href属性用于规定指向页面的URL

class属性

在HTML中，class属性也能够被屡次利用

<style>

.book {

/*如下是.book的具体样式规定*/

float: left; /*控制元素浮动*/

margin: 5px; /*外边距为5像素*/

padding: 15px; /*内边距为15像素*/

width: 350px; /*宽度为350像素*/

height: 240px; /*高度为240像素*/

border: 3px solid #20b2aa; /*边框为3像素*/

}

</style>

.对应class，因此.book表明class book

网页头中的.book和网页体中的class="book"是有联系

网页头里面，定义了class属性，属性值为"book"

下面一长串代码是对这个class属性的描述

再在网页体中调用，因此看到了<div class="book">

id属性

和class属性的用法相似，

给元素定义id和class的目的都是为了查找、定位元素，或者为元素设置样式

区别

id属性用于标识惟一的元素(id就像是学生的学生证号码，每一个人都是惟一的)

class用于标识一系列的元素(而学生们能够属于同一个班级，班级就像class)

####################################################################

获取数据

import requests

res = requests.get('https://localprod.pandateacher.com/python-manuscript/crawler-html/spider-men5.0.html')

url = res.text

k = open('url.txt', 'w')

k.write(url)

k.close()