所谓超文本，有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）改变

 

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