1. html 介绍

 

　　html叫超文本标记语言，是开发网页的语言

 

　　html中的标签大多数都是成对出现的， 格式： <标签名></标签名>

 

　　2. html 基本结构

 

　　3. vscode介绍

 

　　一款HTML编辑器

 

　　4. 常用标签及嵌套

 

　　5. 绝对路径和相对路径的使用

 

　　6. 列表标签

 

　　无序列表：

 

　　有序列表

 

　　嵌套列表标签：

 

　　列表标签有无序列表标签（ul标签）和有序列表标签（ol标签）列表项目对顺序有要求的时候使用ol标签列表项目对顺序无要求的时候使用ul标签

 

　　7. 表格标签

 

　　表格边线合并：

 

　　border-collapse 设置表格的边线合并，如：border-collapse:collapse;

 

　　表单标签和表单元素标签的使用

 

　　1.表单用于搜集不同类型的用户输入（用户输入的数据），然后可以把用户数据提交到web服务器 。

 

　　9. 表单提交

 

　　表单属性设置：

 

　　标签 表示表单标签，定义整体的表单区域 action属性：设置表单数据提交地址 melhod属性： 设置表单提交的方式，一般有GET方式和POST方式，不区分大小写

 

　　表单元素属性设置

 

　　name属性：设置表单数据提交地址

 

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

 

　　a.表单标签的作用就是可以把用户输入数据一起提交到web服务器。

 

　　b.表单属性设置

 

　　1. action: 是设置表单数据提交地址

 

　　2.method: 是表单提交方式，提交方式有GET和POST

 

　　c.表单元素属性设置

 

　　1.name: 表单元素的名称，用于作为提交表单数据时的参数名

 

　　2.value: 表单元素的值，用于作为提交表单数据时参数名所对应的值

 

　　css介绍

 

　　css（Cascading Style Sheet）层叠样式表，它是用来美化页面的一种语言。

 

　　美化界面， 比如： 设置标签文字大小、颜色、字体加粗等样式。控制页面布局， 比如： 设置浮动、定位等样式。

 

　　选择器{

 

　　样式规则

 

　　}

 

　　样式规则：

 

　　属性名1：属性值1;

 

　　属性名2：属性值2;

 

　　属性名3：属性值3;

 

　　选择器：是用来选择标签的，选出来以后给标签加样式。

 

　　css 是由两个主要的部分构成：选择器和一条或多条样式规则，注意：样式规则需要放到大括号里面。

 

　　css 引入方式

 

　　css的三种引入方式

 

　　行内式

 

　　直接在标签的 style 属性中添加 css 样式

 

　　优点：方便、直观。 缺点：缺乏可重用性。

 

　　内嵌式（内部样式）

 

　　在标签内加入

 

　　优点：在同一个页面内部便于复用和维护。 缺点：在多个页面之间的可重用性不够高。

 

　　3.外链式

 

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

 

　　优点：使得css样式与html页面分离，便于整个页面系统的规划和维护，可重用性高。 缺点：css代码由于分离到单独的css文件，容易出现css代码过于集中，若维护不当则极容易造成混乱。

 

　　css引入方式选择

 

　　CSS 选择器

 

　　1.CSS选择器：是用来选择标签的，选出来以后给标签加样式。

 

　　a. 标签选择器

 

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

 

　　b.类选择器

 

　　根据类名来选择标签，以 . 开头， 一个类选择器可应用于多个标签上，一个标签上也可以使用多个类选择器，

 

　　多个类选择器需要使用空格分割，应用灵活，可复用，是css中应用最多的一种选择器。

 

　　c. 层级选择器（后代选择器）

 

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

 

　　d. id选择器

 

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

 

　　e. 组选择器

 

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

 

　　f. 伪类选择器

 

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