一、html概述

html基本结构

html标签分类

html特殊字符

二、head标签子标签

三、body标签子标签

（一）常见标签

（二）表格

（三）form表单

（四）其他标签

一、html概述
HTML（Hyper Text Markup Language，即“超文本标记语言”）是一种解释性语言，用于制作网页界面，使用该语言编写的网页最终被浏览器解释执行。

html基本结构

html标签分类
单标签：标签单独出现，语法：<标签名/>，比如。可以没有标签反斜线，即也可以，但是这样不符合万维网联盟(World
Wide Web Consortium，简称W3C) 规范；
双标签：标签成对出现，语法：<标签名>内容</标签名>，比如
注意：HTML标签中的标签名不区分大小写，但为了符合W3C规范，推荐使用小写。

html特殊字符
特殊字符 实体字符
空格 &nbsp；
" &quot；
& &
< <

二、head标签子标签
title标签：设置页面标题

在这里插入图片描述

. img标签：图片标签，常用属性

src：设置图片路径；
alt：设置图片不存在时替代文本，该属性的显示效果与浏览器以及浏览器版本有关；
height和width：设置图片的高度和宽度，单位为像素或%；
title：设定鼠标移到元素上时显示的信息；

a标签：超链接标签，双标签.

href：指定打开的页面；锚点；
target：用于指定在哪个窗口打开href标签属性指定的页面，常用属性值有_self 、_blank 等；

百度一下
1
span标签：常用于组合文档中的行内元素，双标签
你好
1
hr标签：水平线标签，单标签，常用标签属性：

color：设定水平线颜色；
noshade：设定水平线的颜色为纯色，而不是有阴影的颜色；
size：设定水平线粗细，单位：像素；
width：设定水平线宽度，单位：像素或%；
align：设定水平线显示位置，其属性值如下：

p（paragraph单词缩写）标签：段落标签，双标签

段落标签，文档居中

div（division单词缩写）标签：常用于文档中分区，双标签.

hn标签：标题标签，双标签，n的值为1~6，其中
定义最大的标题；
定义最小的标题，常用标签属性：

郑州大学

郑州大学

郑州大学

ol（ordered list）标签：有序列表标签，双标签，常用标签属性：
type：指定ol子标签li的编号类型，其属性值有：
1
值 描述
1 数字，默认值
A 大写字母
a 小写字母
I 大写罗马数字
i 小写罗马数字
start：指定ol子标签li序号起始点，默认为1，必须为整形数字。
reversed：HTML5新增标签属性，用于设定列表顺序为降序，其属性值为reversed。

3. 语文
4. 数学
5. 英语

ul（unordered list）标签：无序列表标签，双标签，常用标签属性：

type：指定ul子标签li的编号类型，其属性值有：

值 描述
disc 实心圆，默认值
square 实心方块
circle 空心圆
I 大写罗马数字
i 小写罗马数字

• 语文
• 英语
• 数学

（二）表格
HTML表格由table标签以及一个或多个tr、th或td标签组成：

table标签用来定义表格，整个表格包含在table标签中；
tr标签用来定义表格中一个行，它是单元格的容器，每行可以包含有多个单元格，由tr和/tr标签表示；
td标签和th标签用来定义单元格，所有单元格都在tr标签内，每个单元格由一对td和/td标签或一对th和/th标签表示，具体的表格内容放置在这一对td标签或th标签之中，其语法如下：

table标签属性
border标签属性：设定围绕表格的边框的宽度
width标签属性：设定表格的宽度
样例：

在这里插入图片描述

（三）form表单
form标签用于为创建 HTML 表单，双标签，常用标签属性如下：

action：设定当提交表单时向何处（一般为Servlet）发送表单数据。
method：设定如何将表单中的数据传送给服务器进行处理，属性值可以为get（对应于Servlet 中的doGet方法）或post （对应于Servlet 中的doPost方法） ，默认值为get。
enctype ：设定在发送表单数据之前如何对其进行编码，属性值有三个：application/x-www-form-urlencoded（在发送前编码所有字符，默认值）、multipart/form-data（不对字符编码。在使用包含文件上传控件的表单时，必须使用该值）、text/plain（空格转换为 “+” 加号，但不对特殊字符编码）。
get和post区别：

get提交数据时可以在地址栏中看到数据，数据安全性低；post在提交数据时看不到数据，提高了数据的安全性；
get方法提交的数据比post方式提交的数据少，即post方式提交的数据量大。
1
2
隐藏框
input标签中type标签属性属性值为hidden时即为隐藏框，input标签为单标签，其标签属性如下：

id：设定隐藏框唯一标识符；
name：设定隐藏框的名字以便于服务器端获取隐藏框中的值；
value：设定隐藏框默认值；

name：设定文本框的名字以便于服务器端获取文本框中的值；
id：设定文本框唯一标识符
placeholder：设置文本框提示信息；html5新增的属性
readonly：设置文本框是否只读，属性值为readonly则文本框只读，不可编辑，但数据可以传递到服务器端；
maxlength：设定输入字段的最大长度，以字符个数计。
disabled：设定是否禁用文本框，属性值为disabled则文本框被禁用，不可编辑，数据无法传递到服务器端。
value：设定文本框默认值；

注意：
type标签属性默认属性值为text，即省略type标签属性的input标签为文本框。

