• 域名认证
  • 作品:2
  • 记录:2|
  • 随笔:2|
  • 资源:1|
  • 总访问量:942|

m 虔诚淘安安

导航菜单
欢迎来到墨鱼博客!
【必备】常用HTML标签及其用途 - 网页元素大全

【必备】常用HTML标签及其用途 - 网页元素大全

作者/ 墨鱼

 【必备】常用HTML标签及其用途 - 网页元素大全

HTML标签是用于定义网页内容的基本元素。不同的标签可以用于不同的目的,例如定义标题、段落、超链接等。下面是一些常用的HTML标签及其用途:

 

<title> 标题标签,用于定义网页标题。

<meta> 元数据标签,用于定义网页的描述、关键词等信息。

<h1> - <h6> 标题标签,用于定义文本的标题级别。

<p> 段落标签,用于定义文本段落。

<a> 锚点标签,用于定义超链接。

<img> 图像标签,用于定义网页中的图片。

<strong> 加粗标签,用于强调文本内容。

<em> 斜体标签,用于强调文本内容。

<ul> 无序列表标签,用于定义无序列表。

<ol> 有序列表标签,用于定义有序列表。

<li> 列表项标签,用于定义列表项。

<table> 表格标签,用于定义网页中的表格。

<tr> 行标签,用于定义表格中的行。

<td> 单元格标签,用于定义表格中的单元格。

<head> 头部标签,用于定义网页头部信息。

<body> 正文标签,用于定义网页正文内容。

<div> 分区标签,用于分隔网页内容。

<span> 行内元素标签,用于定义文本行内样式。

<form> 表单标签,用于定义用户输入表单。

<input> 输入框标签,用于定义表单中的输入字段。

<textarea> 文本框标签,用于定义表单中的多行文本输入字段。

<button> 按钮标签,用于定义表单中的按钮。

<label> 标签标签,用于定义表单元素的标签。

<select> 下拉列表标签,用于定义表单中的下拉列表。

<option> 选项标签,用于定义下拉列表中的选项。

<br> 换行符标签,用于在文本中插入换行符。

<hr> 水平线标签,用于在文本中插入水平线。

<style> 样式标签,用于定义网页的样式。

<script> 脚本标签,用于定义网页中的JavaScript脚本。

<noscript> 非脚本标签,用于定义在浏览器不支持JavaScript时显示的内容。

<iframe> 嵌入框架标签,用于在页面中嵌入其他网页或文档。

<audio> 音频标签,用于定义网页中的音频文件。

<video> 视频标签,用于定义网页中的视频文件。

<source> 媒体资源标签,用于定义音频或视频文件的来源。

<embed> 嵌入式内容标签,用于在页面中嵌入Flash、Java、PDF等格式的文件。

<object> 对象标签,用于在页面中嵌入Java applets等对象。

<abbr> 缩写标签,用于定义缩写。

<acronym> 首字母缩略词标签,用于定义首字母缩略词。

<cite> 引用标签,用于定义引用内容。

<code> 代码标签,用于定义源代码。

<pre> 预格式化标签,用于定义预先格式化的文本。

<dfn> 定义标签,用于定义术语或概念。

<del> 删除线标签,用于显示被删除的文本内容。

<ins> 插入线标签,用于显示插入的新内容。

<kbd> 键盘标签,用于定义键盘输入。

<samp> 样例标签,用于定义程序样例输出等。

<sub> 下标标签,用于定义下标文本。

<sup> 上标标签,用于定义上标文本。

<small> 小号字体标签,用于定义小号字体文本。

<big> 大号字体标签,用于定义大号字体文本。

<strike> 中划线标签,用于显示中间有一条线的文本内容。

<u> 下划线标签,用于显示带有下划线的文本内容。

<address> 地址标签,用于定义文档或文章的联系信息。

<article> 文章标签,用于定义独立的文章内容。

<aside> 边栏标签,用于定义与主要内容相关的侧边栏内容。

<footer> 底部标签,用于定义网页底部内容。

<header> 头部标签,用于定义网页头部内容。

<nav> 导航标签,用于定义网页导航菜单。

<section> 区块标签,用于定义网页中的区块内容。

<time> 时间标签,用于定义日期和时间信息。

<figure> 图像组标签,用于定义一组相关的图像和说明。

<figcaption> 图像组说明标签,用于定义图像组的说明信息。

<mark> 标记标签,用于定义需要突出显示的文本内容。

<progress> 进度条标签,用于定义表示任务进度的进度条。

<meter> 测量标签,用于定义度量某个值的仪表盘。

<details> 细节标签,用于定义页面中的细节内容。

<summary> 摘要标签,用于定义 details 元素的摘要或标题。

<dialog> 对话框标签,用于定义一个对话框窗口。

<main> 主要内容标签,用于定义网页的主要内容区域。

<template> 模板标签,用于定义模板内容以供复制使用。

<wbr> 单词断字标签,用于指定单词分隔时可以插入换行符。

<bdi> 与文本方向无关的文本标签,用于处理混合文本和多种语言环境的情况。

<ruby> 注音标签,用于定义带注音字符的文本。

<rp> 注音括号标签,用于当注音文字不被支持时显示替代内容。

<rt> 注音文字标签,用于定义注音文字。

<datalist> 数据列表标签,用于定义一个选项列表供用户选择。

<output> 输出标签,用于定义计算结果等输出内容。

<canvas> 画布标签,用于在网页上绘制图形和动画。

<svg> 可缩放矢量图标签,用于创建矢量图形。

<path> 路径标签,用于在 SVG 中定义路径。

<circle> 圆形标签,用于在 SVG 中定义圆形。

<rect> 矩形标签,用于在 SVG 中定义矩形。

<line> 直线标签,用于在 SVG 中定义直线。

<polyline> 折线标签,用于在 SVG 中定义折线。

<polygon> 多边形标签,用于在 SVG 中定义多边形。

<map> 图像热点标签,用于定义图像上的热区。

<area> 热区标签,用于定义图像热区的具体形状和位置。

<param> 参数标签,用于指定插入对象时的参数设置。

<embed> 嵌入式标签,用于在网页中嵌入多媒体文件或其他插件。

<object> 对象标签,用于在网页中插入对象。

<applet> Java小程序标签,用于在网页中插入Java小程序。

<iframe> 内嵌框架标签,用于在网页中嵌入其他网页或文档。

<frameset> 框架集标签,用于定义一个包含多个框架的窗口布局。

<frame> 框架标签,用于定义窗口布局中的单个框架。

<noframes> 非框架标签,用于在浏览器不支持框架时显示替代内容。

以上是一些常见的HTML标签及其用途。当编写网页时,需要根据实际需要选择相应的标签,来达到所需的展示效果。除了上述标签之外,还有许多其他的HTML标签,可以根据需要进行查阅和使用。

 

 

 

 

 

 

 

关于安保仁

39岁,,职业网络经理人、前端设计师。爱读书爱设计爱思考...[更多]

E-mail:1030362387@qq.com
QQ:1030362387
用手机阅读《【必备】常用HTML标签及其用途 - 网页元素大全》

扫描用手机阅读此文
支持Android/iPhone

退出阅读 | 首页