HTML标签汇总（基础和格式部分）

最新推荐文章于 2024-11-14 15:33:48 发布
最新推荐文章于 2024-11-14 15:33:48 发布
阅读量3.4k 收藏 27
点赞数 13
文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41696334/article/details/104138837
版权

HTML标签汇总（基础和格式部分）

<html>
	<head>
		<title>文档的标题</title>
	</head>
	<body>
		文档的内容……
		<!-- 注释 -->
	</body>
</html>
内容说明

<h1>这是标题1</h1>

最大的标题

<h2>这是标题1</h2>

<h3>这是标题1</h3>

<h4>这是标题1</h4>
<h5>这是标题1</h5>
<h6>这是标题1</h6>
最小的标题
  • 不要在同一行适用不同的标签
<p>段落标签</p>
  • 段落标签忽略源代码中的排版，多个空格，换行，回车当一个空格计算
<br>

  • 换行符。换行符没有结束标签

  • clear属性：left、right、all
    通常情况下，文本流中的其他行会在内联图像的底部显示，除非图形的标签设置为左对齐或右对齐（对于<table>标签也一样）。因此，<br>标签的clear属性只对这些左对齐或右对齐的图像或表格起作用。

  • <br>功能是输入空行，而不是分割段落

<hr>
  • 水平分割线。水平分割线没有结束标签。
内容说明
<acronym>IE5.5或更早版本不支持。HTML5不支持
<abbr>IE6或更早版本不支持。HTML5支持
  • 标记缩写
  • 建议使用title属性，在鼠标移动到缩略词上时显示完整版本
<address>定义文档的作者/拥有者</address>
内容说明
如果<address>元素位于<body>元素内则它表示文档联系信息
如果<address>元素位于<article>元素内则它代表文章的联系信息
  • <address>元素中的文本通常呈现为斜体，大多数浏览器会在address元素前后加折行
标签内容
<tt>等宽文本（打字机文本）
<i> 斜体
<b> 粗体
<big> 大号字体
small 小号字体
strong 强调（粗体）
em 强调（斜体）
sub 下标文本
sup 上标文本
mark 定义带有记号的文本（默认黄色底纹）
* dfn 定义一个定义项目
* code 定义计算机代码文本
*samp 定计算机代码样本文本
* kbd 定义键盘文本
* var 定义变量
* cite 定义引用
  • "*"部分常用于显示计算机/编程代码
<bdi>bidi隔离</bdi>
  • 允许设置一段文本，使其脱离其父元素的文本方向设置（发表用户评论或其他无法完全控制的内容时，该标签泳池很大）。
属性值
dirltr、rtl、auto
<bdo>文本方向</bdo>
  • bdo元素可覆盖默认的文本方向
属性值
dirltr、rtl
标签说明显示
<blockquote>
定义长引用
显示为缩进块
<q>定义短引用以分界引号呈现
标签说明
<del>定义删除文本
<ins>定义插入文本（下划线文本）
  • 两者配合使用，来描述文档的更新和修正
属性值
citeURL
datetimeYYYYMMDD
<meter value="3" min="0" max="10">3/10</meter>
<meter value="0.6">60%</meter>

显示效果

  • IE不支持meter标签
  • meter不应该应用与显示进度。如果标记进度，应使用<progress>标签
属性值描述
formform_id规定元素所属的一个或多个表单
highnumber规定被视作高的值的范围
lownumber规定被视作低的值的范围
maxnumber规定范围的最大值
minnumber规定范围的最小值
optimumnumber规定范围的最佳值
valuenumber必须。规定度量的当前值
<progress>
  • 任务进度信息
  • 与JavaScript配合使用
  • <progress>标签不适合来显示度量
<pre>
  • 预格式化文本
  • pre元素中允许的文本包括物理样式和基于内容的样式变化，还有链接，图像和水平分割线。
  • <pre>标签中的特殊符号被转换为符号实体
    注释：实体名称对大小写敏感。
