欢迎光临散文网 会员登陆 & 注册

HTML标题标记

2021-06-22 22:46 作者:秃头代码  | 我要投稿

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>


图示


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>

图示


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

<h1 align="center"></h1> <!--居中-->
<h2 align="left"</h2> <!--左对齐-->
<h3 align="right"></h3> <!--右对齐-->
<h4 align="justify"></h4><!--段落两端对齐-->

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



2021-06-22



HTML标题标记的评论 (共 条)

分享到微博请遵守国家法律