属性描述设置网页的背景颜色设置

2.HTML

HTML是整个HTML文档，也就是代表一个网页。

html中的lang="en"定义文件的语言为英文

3.头部

head是html的第一个子元素[sub-tag]，负责对网页进行一些设置，定义标题。 设置包括定义网页的编码格式、外链css样式文件和文件等。设置的内容不会显示在网页上，title的内容会显示在标题栏中。 那是标题标签。

4.元

meta是html语言head标签中的一个辅助标签。 标签不包含任何内容，但标签的属性定义了与文档关联的名称，例如：

5.身体

body也是HTML的一级子元素，我们页面显示的所有内容都写在标签body中。

四、Html文件规范

HTML制定了文档编写规范，必须遵守。

所有标签必须小写

所有属性必须用双引号括起来

五、Html注释

可以在 html 文档的代码中插入注释。 注释是对代码的说明和解释，注释的内容不会显示在页面上。

注释语法：

六、html基本属性

注意：属性是标签的辅助功能。

属性 说明 设置网页的背景颜色 设置网页的背景图片

1.

设置网页的背景颜色

html的属性

2.路径

我们在开发网页的时候，经常需要插入图片、视频、文件等操作，但是需要指定文件的位置，也就是所谓的路径

路径分为：

相对路径是指目标相对于当前文件的路径。 这种方法在网页结构设计中常用来表示目标的路径。 相对路径的表示方法有很多种，表示的含义也不尽相同。 表达方式如下： ./：表示文件所在目录（可省略） ../：表示文件所在父目录 ../../：表示父目录的父目录文件所在目录 / : 表示文件所在根目录 [/: 可以理解为目标文件的绝对路径] 绝对路径是指目标文件的完整路径，从盘符开始.  3.

设置网页的背景图片

html的属性

防范措施：

并且不能同时使用

不能指定绝对路径

七、html标签 1、网页的组成

网页的构成：文字、图片、视频、超链接、列表、表格、表格等。

2.文本段落标签

标签描述hn设置文字标题[n:取值范围1~6]居中对齐hr横线属性(width:width color:color size:)br换行p段落

3.文本控制标签

标签描述字体 设置字体需要使用属性设置

属性 描述 color 设置字体 color size 设置字体大小，不需要单位，取值范围：1~7 [浏览器默认值：3] face 设置字体样式

4.文本格式化标签

标签描述 b 定义粗体文本 em 定义强调文本 i 定义斜体文本 small 定义小字体 定义强调 sub 定义下标 sup 定义上标 ins 定义插入 del 定义删除

Html文本格式化标签粗体文本倾斜文本着重文本小号字加重语气上标下标插入字删除字

5.图像标签

在 Html 中，图像表示为

标签定义。

是一个空标签，意味着它只包含属性。

要在页面上显示图像，您需要使用源属性 (src)。  src 指的是“”。   属性的值是图像的 URL 地址。

标签描述 img 图片标签

属性说明 src 指定图片的地址 width 设置图片的宽度 设置图片的高度 alt 设置图片的初始文字

注意：不建议设置图片大小，容易失真

6. 音频

在 Html 中，声音由标签定义。

标签描述 audio 声音标签

属性描述 src 指定声音地址

对不起，您的浏览器不支持

7.视频

在Html中，video由video标签定义

标签描述视频视频标签

属性描述 src 指定视频地址

对不起，您的浏览器不支持

8.超链接

a 标签定义了一个超链接，用于从一个页面链接到另一个页面。

a标签最重要的属性是href，它指定了链接的目标。

在所有浏览器中，链接的默认外观如下：

未访问的链接带有下划线和蓝色

已访问过的链接带有下划线和紫色

活动链接带有下划线和红色

语法：

点击内容

属性描述 href 指定链接目标名称 指定锚点名称 指定下载链接 指定跳转方式 属性值描述 在新窗口打开 [常用] 在父窗口打开链接 [知识] _self 默认，在当前窗口 [了解] _top opens in the   窗体打开链接，并替换整个当前窗体【理解】待讲【常用】

