40个常见的html标签及含义(html所有标签及应用含义)

本文目录
html所有标签及应用含义
《! - - ... - -》 批注
《a href target》 指定超级链接的分割窗口
《a href=/webjx/#锚的名称》 指定锚名称的超级链接
《a href》 指定超级链接
《a name=锚的名称》 被连结点的名称
《address》....《/address》 用来显示电子邮箱地址
《b》 粗体字
《base target》 指定超级链接的分割窗口
《basefont size》 更改预设字形大小
《bgsound src》 加入背景音乐
《big》 显示大字体
《blink》 闪烁的文字
《body text link vlink》 设定文字颜色
《body》 显示本文
《br》 换行
《caption align》 设定表格标题位置
《caption》...《/caption》 为表格加上标题
《center》 向中对齐
《cite》...《cite》 用于引经据典的文字
《code》...《/code》 用于列出一段程序代码
《comment》...《/comment》 加上批注
《dd》 设定定义列表的项目解说
《dfn》...《/dfn》 显示"定义"文字
《dir》...《/dir》 列表文字卷标
《dl》...《/dl》 设定定义列表的卷标
《dt》 设定定义列表的项目
《em》 强调之用
《font face》 任意指定所用的字形
《font size》 设定字体大小
《form action》 设定户动式窗体的处理方式
《form method》 设定户动式窗体之资料传送方式
《frame marginheight》 设定窗口的上下边界
《frame marginwidth》 设定窗口的左右边界
《frame name》 为分割窗口命名
《frame noresize》 锁住分割窗口的大小
《frame scrolling》 设定分割窗口的滚动条
《frame src》 将html文件加入窗口
《frameset cols》 将窗口分割成左右的子窗口
《frameset rows》 将窗口分割成上下的子窗口
《frameset》...《/frameset》 划分分割窗口
《h1》~《h6》 设定文字大小
《head》 标示文件信息
《hr》 加上分网格线
《html》 文件的开始与结束
《i》 斜体字
《img align》 调整图形影像的位置
《img alt》 为你的图形影像加注
《img dynsrc loop》 加入影片
《img height width》 插入图片并预设图形大小
《img hspace》 插入图片并预设图形的左右边界
《img lowsrc》 预载图片功能
《img src border》 设定图片边界
《img src》 插入图片
《img vspace》 插入图片并预设图形的上下边界
《input type name value》 在窗体中加入输入字段
《isindex》 定义查询用窗体
《kbd》...《/kbd》 表示使用者输入文字
《li type》...《/li》 列表的项目 ( 可指定符号 )
《marquee》 跑马灯效果
《menu》...《/menu》 条列文字卷标
《meta name="refresh" content url》 自动更新文件内容
《multiple》 可同时选择多项的列表栏
《noframe》 定义不出现分割窗口的文字
《ol》...《/ol》 有序号的列表
《option》 定义窗体中列表栏的项目
《p align》 设定对齐方向
《p》 分段
《person》...《/person》 显示人名
《pre》 使用原有排列
《samp》...《/samp》 用于引用字
《select》...《/select》 在窗体中定义列表栏
《small》 显示小字体
《strike》 文字加横线
《strong》 用于加强语气
《sub》 下标字
《sup》 上标字
《table border=n》 调整表格的宽线高度
《table cellpadding》 调整数据域位之边界
《table cellspacing》 调整表格线的宽度
《table height》 调整表格的高度
《table width》 调整表格的宽度
《table》...《/table》 产生表格的卷标
《td align》 调整表格字段之左右对齐
《td bgcolor》 设定表格字段之背景颜色
《td colspan rowspan》 表格字段的合并
《td nowrap》 设定表格字段不换行
《td valign》 调整表格字段之上下对齐
《td width》 调整表格字段宽度
《td》...《/td》 定义表格的数据域位
《textarea name rows cols》 窗体中加入多少列的文字输入栏
《textarea wrap》 决定文字输入栏是自动否换行
《th》...《/th》 定义表格的标头字段
《title》 文件标题
《tr》...《/tr》 定义表格美一行
《tt》 打字机字体
《u》 文字加底线
《ul type》...《/ul》 无序号的列表 ( 可指定符号 )
《var》...《/var》 用于显示变量
Html的常用标签,列举至少5个,并注明作用
《html》 定义 HTML 文档。
《body》 定义文档的主体。
《h1》 to 《h6》 定义 HTML 标题
《hr》 定义水平线。
《!--》 定义注释。
html语义化标签有哪些
一、什么是HTML语义化标签
语义化的标签,旨在让标签有自己的含义。
《p》一行文字《/p》《span》一行文字《/span》
如上代码,p标签与span标签都区别之一就是,p标签的含义是:段落。而span标签责没有独特的含义。
二、语义化标签的优势代码结构清晰,方便阅读,有利于团队合作开发。
方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。
有利于搜索引擎优化(SEO)。
三、常见的语义化标签因此我们在写页面结构时,应尽量使用有语义的HTML标签
《title》:页面主体内容。
《hn》:h1~h6,分级标题,《h1》与《title》协调有利于搜索引擎优化。
《ul》:无序列表。
《li》:有序列表。
《header》:页眉通常包括网站标志、主导航、全站链接以及搜索框。
《nav》:标记导航,仅对文档中重要的链接群使用。
《main》:页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能。
《article》:定义外部的内容,其中的内容独立于文档的其余部分。
《section》:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
《aside》:定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。
《footer》:页脚,只有当父级是body时,才是整个页面的页脚。
《small》:呈现小号字体效果,指定细则,输入免责声明、注解、署名、版权。
《strong》:和em标签一样,用于强调文本,但它强调的程度更强一些。
《em》:将其中的文本表示为强调的内容,表现为斜体。
《mark》:使用黄色突出显示部分文本。
《figure》:规定独立的流内容(图像、图表、照片、代码等等)(默认有40px左右margin)。
《figcaption》:定义figure元素的标题,应该被置于figure元素的第一个或最后一个子元素的位置。
《cite》:表示所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
《blockquoto》:定义块引用,块引用拥有它们自己的空间。
《q》:短的引述(跨浏览器问题,尽量避免使用)。
《time》:datetime属性遵循特定格式,如果忽略此属性,文本内容必须是合法的日期或者时间格式。
《abbr》:简称或缩写。
《dfn》:定义术语元素,与定义必须紧挨着,可以在描述列表dl元素中使用。
《address》:作者、相关人士或组织的联系信息(电子邮件地址、指向联系信息页的链接)。
《del》:移除的内容。
《ins》:添加的内容。
《code》:标记代码。
《meter》:定义已知范围或分数值内的标量测量。(InternetExplorer不支持meter标签)
《progress》:定义运行中的进度(进程)。
html常用标签有哪些
《html》《/html》 创建一个HTML文档
《head》《/head》 设置文档标题和其它在网页中不显示的信息
《title》《/title》 设置文档的标题
《body》 《/body》标记页面正文网页中要显示出来的东东,都应放在这对标签之间
《h1》《/h1》 最大的标题
《pre》《/pre》 预先格式化文本
《u》《/u》 下划线
《b》《/b》 黑体字
《i》《/i》 斜体字
《tt》《/tt》 打字机风格的字体
《cite》《/cite》 引用,通常是斜体
《em》《/em》 强调文本(通常是斜体加黑体)
《strong》《/strong》 加重文本(通常是斜体加黑体)
《font size="" color=""》《/font》 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
《BASEFONT》《/BASEFONT》 基准字体标记
《big》《/big》 字体加大
《SMALL》《/SMALL》 字体缩小
《STRIKE》《/STRIKE》 加删除线
《CODE》《/CODE》 程式码
《KBD》《/KBD》 键盘字
《SAMP》《/SAMP》 范例
《VAR》《/VAR》 变量
《BLOCKQUOTE》《/BLOCKQUOTE》 向右缩排
《DFN》《/DFN》 述语定义
《ADDRESS》《/ADDRESS》 地址标记
《sup》《/SUP》 上标字
《SUB》《/SUB》 下标字
《xmp》...《/xmp》;固定宽度字体(在文件中空白、换行、定位功能有效)
《plaintext》...《/plaintext》;固定宽度字体(不执行)
《listing》...《/listing》 固定宽度小字体
《font color=00ff00》...《/font》;字体颜色
《font size=1》...《/font》;最小字体
《font style =’:100 px’》...《/font》;无限增大格式标志标签
《p》《/p》 创建一个段落
《p align=""》 将段落按左、中、右对齐
《br》换行 插入换行符
《blockquote》《/blockquote》 从两边缩进文本
《dl》《/dl》 定义列表
《dt》 放在每个定义术语词前《dd》 放在每个定义之前
《ol》《/ol》 创建一个标有数字的列表
《ul》《/ul》 创建一个标有圆点的列表《li》 放在每个列表项之前,
《div align=""》《/div》 用来排版大块
HTML段落,也用于格式化表
《MENU》 选项清单
《DIR》 目录清单
《nobr》《/nobr》 强行不换行
《hr size=’9’ width=’80%’ color=’ff0000’》水平线(设定宽度)
《center》《/center》 水平居中链接标志表格标志
《a href="URL"》《/a》 创建超文本链接
《a href="mailtEMAIL"》 ……《 /a》 创建自动发送电子邮件的链接
《a name="name"》《/a》 创建位于文档内部的书签
《a href="#name"》《/a》 创建指向位于文档内部书签的链接
《BASE》 文档中不能被该站点辨识的其它所有链接源的URL《 LINK》

更多文章:
新站如何选择代SEO优化服务商:代SEO优化新站如何快速提升排名
2026年6月16日 16:15
武汉设计公司机构(武汉哪家装修公司比较好2018武汉装修公司排名前十强)
2026年5月4日 19:01
it培训机构靠谱吗(大学生想转行IT行业参加培训机构靠谱吗)
2026年5月3日 20:26


