显示结果描述实体名称实体编号
空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
’撇号&apos; (IE不支持)&#39;
￠分（cent）&cent;&#162;
£镑（pound）&pound;&#163;
¥元（yen）&yen;&#165;
€欧元（euro）&euro;&#8364;
§小节&sect;&#167;
©版权（copyright）&copy;&#169;
®注册商标&reg;&#174;
™商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;
<time>
  • 定义时间和日期
  • 在浏览器上不会有任何特使显示效果
  • 该元素的功能是以机器可读的方式对日期和时间进行编码，使搜索和时间引用更加便利
属性值描述
datetimedatetime规定日期/时间，否则，由元素的内容给定日期/时间
pubdatepubdate指示<time>元素的日期/时间是文档（或<article>元素）
<wbr>
  • 换行符。
  • 使用在单词过长时防止浏览器在错误的位置换行。
HZS_Song
关注
HTML5所有标签汇总及标签意义解释
12-14
HTML5是现代网页开发的核心，它引入了许多新的标签和元素，旨在提高网页的语义性和可访问性。本文将详细解析HTML5中的各种标签及其意义。 1. 结构标签： ...理解和熟练使用这些标签是现代前端开发的基础。
html标签和属性总结
07-06
HTML标签可以分为两大类：结构标签和格式标签。 结构标签用于定义文档的结构，如标题、段落、列表、表单等。常见的结构标签包括： * `<h1>`~`<h6>`：标题标签 * `<p>`：段落标签 * `<ol>`、`<ul>`、`<dl>`：列表...
HTML文档的基本格式/标签/学习笔记
No1banana的博客
01-20 1万+
一、HTML文档的基本格式 < doctype > 声明html文档的类型，位于文档的最开头，向浏览器说明文档的规范 < html >根标签。用于告知浏览器自身是一个html的文档 < head >头部标签。用于定义HTML文档的头部信息，head标签中可以嵌套</meta>< body >主体标签，用于定义网页的主要显示的内容，文本图片音频视频等。 注意：一个HTML文档当中只能有一对head标签、一对body标签、一对html标签。其中bod
HTML文档基本格式详细介绍
TSY_1222的博客
09-04 1万+
HTML基本格式主要包括：<!DOCTYPE>文档类型声明、<html>跟标记、<head>头部标记、<body>主体标记 <!DOCTYPE html> <html lang="en"> <head> <title>Title</title> </head> &lt...
HTML基础标签汇总
m0_61794291的博客
03-13 1882
文章目录一、HTML 文档结构1.基本结构标签2.文档类型声明标签3.lang语言种类4.字符集二、标签1.标题标签2.段落标签3.换行标签4.文本格式化标签5.盒子标签6.图像标签7.超链接标签8.特殊字符9.表格标签10.列表标签11.表单标签 一、HTML 文档结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-
HTML基本格式
kda_123的博客
03-15 3829
一个HTML文档由4个基本部分组成1.一个文档声明：<!DOCTYPE HTML> 2. 一个HTML标签对：<html></html> 3. 一个head标签对：<head></head> 4. 一个body标签对：<body></body>W3C组织的XHTML标准 <html xmlns="http://www.w3.org/1999/xhtml">记事本编写网页的标准格式<!DOCT
HTML标签书写格式大全
H_zhiyi的博客
09-28 3634
一、常用浏览器与浏览器内核 1.常用浏览器 chromo(推荐谷歌) Firefox(火狐) IE浏览器 Opera浏览器 safari浏览器 2.浏览器内核 浏览器内核的主要组成部分： 渲染引擎（layout或engine）和JS引擎 渲染引擎：负责获取网页的内容（HTML.XML.图像等）、整理信息（加入CSS等），已经计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对网页的语法解释会有所不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序
HTML5进阶段内联标签汇总（小篇）
09-27
HTML5中内联标签是构建网页的基础元素，它们用于在页面上展示文本、图片、表单控件等，并且具有特殊的布局和显示特性。在HTML5标准中，内联标签与块级标签不同，它们不会单独占据整行，而是根据内容的宽窄排列在一行...
HTML块级标签汇总（小篇）
09-27
HTML块级标签是网页结构构建中的重要组成部分，它们在页面布局和内容组织中起到关键作用。块级元素因其特性——独占一行，使得它们成为创建网页布局的基础。下面将详细介绍几种常见的HTML块级标签。 首先，`<div>` ...
HTML5标签速查手册：基础与格式详解
这部分标签主要用于文本的样式和格式化： - `<acronym>`：表示一个缩写的首字母含义。 - `<abbr>`：定义术语的简写形式。 - `<address>`：提供关于文档作者或联系方式的信息。 - `<b>` 和 `<i>`：分别定义粗体和斜体...
HTML基本格式及常用标签
u013321328的专栏
02-07 3166
一、HTML基本格式： [html] view plaincopy html>             head>                    title>标题title>             head>             body>                   >
对HTML的格式和标签介绍
LC的博客
01-18 967
对前端的基本理解： 1.结构（HTML） 用于描述页面结构 2.表现（CSS) 用于控制页面中元素的样式 在前端中起美化页面的作用 3.行为（JavaScript） 用于响应用户的操作 在前端中起网页布局修改的作用 HTML的基本格式 Hyper Text Markup Language(超文本标记语言)（包括文字，图片，音视频，动画等） html的两种打开方式: 直接在浏览器上打开 通过pycharm打开 html的标签分类： 单标签 --> 双标签 --> html的标签
HTML基本语法格式（元素、标签）
热门推荐
qq_44598397的博客
03-06 2万+
HTML的语法格式 阅读提醒：由于博客显示问体所以元素的&lt;&gt;开始和&lt;/&gt;被省略了 HTML的主体格式 第一部分：和是网页文件的最外层标签，HTML中所有的内容都要在这里面； 第二部分：和标签之间文本是头信息，放在元素的最上面使用，头部分信息不会显示在浏览器窗口中，主要包括页面的一些基本描述语句，用于说明文件的标题和文件的公共属性。 第三部分：标签是HTML文件的主体标记，标...
html基本格式
simulatorwf的博客
04-03 3109
一：前端语言简介 通常来讲，前端语言主要包括HTML，CSS，JS三种，基本上能够覆盖现有网站开发的需求。其中HTML也叫超文本标记语言，用于设置整个网页的基本结构。CSS用于设置网页的一些格式，例如字体大小，颜色等。JS用于实现网站的动态功能，如用户互动等。 二：网页基本框架 <!-- 上述代码表示该网页是使用html5编写 --> <html> <!-- html根标签 通常用于配合浏览器的搜索引擎使用--> <head>
html基本格式和标签
wb0111的博客
03-18 1153
​ 一.文档的基本格式 二.文本格式化标签 <都是通过标签来美化文本外观> 行级标签：不会独占一行，且不识别宽高 块级标签：在浏览器中会独占一行。 1.加粗 加粗 加粗且强调 ( b 和 strong : 都有加粗作用,且都是行级标签（不会自动换行），但strong还有强调作用。注:强调主要用于SEO时，便于提前对应关键字） 2.倾斜 文字 文字倾斜且强调 ( i 和 em ：都有强调作用，且都是行级标签（不会自动换行），em有强调作用。如果只是简单的倾斜效果，用 i 标签就可以） 3.预格式文
前端（1）——快速入门HTML
最新发布
m0_63086198的博客
11-14 545
参考： W3school 1. HTML 我使用的是vs code，在使用之前，先安装以下几个插件： Auto Rename Tage HTML CSS Support Live Server 1.1 HTML标签 HTML全称是Hypertext Markup Language(超文本标记语言) HTML通过一系列的标签(也称为元素)来定义文本、图像、链接等等。HTML,标签是由尖括号包围的关键 字。 标签通常成对出现，包括开始标签和结束标签(也称为双标签)，内容位于这两个标签之间，例如
JavaWeb——HTML、CSS
l_tian_tian_的博客
11-14 533
HTML是超文本标记语言（HyperTextMarkupLanguage）的缩写。它用于创建和设计网页的结构和内容。通过HTML，开发者可以在网页中嵌入文本、图像、链接、表格等元素。HTML是一种标记语言，使用标签（tags）来定义不同类型的元素。CSS 是一种描述 HTML 文档样式的语言。CSS 描述应该如何显示 HTML 元素。
探索 HTML 和 CSS 实现的 3D 开关按钮
weixin_52814911的博客
11-11 501
这段代码是一个HTML和CSS的组合，用于创建一个3D风格的开关按钮（通常用于控制某些设置的开启或关闭）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值