超链接类别：

9.清单

列表的使用类似于word等软件的列表概念，但只是应用于网页展示。

1.有序列表

有序列表是指带有数字或字母的列表项，可以使用css定义更多样式。

新闻一新闻二新闻三

属性描述 type 设置符号类型 取值：1 a AI i 默认数字从数字开始[在ol标签中使用] value从数字[在li标签中使用]

新闻一新闻二新闻三

2.无序列表

无序列表是指没有数字和字母的列表项，可以使用css定义更多的样式。

童装男装女装

属性描述type用于设置符号类型，默认：实心圆 值：空心圆，正方形[for ul, li]

童装男装女装

三、说明清单

描述性列表意味着每个列表项都有一个单独的标题。

开源产品Java封装库Web组件库网站导航mrliujava.commrliuweb.com

10.表格

表格在 Web 开发中使用非常频繁，尤其是在显示数据时。

10.1 基本用法

标签描述表表示表标签表标题thead表头部分tbody表体部分tfoot表脚

属性说明 表格边框单元格和单元格间距 width width  set  color set  image align

员工薪资统计表序号姓名性别职位薪资1狗蛋男JavaEe工程师87802黑妞女Web前端工程师97503傻蛋妖测试工程师996当前页：1 页上一页下一页尾页共 3 页

10.2 单元合并

属性 描述 行合并 列合并

这是行合并：

员工薪资统计表序号姓名性别职位薪资1狗蛋男JavaEe工程师87802黑妞女97503傻蛋妖测试工程师996当前页：1 页上一页下一页尾页共 3 页

这是列合并：

员工薪资统计表序号姓名性别职位薪资1狗蛋男JavaEe工程师87802黑妞女Web前端工程师97503傻蛋测试工程师996当前页：1 页上一页下一页尾页共 3 页

11.表格

表单是包含表单元素的区域。

表单元素允许用户在表单中输入内容，例如：文本域()、下拉列表()、单选框(radio)、复选框()等。

11.1 基本用法

需要使用 form 标签设置表单：

输入元素

11.2 获取&发布

属性说明后台地址提交方式GET或POST

GET 和 POST 的区别：

1.获取

2. 发布

11.3 标签

使用标签来描述表单的标题。 单击标题时，文本框将获得焦点。 需要保证使用的ID在页面上是唯一的。

用户名密码

也可以把文本框放在label标签里面，这样就不需要设置id和for属性了。

11.4 输入

文本框用于输入单行文本，以下是常用属性和示例。

属性  type 表单类型，默认为text name 后台接收字段名必须输入提示文本内容值 默认是指允许输入的最大字符数 size 表单长度一般由css控制。 设置选择的类型，如：.jpg 使用麦克风\视频或摄像头从手机获取上传的文件。 支持的值是，视频，

11.4.1 基本示例

用户名

11.4.2 调用摄像头

当输入类型为文件时，手机将允许用户选择图片或拍照。 如果你想直接调用相机，使用下面的代码。

上传文件

11.4.3 其他类型

可以通过设置表单的类型字段来指定不同的输入内容。

type  email 输入内容为email url 输入内容为URL地址 输入内容为 item tel phone  移动端调出数字键盘搜索框隐藏表单提交表单重置重置表单自定义按钮

11.4.4

隐藏表单是用来提交后台数据的，但是前台的内容是不显示的，所以在上面使用样式定义是没有意义的。

11.4.5

创建一个提交按钮可以将表单数据提交到后台。 提交数据的方式有很多种，比如：AJAX，或者Html form 。

A。 使用输入构建提交按钮。 如果设置了name值，按钮数据也会被提交到后台。 如果有多个表单项，您可以使用它们来确定提交哪个表单。

b. 使用也可以提交，设置type属性为或不设置都可以提交表单。

提交表单

11.4.6 禁用表单

通过为表单设置或禁止表单，可以将单个表单的数据提交到后台

11.4.7

表单可以通过设置属性来指定定期验证。

属性描述 正则表达式校验规则输入错误时触发的事件

用户名提交表单