当前位置 : IT培训网 > Web前端 > Web教程 > Html标题有多重要

Html标题有多重要

时间:2016-11-14 18:31:40  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
标签(Tag):   web前端(163)html标题(12)
html标题的重要性大家都知道了吧,正所谓蛇无头而不行 鸟无翅而不飞,学好html标题也是做好web前端的重要一步。好了想要学习如何设置web前端标题、html标题,就赶紧来IT培训网看看吧,小编亲授教程哦!

标题在html中占据重要的位置,如果一个网页没有标题,谁知道这个网页是做什么的呢,所以设置一个好的标题,不仅可以提高知名度,还可以促进搜索引擎排名。下面就让我们一起来学习下如何设置html标题吧!

HTML 标题

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

HTML 标题

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

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

实例

<h1>这是一个标题。</h1>

 <h2>这是一个标题。</h2>

<h3>这是一个标题。</h3>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

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

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

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

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

</body>

</html>

运行结果:

这是标题 1

这是标题 2

这是标题 3

这是标题 4

这是标题 5

这是标题 6

注释: 浏览器会自动地在标题的前后添加空行。

标题很重要

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

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

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

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

HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

实例

<p>这是一个段落。</p>

<hr>

<p>这是一个段落。</p>

<hr>

<p>这是一个段落。</p>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

         <p>hr 标签定义水平线:</p>

         <hr />

         <p>这是段落。</p>

         <hr />

         <p>这是段落。</p>

         <hr />

         <p>这是段落。</p>

</body>

</html>

运行结果:

hr 标签定义水平线:


这是段落。


这是段落。


这是段落。

HTML 注释

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

注释写法如下:

实例

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

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(cnitedu.cn)</title>

</head>

<body>

<!--这是一个注释,注释在浏览器中不会显示-->

<p>这是一个段落</p>

</body>

</html>

运行结果:

这是一个段落

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

HTML 提示 - 如何查看源代码

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

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

HTML 标签参考手册

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

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

标签

描述

<html>

定义 HTML 文档

<body>

定义文档的主体

<h1> - <h6>

定义 HTML 标题

<hr>

定义水平线

<!--...-->

定义注释

 

html标题的重要性大家都知道了吧,正所谓蛇无头而不行 鸟无翅而不飞,学好html标题也是做好web前端的重要一步。好了想要学习如何设置web前端标题、html标题,就赶紧来IT培训网看看吧,小编亲授教程哦!

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
Web 教程
1、HTML 教程
1.1 HTML 简介
1.2 HTML 编辑器
1.3 HTML 基础
1.4 HTML 元素
1.5 HTML 属性
1.6 HTML 标题
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 链接
1.10 HTML 头部
1.11 HTML CSS
1.12 HTML 图像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 区块
1.16 HTML 布局
1.17 HTML 表单
1.18 HTML 框架
1.19 HTML 颜色
1.20 HTML 颜色名
1.21 HTML 颜色值
1.22 HTML 脚本
1.23 HTML 字符实体
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 总结
1.27 HTML 简介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 浏览器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 内联 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(视频)
2.10 HTML5 Audio(音频)
2.11 HTML5 Input 类型
2.12 HTML5 表单元素
2.13 HTML5 表单属性
2.14 HTML5 语义元素
2.15 HTML5 Web 存储
2.16 HTML5 Web SQL
2.17 HTML5 应用程序缓存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代码规范
3、HTML 媒体
3.1 HTML 媒体(Media)
3.2 HTML 插件
3.3 HTML 音频(Audio)
3.4 HTML视频(Videos)播放