整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

一文讲解HTML标题标记

于所有Web开发人员来说,无论你选择的是哪种框架或后端语言,都需要大量使用HTML(超文本标记语言)。

HTML标题标记

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无标题文档</title>
    </head>
    
    <body>
        <h1>1级标题</h1>
  <h2>2级标题</h2>
  <h3>3级标题</h3>
  <h4>4级标题</h4>
  <h5>5级标题</h5>
  <h6>6级标题</h6>
    </body>
</html>12345678910111213141516复制代码类型:[html]

图示

h的级别越小文字大小越小。

当然了,这些文字标题都是左对齐的。

其实在标题标记中还有重要的属性!详情见文章------

我们可以给<h1>,<h2>......等标记加属性值让其变得更加多样化!

代码

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无标题文档</title>
    </head>
    
    <body>
        <h1 align="center">1级标题</h1>
        <h2 align="left">2级标题</h2>
        <h3 align="right">3级标题</h3>
        <h4 align="justify">4级标题</h4>
        <h5 align="right">5级标题</h5>
        <h6 align="center">6级标题</h6>
    </body>
</html>12345678910111213141516复制代码类型:[html]

图示

align标记在----文章已经有些许叙述,我们再来讲讲吧。

<h1 align="center"></h1> <!--居中-->
<h2 align="left"</h2> <!--左对齐-->
<h3 align="right"></h3> <!--右对齐-->
<h4 align="justify"></h4><!--段落两端对齐-->1234复制代码类型:[html]

所以图示才是如此显示的。

开课吧广场-人才学习交流平台

TML

上一篇中,我们介绍了HTML语言的头部元素head,其包括多种信息,例如标题、样式表定义和脚本等。由此,我们可以确定标题信息包含在头部信息之中。HTML页面的标题一般是用来说明页面的用途,它显示在浏览器的标题栏中。标题标记以<title>开始,以</title>结束。

语法:

<title>······</titke>

说明:

在<title>和</title>之间的就是文档的标题内容,它能帮助用户更好的阅读页面。页面只有一个标题,且包含在头部元素<head>和</head>之间。

举例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>标题标记title</title>

<link rel="stylesheet" href="">

</head>

<body>

</body>

</html>

如下图所示:


代码

浏览器打开效果

tml标签中H标签又称标题标签。在建网站中会使用到,不到的段落格式需要使用不同的标签。标签可以反映一段文字的大小、颜色、缩写、换行、间距等等内容,根据全文的实际情况灵活应用标签,特别是HTML标题标签将对网站文章的质量起到非常重要的作用。我们围绕着这个标签详细讲一下如何正确使用标题标签。

HTML标题标签的种类:
HTML标题标签总共有6个,分别为:H1,H2,H3,H4,H5,H6。
h1代表最大,它的重要性最高,字体也最大。
h6代表最小,字体最小,重要性也最小。
h1,h2,h3,h4,h5,h6,作为HTML标题标签,显示的文字样式为粗体,与html粗体标签效果一样。


HTML标题标签的重要性:
H1-H6以重要性递减,它可以让页面的层级关系更加清晰。

示例:
<h1>一级标题</h1>
<p>段落</p>
<div>
<h2>二级标题</h2>
<p>...</p>
<div>
<h3>三级标题</h3>
<p>...</p>
<div>
<h4>四级标题</h4>
<p>...</p>
</div>
</div>
</div>

根据文章实际的段落意义正确使用代表不同层级关系的HTML标题标签,浏览器才能通过HTML解析出与本意一致的表达效果。