id：设定密码框唯一标识符；
name：设定密码框的名字以便于服务器端获取密码框中的值；
placeholder：设置密码框提示信息；html5新增的属性
readonly：设置密码框是否只读，属性值为readonly则密码框只读，不可编辑，但数据可以传递到服务器端；
maxlength：设定输入字段的最大长度，以字符个数计。
disabled：设定是否禁用密码框，属性值为disabled则密码框被禁用，不可编辑，数据无法传递到服务器端。
value：设定密码框默认值；

1
文件框
input标签中type标签属性属性值为file时即为文件框，input标签为单标签，其标签属性如下：

id：设定文件框唯一标识符；
name：设定文件框的名字以便于服务器端获取文件框中的值；
multiple：设定是否可以选择多个文件，属性值为multiple则文件框可选择多个文件，HTML5新增标签属性；
disabled：设定是否禁用文件框，属性值为disabled则文件框被禁用，不可选择文件，数据无法传递到服务器端。

不同浏览器显示文本框按钮效果不同，可以通过a标签改变其样式效果：

单选框
input标签中type标签属性属性值为radio时即为单选框，input标签为单标签，其标签属性如下：

id：设定单选框唯一标识符；
name：设定单选框的名字以便于服务器端获取单选框中的值；name相同的radio为一组，只能选中其中一个；
disabled：设定是否禁用单选框，属性值为disabled则单选框被禁用，不可选中，数据无法传递到服务器端。
value：设定单选项对应的值，该值是传到服务器端的真正数据。
checked：设定默认选中的单选项，也可只写checked。

复选框
input标签中type标签属性属性值为checkbox时即为复选框，input标签为单标签，其标签属性如下：

id：设定复选框唯一标识符；
name：设定单选框的名字以便于服务器端获取复选框中的值；name相同的checkbox为一组；
disabled：设定是否禁用复选框，属性值为disabled则复选框被禁用，不可选中，数据无法传递到服务器端。
value：设定复选项对应的值，该值是传到服务器端的真正数据。
checked：设定默认选中的复选项，也可只写checked。

<input type = “checkbox” name = “hobby” vlaue = “0” id = “basketball” checked = “checked=”""/>篮球
乒乓球
足球

label标签：双标签，点击该标签包裹内容（图片或文字）时，浏览器将焦点转到和label标签相关的表单控件（通常为单选框或复选框）上。
性别：

男
女

下拉列表
下拉列表由一个select标签和多个option子标签组成：
select标签为下拉列表的父标签，select标签为双标签，其标签属性如下：

id：设定select标签唯一标识符；
name：设定select标签的名字以便于服务器端获取下拉项中的值；
disabled：设定是否禁用下拉列表，属性值为disabled则下拉列表被禁用，即不可选择下拉列表下拉项，默认选中的下拉项数据无法传递到服务器端。
multiple：设定下拉列表是否可选择多个选项，也可只写multiple ；
size：设定下拉列表中可见选项的数目；
option标签为select标签的子标签， option标签为双标签，其标签属性如下：
value：设定下拉项对应的值，该值是传到服务器端的真正数据。
selected：设定默认选中的下拉项，也可只写selected ；

文本域
textarea标签：文本域标签，双标签，标签属性如下：

id：设定文本域唯一标识符；
name：设定文本域的名字以便于服务器端获取文件框中的值；
readonly：设置文本域是否只读，属性值为readonly则文本域只读，不可编辑，但数据可以传递到服务器端；
disabled：设定是否禁用文本域，属性值为disabled则文本域被禁用，不可编辑，数据无法传递到服务器端。
rows：设置文本域的高度；
cols：设置文本域的宽度；

郑州大学
1
文本域与文本框区别：

文本域可以自动换行，而普通文本框不能换行；
通过设置resize: none;样式可以禁止调整文本域大小
按钮
input标签中type标签属性属性值为button时即为按钮，input标签为单标签，其标签属性如下：

id：设按钮唯一标识符；
value:设置按钮上的显示的文本；
disabled：设定是否禁用按钮，属性值为disabled则按钮不可点击。

id：设定提交按钮唯一标识符；
value:设置提交按钮上的显示的文本；
disabled：设定是否禁用提交按钮，属性值为disabled则按钮不可点击。

id：设定提交按钮唯一标识符；
value:设置提交按钮上的显示的文本；
disabled：设定是否禁用提交按钮，属性值为disabled则按钮不可点击。

</body>

  

 

  
1
 

在这里插入图片描述

frameset标签和frame标签
frameset标签：框架集标签，用于规定框架集中有多少个框架窗口或框架集，该标签有如下标签属性：
frame标签：框架标签，单标签，用于在frameset 中定义一个框架窗口，该标签有多个标签属性：

src标签属性：当前frame框架中显示的文档的地址；
name标签属性：定义当前frame框架的名称，用于在 JavaScript 中引用元素或作为链接的目标 示例
noresize标签属性：取消用户调整框架的大小 示例
scrolling标签属性：设定是否在框架中显示滚动条，该标签有多个标签属性值：

iframe标签
iframe标签：在页面中嵌入另外一个页面, 该标签为双标签，它有多个标签属性：

src标签属性：指定iframe 中显示的页面URL
width标签属性：指定iframe 的宽度，可以是像素或%
height标签属性：指定iframe 的高度，可以是像素或%
scrolling标签属性：设定是否在 iframe 中显示滚动条，其值可以是yes、no或auto

文章来源: kangshihang.blog.csdn.net，作者：康世行，版权归原作者所有，如需转载，请联系作者。

原文链接：kangshihang.blog.csdn.net/article/details/108171710