上一节:
下一节:

  HTML 标题



  • HTML标题

    HTML共设有六级标题,h1为一级标题,h2为二级标题,h3为三级标题,h4为四级标题,h5为五级标题,h6为六级标题,字体尺寸逐级变小,标题重要程度逐级递减。
    <h1>欢迎来到蝴蝶教程</h1>
            <h2>欢迎来到蝴蝶教程</h2>   
            <h3>欢迎来到蝴蝶教程</h3>   
            <h4>欢迎来到蝴蝶教程</h4>   
            <h5>欢迎来到蝴蝶教程</h5>   
            <h6>欢迎来到蝴蝶教程</h6>   
            
    
    尝试一下

    注意:浏览器会在标题前后自动添加一些空格(边距)。
  • 标题很重要

    搜索引擎使用标题来索引网页的结构和内容。 用户按标题浏览页面。使用标题显示文档结构很重要。 <h1>标题应该用于主标题,其次是<h2>标题,然后不太重要 <h3>,依此类推。
    注意:只使用h元素来做标题效果,不要用它来做使文字变大或变粗的操作。
  • 更大的标题

    h标签都有一个默认的字体大小,你可以用style属性来改变这种默认行为。
    
            <h1>欢迎来到蝴蝶教程</h1>
            <h1 style="font-size:60px;" >欢迎来到蝴蝶教程</h1>          
            
    
    尝试一下
  • HTML水平分割线

    <hr>用于水平分割文章内容。 例如:
    <h1>这是标题一</h1>
    <p>这是一些段落内容</p>
    <hr>
    <h1>这是标题二</h1>
    <p>这是一些段落内容</p>
    <hr>
    
    尝试一下
    • HTML<head>元素

      head元素中会加载一些HTML元数据。 不会在浏览器中展示给用户。 通常位于跟标签之间。
      <!DOCTYPE html>
      <html>
      
      <head>
        <title>欢迎来到蝴蝶教程</title>
        <meta charset="UTF-8">
      </head>
      
      <body>
      <p>欢迎来到蝴蝶教程</p>
      </body>
      </html>
      
      尝试一下
上一节:
下一节: