html标签 html常用标签

一个，

1.水平线

页面中的简单水平线可以由以下公式定义

标签类型:单标签

2.主要内容中的标题

& ltp>。& lt/p>。

& lth2>。& lt/h2>。

& lth3>。& lt/h3>。

& lth4>。& lt/h4>。

& lth5>。& lt/h5>。

& lth6>。& lt/h6>。

标签类型:双标签

3.段落

页面中的段落由创建

标签类型:双标签

4.换行

& ltbr />;

标签类型:单标签

5.空框架

& ampnbsp。

空用以上特殊字符表示！

这不是标签！你可以认为他是一个特殊的象征

6.无序列表

列表需要嵌套书写，这是必须的。

页面上的列表可通过以下方式找到

& ltul>。

& ltli>。& lt/li>。

& ltli>。& lt/li>。

& lt/ul>。

这样展示！

7.有序列表

& ltol>。

& ltli>。& lt/li>。

& ltli>。& lt/li>。

& lt/ol>。

总结:有些标签是我们必须嵌套编写的html规则，有些标签不能嵌套某些类

类型标签的

其次，

1.定义列表

& ltdl>。

& ltdt>。阿普尔

& ltdd>。

苹果是低热量食物，每100克只产生60千卡；营养物质在苹果中的溶解度

它体积大，容易被人体吸收，所以被称为“活水”，有利于溶解硫磺，使皮肤光滑细嫩。

& lt/dd>。

& lt/dl>。

块级元素

2.插入图片

<img src=”” alt=”” width=”” height=”” />& ltimg src = " alt = " width = " height = "/& gt。

1)只需在属性src中填写图片的路径即可！

填充路径有两种方式:绝对路径和相对路径

我们会等到服务器上部署了绝对路径！

相对路径:写相对于我们当前html文件位置的路径！

。/表示当前目录，并且../表示上级目录

2)在属性alt中写一些图片描述信息

3)属性宽度填充图片长度，也可以用百分比表示

4)高度属性填充图片的高度，也可以用百分比表示

直列电梯

超链接

& ltA href= "link address" title= "私人图书馆优质课程" target = "_ blank " >:私人图书馆

1)属性href

填写要链接的网址。网站建设初期，可以用# link表示空 link

2)属性标题

鼠标悬停时会显示标题中的内容

3)属性目标

当设置为_blank时，可以在新窗口中打开链接地址

直列电梯

4.指定图片的某个区域并添加超链接

使用地图标签超链接图片的一个区域

用法:

1)向地图标签添加id属性，以定义地图标签的唯一名称

2)为了保证兼容性，加上名称属性，属性值与id的值相同

3)在地图标签作用的图片上添加usemap属性，属性值为#id name

4)将区域标签嵌套在地图标签中以链接指定区域

& ltarea shape = " coords = " href = " " alt = "/& gt。

形状属性:定义链接区域的形状。常见的值有矩形和圆形

Coords属性:确定区域的确切位置。只需填写坐标

Href属性:只需填写链接地址

Alt属性:向链接添加一些描述性信息

5.div标签

把div标签想象成一个存放标签的容器！

几乎所有我们谈论的常用标签都可以嵌套在div标签中

块级元素

6.跨度标签

使用

第三，

1.形式

表格由表格标签创建，tr标签创建行，td标签或th标签创建列。

& lt表格>;

& lttr>。& ltth>。名字

& lttr>。& lttd>。小王

& lttr>。& lttd>。张晓

& lt/table>。

详细说明:

表格标签

1)属性:边框

函数:指定表格边框的宽度

2)属性:单元格填充

3)属性:单元格间距

我们用的其他属性很少，就不说了！

Tr标签

定义html表格中的行。tr元素包含一个或多个th或td元素！

tr标签的属性在实际工作中很少用到，就不解释了！

Th标签

定义表格中的标题单元格

Td标签

定义表格中的普通单元格

常见属性:

Colspan:指定单元格可以跨越的列数，该值是一个数字

Rowspan:指定单元格可以跨越的行数，该值是一个数字

摘要:表中还有其他标签，如标签、引导标签、主体标签等，还有另一个标签

一些属性，

第四，

1.形式

1)标签

属性:

操作:指定提交表单时发送表单数据的位置。

名称:命名表单

其他值如target:_blank最常用，其他几乎不用！

方法:提交方法，发布或获取值

2)& lt；输入>。标签定义了表单的输入界面

通过类型属性显示不同的输入接口，并通过值更改默认值

1.普通文本框:

& ltinput type="text" />

2.密码框:

& ltinput type="password" />

3.文件上传

& ltinput type="file" />

4.隐藏输入

& ltinput type="hidden" />

5.普通按钮

& ltinput type="button" />

6.单项选择

& ltinput type="radio" />

单一选择是通过同名属性实现的

7.复选框

& ltinput type="checkbox"/>

8.提交

& ltinput type="submit" />

9.重置

& ltinput type="reset" />

属性已检查，可用值:已检查

一般用于选择输入界面实现默认选择

属性已禁用，可用值:已禁用

几乎所有的输入接口都可以使用这个属性

属性名

自己命名输入界面

属性只读，可用值只读

将输入界面设为只读

属性大小，值是一个数字

设置输入框长度

