python html css,Python基础 3.5 HTML CSS JS 和 JQuery

所谓超文本，有2个意义

网页中包含除了文本以外的数据内容，超越文本它还可以从一个网页跳转到其他网页

？ 开发网页的语言

在空html里！加tab键会快速生成模板

标签不区分大小写，但是推荐使用小写。根据标签的书写形式，标签分为双标签(闭合标签)和单标签(空标签)

2.1 双标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，比如： div标签

2.2 单标签是一个标签组成，没有标签内容， 比如： img标签

当我们使用img标签的时候需要指定图片路径，同样的也有相对路径和绝对路径使用之分

相对路径和绝对路径是 html 标签使用资源文件的两种方式，一般使用相对路径。相对路径是从当前操作的 html 文档所在目录算起的路径绝对 路径是从根目录算起的路径

7.1无序列表标签(ul)

快捷

ul>li*需要的列表数

7.2有序列表标签(ol)

快捷

ol>li*需要的列表数

8.1表格标签结构

表格标签 标记一个表格

标记表格中的一行

标记当前行的表头

标记当前行的内容

8.2 示例

默认样式是没有表格线的，如果要有边线得加入属性，每个表格内容都可以加上线，但是全部表格加线会出现重线，这时候需要合并边线border-collapse

[外链图片转存失败，源站可能有防盗链机制，建议将图片保存下来直接上传(img-6M38zjyY-1610963737056)(/Volumes/Data/SynologyDrive/MD/ProgramLanguage/Python/asset/QQ20201123-105648.png)]

1.介绍

用于搜集不同的用户输入，然后把用户输入内容发送到web服务器

2.表单相关标签使用

标签 表示表单标签，定义整体的表单区域标签 表示表单元素的文字标注标签，定义文字标注标签 表示表单元素的用户输入标签，定义不同类型的用户输入数据方式

type属性

type=“text” 定义单行文本输入框type=“password” 定义密码输入框type=“radio” 定义单选框type=“checkbox” 定义复选框type=“file” 定义上传文件type=“submit” 定义提交按钮type=“reset” 定义重置按钮type=“button” 定义一个普通按钮  标签 表示表单元素的多行文本输入框标签 定义多行文本输入框标签 表示表单元素的下拉列表标签 定义下拉列表

标签 与标签配合，定义下拉列表中的选项

3.示例

1. 表单属性设置

标签 表示表单标签，定义整体的表单区域

action属性 设置表单数据提交地址method属性 设置表单提交的方式，一般有“GET”方式和“POST”方式， 不区分大小写

GET 会把表单提交的数据，以在URL的形式提交到服务器，明文传输留下记录且不安全，一般用于提交搜索数据。POST 会把表单提交的数据，以请求体的方式提交到服务器，不会被记录，较为安全，一般用于提交账户密码之类的内容。

2. 表单元素属性设置

name属性 设置表单元素的名称，该名称是提交数据时的参数名value属性 设置表单元素的值，该值是提交数据时参数名所对应的值

3.应用 制作一个跳转Baidu搜索的提交表单

层叠样式表，是美化页面的语言

美化页面，设置文字大小属性控制页面布局

选择器{

样式规则

属性名1:值1;

属性名2:值2;

}

选择器选择的标签均套上一样的样式

1.行内式

直接在标签里面写样式规则填属性，方便直观但是可重复性低

2.内嵌式(内部样式)

在head标签里直接添加属性

在同一页面便于重复利用和维护，但是多个页面依旧可重复性不高

3.外链式

将css代码直接写在一个单独css文件，在head标签里使用link标签引入该文件到页面。

在多个页面可重复性高，便于整个页面规划维护，但是容易出现css代码过去集中，维护不当容易混淆出错。

1.标签选择器

根据标签来选择标签，以标签开头，此种选择器影响范围大，一般用来做一些通用设置。

2.类选择器

根据类名来选择标签，以 . 开头， 一个类选择器可应用于多个标签上，一个标签上也可以使用多个类选择器，多个类选择器需要使用空格分割，应用灵活，可复用，是css中应用最多的一种选择器。

3.层选择器 (选择器1 选择器2)继承属性

根据层级关系选择后代标签，以选择器1 选择器2开头，主要应用在标签嵌套的结构中，减少命名。

注意点： 这个层级关系不一定是父子关系，也有可能是祖孙关系，只要有后代关系都适用于这个层级选择器

4.id选择器

根据id选择标签，以#开头， 元素的id名称不能重复，所以id选择器只能对应于页面上一个元素，不能复用，id名一般给程序使用，所以不推荐使用id作为选择器。

示例代码

注意点： 虽然给其它标签设置id=“box”也可以设置样式，但是不推荐这样做，因为id是唯一的，以后js通过id只能获取一个唯一的标签对象。

5.组选择器 (选择器1，选择器2)共用

根据组合的选择器选择不同的标签，以 , 分割开， 如果有公共的样式设置，可以使用组选择器。

示例代码

6.伪类选择器 (选择器1:选择器2)改变

用于向选择器添加特殊的效果， 以 : 分割开， 当用户和网站交互的时候改变显示效果可以使用伪类选择器