首页 » 编程语言 » html » 正文

html中H(heading)标签:h1、h2、h3、h4、h5、h6

html网页中的H标签,也叫Heading标签,总共有六对不同的 H标签,用于强调网页内容中的文本标题,分别为 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>。

H标签定义

H标签是指h1、h2、h3、h4、h5、h6六对不同的文本标题标签;

H标签是用来强调当前html网页文档内容中的文本标题的;

h1定义的文本标题最大,h6 定义的文本标题最小;

H标签默认都是加粗显示、单独占一行、以及有默认的行间距;

<h1>~<h6>标签被所有的浏览器支持;

H标签演示

六种不同H标签演示代码如下:

<html>
<head>
<meta charset="utf-8">
<title>标签<h1>到<h6>的演示效果</title>
</head><body>
<h1>这是一级标题h1</h1>
<h2>这是二级标题h2</h2>
<h3>这是三级标题h3</h3>
<h4>这是四级标题h4</h4>
<h5>这是五级标题h5</h5>
<h6>这是六级标题h6</h6>
</body>
</html>

在浏览器中显示效果如下

2019-07-30_105036.png

从上图可知,h1~h6标签显示的文本标题谁大谁小一目了然.

H标签属性

属性名属性值说明备注
alignleft
局左对齐


该属性是规定文本标题对齐排列方式。

在HTML5中 已经不支持该属性。

在HTML 4.01中不推荐使用该属性。 

 

center居中对齐
right居右对齐
justify两端对齐

<h1> - <h6> 的 "align" 属性,在html4中不推荐使用,而在HTML5中,已经不被支持了。所以,我们需要设置H标签的对齐方式、颜色等细节,推荐使用CSS样式!

H标签常见样式设置

H标签常见样式设置有:文字的对齐方式,字体颜色、大小,H标签行间距 、H标签不换行的设置

H标签文字居中

以h1标签为例,设置文字居中代码如下:

<h1 style="text-align:center;" >h标签文字居中</h1>

text-align属性,除了文字居中对齐“center”,还有left(左对齐)、right(右对齐)、justify(两端对齐)。

H标签字体颜色

通过设置color属性值来指定字体颜色,比如,red是红色,green是绿色,blue是蓝色。

<h1 style="color:red;">刘代码博客</h1>

H标签字体大小

通过设置font-size属性值来决定字体大小

<h1 style="font-size:50px;">刘代码博客</h1>

H标签行间距

每个h标签自身默认是有行间距的,如果我们要去掉行间距就这样写(以<h1>为例)

<h1 style="margin: 0px; padding: 0px;" >刘代码博客</h1>

有时,默认的行间距并不是我们需要的,那么,我们就需要自由设置行间距大小。

H标签不换行

每个H标签默认都是单独占一行排列的,也就是说在默认情况下,h标签是会换行处理的,像这样写就不会换行:

<h1 style="display: inline;">刘代码博客</h1>



欢迎您发表评论或留言