属性值

属性值是该输入最终提交给页面的数据，可以通过该属性设置默认值

3)文本区域标签，定义多行输入框

双标签，默认值直接写在标签之间。

属性:列，值为数字

属性:行，值为数字

您也可以使用上述属性:禁用、名称、只读

4)标签标签，增强用户体验

标签的for属性与相关输入的id属性相同

5)选择标签，与选项标签结合实现下拉菜单

可用属性:禁用、名称、多个

6)选项标签

可用属性:禁用、选定、值

7)optgroup标签

将相关选项组合在一起

属性标签:命名选项组

属性已禁用:使用此选项组

v、

1.关于标签书写的探讨

1.1.省略元素标签

1)不允许写入结束标记的元素

area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,区域、基本、br、col、命令、嵌入、hr、img、输入、keygen、链接、meta、paran、source、

赛道，wbr .

这些标签都是单个标签，比如br标签，不可能是这样的

标签。

2)可以省略结束标记的元素有:

li，dt，dd，p，rt，rp，optgroup，option，colgroup，thead，tbody，tfoot，tr，td，th .

3)可以省略所有标记的元素有

html，head，body，colgroup，tbody

1.2.具有布尔值的属性

例如:禁用、只读、选中等

当你只写属性而不写属性值时，这就叫做真

不写属性意味着假

1.3属性值的引号可以省略

要求:属性值不包含字符串空。

注意:养成良好的代码习惯可以节省你很多时间！

2.关于标签嵌套的探讨

1.html规定，我们必须嵌套书面标签

例如，页眉嵌套在页眉标记内，而主要内容嵌套在正文标记内

表单的内容嵌套在表单标记中，dt和dd嵌套在dl标记中，li嵌套在其中

在ul标签内，等等...2.块级元素可以嵌套内嵌元素，但内嵌元素不能包含块元素

& ltdiv>。& ltspan>。我是跨度元素

& ltspan>。& ltdiv>。Div元素

3.内嵌元素可以嵌套内嵌元素

& lta href="#">。& ltspan>。& lt/span>。& lt/a>。-对

4.用块级元素嵌套块级元素的注意事项

1)div块级元素是一个容器，可以存储几乎任何常用的标签，包括我们自己。我们为什么要

用div嵌套标签？这个问题可以用我国省份划分来解释，国家需要划

不同省份有利于管理，我们的html页面也是。整个html文档中的元素太多。

我们需要使用div标签将页面分成不同的块，这样我们就可以分别管理和学习每个块

css之后，我们就知道怎么管理了。

2)块级元素不能放在P标签中

& ltp>。& ltol>。& ltli>。& lt/li>。& lt/ol>。& lt/p>。-错了

& ltp>。& ltdiv>。& lt/div>。& lt/p>。-错了

3)李灿包含div标签，不需要单独列出，但很多人对此有所怀疑。

就在这里稍微解释一下

Li和div标签是用于装载内容的容器，它们具有相同的状态和级别

严格层次_)，我们必须知道li标签甚至可以容纳它的父ul或ol，为什么

有人认为李灿不持有div吗？不要对李这么小气。

为什么有些人觉得李灿没有把div放在里面，可能是因为li是两个字母，看起来没有div的三个字母宽

嗯，虽然李看起来很瘦，但她有一颗善良的心！

六，

1.html其他标签

1)头部

& lthead>。& lt/head>。而它们之间的内容就叫做头。标题元素包含文档的摘要信息，也称为元

信息。

标题元素中的元素不会显示在浏览器中。

在HTML中，只有少数标签在HTML的开头是合法的，包括:

& ltbase>。& lt链接>& ltmeta>。& lttitle>。& ltstyle>。和

1 >向html页面添加描述信息，以便搜索引擎进行搜索

将名称属性与内容属性结合使用！

& ltmeta name = " keywords " content = " keywords "/>；

& ltmeta name = " deion " content = " page description "/>；

name属性可以有其他值，因此我们不再介绍它，因为它很少被使用

2 >介绍css文件

后面就进入css的学习了。css代码可以单独写在一个文件中，然后通过html标签

引入页面

& ltLink rel= "样式表" herf= "文件位置" type="text/css" />。

3 >添加对用于html文档的语言类型的描述

很多国际网站都会用到！

& lthtml lang="zh-CN " >

& lt/html>。

告诉浏览器等设备，语言使用是基于中文进行显示和阅读的！

在英语中使用en

4 >用html标签实现网页跳转

& ltmeta http-equiv = " refresh " content = "等待秒；URL=跳转URL地址"/>；

5 >告诉浏览器不要加载页面的缓存

& ltmeta http-equiv = " pragma " content = " no-cache "/>

2)iframe标签，框架

创建包含另一个文档的内嵌框架

属性:

框架边框

值:1，0

函数:指定是否在框架周围显示边框。

宽度

值:以像素为单位的宽度值，以包含元素的百分比为单位的宽度值

函数:定义框架的宽度

高度

定义高度

姓名

给iframe起一个名字

卷动

值:是、否、自动

角色:指定是否在iframe中显示滚动条

科学研究委员会

指定在iframe中显示的文档的网址

它可以是本地html文件，也可以是远程html文件

3)以后不熟悉html标签的学习方法