资源描述

HTML常用的标签及使用总结.docx

《HTML常用的标签及使用总结.docx》由会员分享，可在线阅读，更多相关《HTML常用的标签及使用总结.docx（12页珍藏版）》请在冰点文库上搜索。

HTML常用的标签及使用总结.docx

HTML常用的标签及使用总结

HTML标签由一对尖括号“<”和“>”，以及标签名组成。

标签分为“起始标签”和“结束标签”两种。

有些标签可以不必关闭，标签可以有自己的属性，不区分大小写，不能输入多余的空格，

--***-->表示注释。

1.HTML标题

标题类元素

一级标题

二级标题

三级标题

四级标题

五级标题

2.HTML水平线

DOCTYPEhtml>

Title

h6

3.HTML注释

—comment-->

注释并不会显示在网页上

DOCTYPEhtml>

Title

h6

--helloworld-->

4.HTML段落

以及段落换行

DOCTYPEhtml>

Title

helloworld

当显示页面时，浏览器会移除源代码中多余的空格和空行。

所有连续的空格或空行都会被算作一个空格。

需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。

段落换行使用

DOCTYPEhtml>

Title

helloworld

hello
world

5.HTML文本格式化

6.HTML超链接

比较重要的属性有两个，分别是href、target

Title

7.HTML的图像

使用格式：

alt 定义当图片无法加载时，显示什么信息

width定义宽度，单位可以为像素也可以为百分比

height定义高度

DOCTYPEhtml>

Title

helloworld

8.HTML的表格

表格由

来定义，每行有许多单元格

。

表头可以使用

标签属性：

　　border 定义边框

在

中可以嵌入定义行

name

list

firstname

lastname

等标签

定义表头

　　colspan 定义表头单元格可以横跨的列数。

rowspan 定义表头单元格横跨的行数

heardes 定义与表头单元格相关联的一个或者多个单元格。

（html5新增）　　　

定义单元格

　　　　colspan 定义单元格可以横跨的列数。

rowspan 定义单元格横跨的行数

　　　　heardes 定义与单元格相关联的一个或者多个单元格

DOCTYPEhtml>

Title

在浏览器中显示如下：

name

list

firstname

lastname

另外，若某个单元格为空，浏览器可能无法显示出这个单元格的边框。

为了防止这种情况，可以在该单元格加一个空格占位符。

9.HTML的列表

列表分为

　　无序列表

　　有序列表

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等

male

female

male

female

浏览器显示为：

·male1.male

·female2.female

10.HTML表单

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

表单元素是允许用户在表单中（比如：

文本域、下拉列表、单选框、复选框等等）输入信息的元素

中的属性：

　　action：

后面加url 指定当提交表单时向何处发送表单数据

　　method：

get/post两个值，get为明文 post为加密

　　name：

指定表单的名称

　　target：

_blanket _self _parent _top指定网页打开方式

　　标签中较为常用的标签有中最为常用的几个属性:

　　　　form 后面跟所属form的id。

规定所属的form

　　　　required 值：

required 规定必需在提交表单之前填写输入字段。

　　　　disabled 值：

disabled disabled属性规定应该禁用的元素。

　　　　type:

决定输入类型

　　　　　　text 文本域

　　　　　　radio 单选按钮

　　　　　　checkbox 复选框

　　　　　　submit 提交按钮

　　　　　　password 密码输入

　　　　　　reset 重置

　　　　　　color 设置拾色器 html5

　　　　　　number 定义用于输入数字的字段（您可以设置可接受数字的限制）

　　　　　　range 定义用于精确值不重要的输入数字的控件（比如slider控件）。

您也可以设置可接受数字的限制

　　　　name:

input元素的名称

　　　　value：

input元素的值

　　　　size：

输入字段的宽度

　　　　pattern 规定用于验证元素的值的正则表达式。

pattern属性适用于下面的input类型：

text、search、url、tel、email和password

　　　　list 值为datalist的id 该属性引用元素，其中包含元素的预定义选项。

　　　　autofocus 该属性是一个boolean属性，让页面载入后，input自动获得焦点

　　　　 html5中的新特性标签规定了元素可能的选项列表。

标签被用来在为元素提供"自动完成"的特性。

　　　　　　用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。

　　　　　　与