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/
发表评论 取消回复