html标签及属性值

HTML标签及属性值详解

HTML(Hyper Text Markup Language)是一种用来描述网页的语言,而HTML标签就是HTML文档中的基本组成单位。HTML标签可以告诉浏览器如何显示内容,如何组织网页结构。本文将详细介绍HTML标签的分类和常见属性值以及HTML属性标签的对照表。

一、HTML标签的分类

HTML标签可以分为以下几类:

1. 块级标签:用于定义网页中的大段内容,如段落(p)、标题(h1~h6)、列表(ul、ol、li)、表格(table、tr、td)、分隔线(hr)等。

2. 行内标签:用于定义网页中的小段内容,如文本(span)、超链接(a)、强调(em、strong)、图片(img)、输入控件(input)等。

3. 空标签:指没有内容的标签,如换行标签(br)、水平线标签(hr)、图片标签(img)、输入控件标签(input)等。它们可以用在文本内容和其他标签之间,为文本和其他标签之间插入空白行。

二、HTML标签常见属性值

下面是HTML标签的常见属性值及其作用:

1. id属性:用于给HTML元素指定唯一的标识符。

2. class属性:用于给HTML元素指定一个或多个类名,以便样式表中的CSS样式可以应用到这些元素。class属性也可以用于JavaScript中获取或操作特定的HTML元素。

3. href属性:用于指定超链接的目标地址或资源的URL。

4. src属性:用于指定要显示或嵌入的资源的URL,如图片、音频或视频文件等。

5. title属性:用于提供HTML元素的额外信息,当鼠标悬停在元素上时会显示出来。

6. alt属性:用于在无法加载或显示图像时提供替代文本。

7. value属性:用于指定表单元素的值,如文本框中的默认值或复选框、单选按钮的选中状态等。

8. disabled属性:用于禁用表单元素或链接,使其不能被用户点击或输入。

9. readonly属性:用于将表单元素设置为只读状态,使其不能被用户编辑或修改。

10. style属性:用于为HTML元素指定CSS样式。

三、HTML属性标签对照表

下面是HTML属性标签对照表,包括了常用HTML标签及其属性:

| 标签 | 属性 |

| :-------- | :--------------------------------------------------------------------------------------------------------------------------- |

| a | href、target、title、download、rel |

| img | src、alt、title、width、height、border、loading、decoding |

| div | class、id、style |

| span | class、id、style |

| p | class、id、style |

| h1~h6 | class、id、style |

| table | class、id、style、width、border、cellspacing、cellpadding、summary、caption、thead、tbody、tfoot、tr、th、td |

| form | class、id、style、action、method、target、enctype |

| input | type、name、value、checked、readonly、disabled、maxlength、size、autocomplete、autofocus、min、max、pattern、required、step |

| button | class、id、style、type、disabled、autofocus |

| select | class、id、style、name、size、disabled、multiple、autofocus |

| textarea | class、id、style、name、rows、cols、disabled、readonly、autofocus |

| label | class、id、style、for、form |

| hr | class、id、style |

| br | class、id、style |

| strong | class、id、style |

| em | class、id、style |

| ul | class、id、style |

| ol | class、id、style |

| li | class、id、style |

| iframe | class、id、style、src、height、width、frameborder、scrolling |

| meta | charset、name、content、http-equiv |

| script | type、src、async、defer |

| link | href、rel、type、media |

| style | type、media |

以上是HTML属性标签对照表,希望能帮助大家更好地了解HTML标签和属性。当然,HTML标签及属性远远不止这些,还有很多其他的标签和属性可以用来构建网页。 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.37seo.cn/

点赞(111) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部