网站首页 > 知识剖析正文

一文讲解HTML标题标记

nixiaole 2024-11-22 18:47:03 知识剖析 16 ℃

对于所有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]

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

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

上一篇： Visdom 介绍 | 下
下一篇： SEO技术篇之边距属性和填充属性之间的区别

网站首页 > 知识剖析 正文

一文讲解HTML标题标记

HTML标题标记

猜你喜欢

网站首页 > 知识剖析正文