HTML+CSS复习笔记

HTML+CSS复习笔记

1.HTML 初识

HTML 指的是超文本标记语言 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签

1.html作用:

网页是由网页元素组成的 ， 这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。

2.所谓超文本，有2层含义：

1. 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）

2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **）。

3. 文档类型<!DOCTYPE> :

   作用：声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

2.HTML常用标签

​ 段落标签p 水平线标签hr 换行标签br

1.div 和 span标签(重点)

​ div span 是没有语义的 是我们网页布局主要的2个盒子 用来布局

​ div标签 一行只能放一个div span标签一行上可以放好多个span

2.文本格式化标签(熟记)

1. b 只是加粗 strong 除了可以加粗还有 强调的意思， 语义更强烈。
2. i 和 em 字体倾斜

3. 链接标签(重点)

​ 文本或图像

3.表格 table(使用)

1.表格作用：

	格的现在还是较为常用的一种标签，但不是用来布局，**常见显示、展示表格式数据。**因为它可以让数据显示的非常的规整，可读性非常好。

2.table、tr、td，是创建表格的基本标签，缺一不可（没有列的标签）

1. table用于定义一个表格标签。

2. tr标签 用于定义表格中的行，必须嵌套在 table标签中。

3. td 用于定义表格中的单元格，必须嵌套在标签中。

4. 字母 td 指表格数据（table data），即数据单元格的内容，现在我们明白，表格最合适的地方就是用来存储数据的。

5. cellspacing 设置单元格与单元格边框之间的空白框 cellpadding设置单元格内容与单元格边框之间的空白框

   1. 表头单元格标签th

   2. 表格标题caption

      caption 元素定义表格标题，通常这个标题会被居中且显示于表格之上。

      ​ caption 标签必须紧随 table 标签之后。

      ​ 这个标签只存在 表格里面才有意义。

3.合并单元格

1.合并单元格2种方式

• 跨行合并：rowspan=“合并单元格的个数”
• 跨列合并：colspan=“合并单元格的个数”

2.合并单元格顺序

**合并的顺序我们按照 先上 后下 先左 后右 的顺序 **

3.合并单元格三步曲

1. 先确定是跨行还是跨列合并
2. 根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量

4.列表和表单

1.列表标签（重点）

1.特点：

列表最大的特点就是 整齐 、整洁、 有序，跟表格类似，但是他可组合自由度会更高，列表用来布局。

2.无序列表 ul （重点）

无序列表的各个列表项之间没有顺序级别之分，是并列的

3.有序列表 ol

5.表单标签(掌握)

**1.作用： **

表单目的是为了收集用户信息。

**2.表单控件： **

​ 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

3.提示信息：

​ 一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

4.表单域：

​ 他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

5.1 input 控件(重点)

1. type 属性

• 这个属性通过改变值，可以决定了你属于那种input表单。

2. value属性 值

用户名:<input type="text"  name="username" value="请输入用