前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >HTML 标题

HTML 标题

原创
作者头像
用户6884826
修改于 2021-07-07 10:04:30
修改于 2021-07-07 10:04:30
1.8K00
代码可运行
举报
运行总次数:0
代码可运行

在 HTML 文档中,标题很重要。


HTML 标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的。

<h1> 定义最大的标题。 <h6> 定义最小的标题。

实例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>

标题很重要

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。


HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。

实例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:

实例

<!-- 这是一个注释 -->

注释: 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。


HTML 提示 - 如何查看源代码

你是否看过一些网页然后惊叹它是如何实现的。

如果您想找到其中的奥秘,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。


本站实例

标题 如何在 HTML 文档中显示标题。

隐藏注释 如何在 HTML 源代码中插入注释。

水平线 如何插入水平线。


HTML 标签参考手册

菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。

您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。

标签

描述

<html>

定义 HTML 文档

<body>

定义文档的主体

<h1> - <h6>

定义 HTML 标题

<hr>

定义水平线

<!--...-->

定义注释

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【教程】html+css零基础入门教程(一)
HTML即超文本标记语言 (Hyper Text Markup Language), 是用来描述网页的一种语言。 超文本标记语言的结构包括"头"部分(外语:Head)、和"主体"部分(外语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容。 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页
用户7705674
2021/09/19
9550
【Web前端】“头”和“段”里有什么?
作为前端开发人员,理解HTML的基本结构及语义是至关重要的。我们将继续深入探讨HTML中的标题(​​<h1>​​到​​<h6>​​标签)和段落(​​<p>​​标签)。
一条晒干的咸鱼
2024/11/19
790
【Web前端】“头”和“段”里有什么?
【Java 进阶篇】HTML文本标签详解
HTML(Hypertext Markup Language)是构建Web页面的基础。在HTML中,文本标签用于定义和呈现文本内容。本文将详细介绍HTML中的一些常用文本标签,包括段落、标题、文本样式等,适用于初学者,让您了解如何创建和格式化文本内容。
繁依Fanyi
2023/10/12
2710
【Java 进阶篇】HTML文本标签详解
HTML之元素、属性、标题、段落【笔记小结】
1 元素1.1 语法示例:开始标签元素内容 结束标签<p>段落</p><a> 链接 </a> <br>换行语法:# 以开始标签起始,以结束标签终止;# 元素内容是开始标签与结束标签之间的内容;# 空元素在开始标签中进行关闭(以开始标签的结束而结束);# 多数元素可拥有属性。1.2 元素嵌套比如之前写的:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>开始学习html,这是我的第一个页面,哈哈哈!</title></head><
虫无涯
2023/02/07
1.9K0
html5 块元素、行内元素 学习笔记
1.html5 HyperText Markup Language 5.0 超文本标记语言5.0 2.页面基本框架 <!--文档类型定义--> <!DOCTYPE html> <!--打开html标签
LRainner
2020/07/16
1.4K0
HTML基础加强
1. 什么是浏览器:解释和执行HTML源码的工具。 2. 什么是静态页面,什么样的页面是动态页面? 静态页面:htm,html(直接读取) 动态网页:asp,aspx,jsp,php(里面有代码请求时候执行代码生成html标签,把html发送给浏览器) 3 <html> <head> <title> 彩票(和网页最相关的文字,容易被搜索引擎搜索到) </title> </head> <body bgcolor="orange"> 建议: 1.编写html代码的时候所有标签都要小写。 2.标签有开始
码农阿宇
2018/04/18
8740
WEB开发--html 02html的标签
这篇文章小编用两个个网页的代码带大家学习第一个HTML网页和HTML的标签1.第一个网页<!--这是HTML的注释信息--><!--这是根--><html><!--头--><head><!--标题栏--><title>my first html page</title></head><!--网页体--><body><!--这里的内容显示到网页上!-->这是我的第一个HTML页面!</body></html>2.html标签<html><head><meta charset="utf-8" /><tit
用户7271996
2022/12/16
7950
WEB开发--html 02html的标签
HTML学习日记 入门教程 知识点 ing
1、href是Hypertext Reference的缩写。意思是指定超链接目标的URL。是css代码的一种。
Lokinli
2023/03/09
1910
前端开发基础教程-HTML教程和CSS教程
html是超文本标签语言,又可以说是超文本标记语言,是基本功。html发展历史跳过。
达达前端
2019/07/03
2.6K0
HTML 标题
<h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这是一个标题。</h3>
用户8442333
2021/08/21
2.4K0
HTML基础
作用:为文本添加特殊格式,以突出重点。常见的文本格式:加粗、倾斜、下划线、删除线等。
777nx
2023/10/18
1780
HTML基础
02.HTML元素/属性/标题/段落/文本格式化/链接
02.HTML元素/属性/标题/段落 /文本格式化/链接 HTML 元素 ---- HTML 文档由 HTML 元素定义。 ---- HTML 元素 开始标签 *元素内容结束标签 *<p>这是一个段落</p><a href="default.htm">这是一个链接</a><br> *开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。 ---- HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签
Java帮帮
2018/03/15
4K0
02.HTML元素/属性/标题/段落/文本格式化/链接
HTML 基础
本文介绍了HTML的基础知识和常见标签,包括<html>、<head>、<body>、<h1>到<h6>、<p>、<ul>、<ol>、<li>、<table>、<tr>、<th>和<td>以及<a>、<img>、<hr>、<br>、<span>和<div>等标签。
静默虚空
2018/01/05
2.4K0
HTML学习笔记一
如上就是最简单的HTML文档内容,< html> 标签之间描述的代码内容就是描述网页(文档内容),< body>标签之间的文本代表可见的网页文档内容,< h1>代表一级标题,< p>代表一个内容段落
Mirror王宇阳
2020/11/13
2.6K0
HTML学习笔记一
我化身保姆为你提供 html 教学服务(6)
作者名:1_bit 简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。15-16年曾在网上直播,带领一批程序小白走上程序员之路。
1_bit
2022/01/06
6210
我化身保姆为你提供 html 教学服务(6)
html 上
网页有图片、链接、文字等元素组成,我们后面的任务就是要把这部分网页元素用代码写出来。。。
梨涡浅笑
2020/10/27
1.6K0
html 上
HTML笔记——常用标签总结
上面基本上就可以看到HTML的结构是怎么样的了。<body>标签主要用来放需要显示的内容,有点类似C文件中的程序部分,与之对应的<head>,主要用来引入写好的JavaScript脚本或者CSS文件等。<h1>、<p>分别是用于标记标题与段落的标签,分别是header与paragraph的简写,下面会着重介绍各类标签对应的含义与作用。
太阳影的社区
2021/10/15
1.1K0
一、前端基础-html-body基本标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <!-- body标签,会显示在页面内容 --> <body> <!-- 标题标签:h 1、通过h1-h6定义标题标签 2、标题标签有定义好的字体样式 --> <h1>这是h1标签</h1> <h2>这是h2标签</h2> <h3>这是h3标签</h3> <h4>这是h4标签</h4> <h5>这是h5标签
堕落飞鸟
2022/02/10
8980
用HTML写一篇简单的日记
在这篇文章之前,已经初步的了解了HTML是怎么创建了,接下来,我们要用创建的文件去写我们进入前端的第一个demo,当然了,如果你忘记了,我之前的文章里也有详细的步骤。
守护最温柔的金木
2020/07/07
1.4K0
用HTML写一篇简单的日记
HTML 基础
作用:为文本添加特殊格式,以突出重点。常见的文本格式:加粗、倾斜、下划线、删除线等。
用户9184480
2024/12/07
860
HTML 基础
相关推荐
【教程】html+css零基础入门教程(一)
更多 >
LV.1
这个人很懒,什么都没有留下~
作者相关精选
换一批
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验