10.HTML标题标记

最新推荐文章于 2022-11-30 20:56:21 发布

小小唐僧

最新推荐文章于 2022-11-30 20:56:21 发布

阅读量907

点赞数 3

分类专栏：网页设计 html 文章标签： css html html5

本文链接：https://blog.csdn.net/qq_45871890/article/details/118121015

版权

html 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

网页设计

5 篇文章 0 订阅

订阅专栏

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

小小唐僧

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录