你对HTML最最最常用的标签印象深刻吗?(总结HTML中最常用的标签)


超常用标签总结,收藏一手!



基础

标签示例描述
<!DOCTYPE><!DOCTYPE>用于定义文档类型,必须写在第一行!
<html>告知浏览器其自身是一个 HTML 文档,可在其中声明所用语言。如:zh代表中文,en代表英文
<title>定义文档的标题
<body>定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
<h1>~<h6>~定义标题,从1到6逐个变小
<p>会自动在其前后创建一些空白
<br>换行,它没有结束标签
<!-- -->用于在源代码中插入注释,注释不会显示在浏览器中

格式

博主在描述中直接使用了所属格式,可直观感受

标签示例描述
<abbr>u1s1,定义缩写,页面上仅显示缩写后的内容,鼠标移至其上方可显示原内容。
<b>定义粗体文本
<i>定义斜体文本
<ins>定义已经被插入文档中的文本
<del>定义文档中已被删除的文本,与 <ins> 标签配合使用,来描述文档中的更新和修正
<em>定义强调内容
<strong>定义强调内容,比<em>更突出强调
<pre>定义预格式化的文本,文本通常会保留空格和换行符,呈现为等宽字体
<code>定义计算机代码文本System.out.println(“点赞+评论+关注”);
<var>表示变量的名称,或者由用户提供的值,常与 <code> 和 <pre> 一起使用,如:a
<sup>上标文本
<sub>下标文本

表单

标签示例描述
<form>为用户输入创建 HTML 表单
<input>用于搜集用户信息。不同的 type 属性值,输入字段拥有很多种形式
<textarea>定义多行的文本输入控件
<button>定义一个按钮
<select>创建单选或多选菜单,即下拉列表
<label>为 input 元素定义标注(标记)

图像

标签示例描述
<img>嵌入一张图片
<canvas>定义图形,但其只是图形容器,必须使用脚本来绘制图形

音频/视频

标签示例描述
<audio>定义声音,文本内容为不支持该标签的信息
<source>为媒介元素定义媒介资源,文本内容为不支持所有标签的信息
<track>定义视频的字幕
<video>定义一个视频

链接

标签示例描述
<a>定义超链接
<link>定义文档与外部资源的关系

列表

标签示例描述
<ul>定义无序列表
<ol>定义有序列表
<li>定义列表项目

表格

标签示例描述
<table>定义表格
<caption>在这里插入图片描述定义表格标题
<th>在这里插入图片描述定义表头单元格
<tr>在这里插入图片描述定义行
<td>在这里插入图片描述定义单元格

样式/节

标签示例描述
<style>在这里插入图片描述定义样式信息
<div>在这里插入图片描述定义文档中的分区或节,就是一个框框
<span>在这里插入图片描述用于组合文档中的行内元素
<header>在这里插入图片描述定义页眉
<footer>在这里插入图片描述定义页脚

元信息

标签示例描述
<head>在这里插入图片描述定义关于文档的信息
<meta>在这里插入图片描述提供有关页面的元信息,如编码

编程

标签示例描述
<script>在这里插入图片描述定义客户端脚本,比如 JavaScript
<object>在这里插入图片描述定义一个嵌入的对象
<param>在这里插入图片描述定义对象的参数

上述是博主个人认为较为常用的标签,如有修改意见可在评论区回复,谢谢,嘻嘻

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值