## HTML网页常用标签

    科技2022-07-16  118

    HTML网页常用标签

    (1)DIV标签 (2)header标签 (3)nav标签 (4)section标签 (5)article标签 (6)aside标签 (7)footer标签 (8)hgroup标签 (9)figure标签和figcaption标签

    (1)DIV标签 是用于分组HTML得块级元素。可以相互嵌套。 语法格式<div>模块内容</div>

    <body> <div align="center"> <div id="header">内容</div> <div id="nav">内容</div> <div id="banner">内容</div> <div id="section">内容<!---这是一个容器,里面有嵌套<div>----> <div id="news">内容</div> <div id="article"></div> <div id="aside"></div> </div> <div id="footer"></div> <div> </body>

    示例:

    <body> <div align="center"> <div id="header">静夜思</div> <div id="nav">桃花源</div> <div id="banner">将进酒</div> <div id="content"> <div id="left" align="left" style="width:20# 0F6">举头望明月</div> <div id="center">低头思故乡</div> <div id="right">哈哈哈哈哈</div> </div> </div> </body>

    (2)header标签 定义文档得页眉,通常是一些引导和导航信息。 位置:在网页头部和网页里面都可以。 它可以包含<div>标签,还可以包含表格内容,标识,搜索表单,<nav>导航。header至少要包括一个标题元素或一个hgroup元素或者一个nav元素。

    语法格式: 1

    <header> <h1>头部内容</h1><1----标题元素,我前面得博客笔记中有详细得解说----> 头部消息 </header>

    2

    <header> <hgroup> <h1>标题1</h1> <h2>标题2</h2> .... </hgroup> </header>

    3

    <header> <nav> 这里显示导航部分 </nav> </header>

    (3)nav标签 该标签使页面结构更精确,nav可以做页面导航的链接组。 同时可以包含div,或者其他列表】表单等。 语法格式:

    <nav> 这里显示导航部分 </nav>

    来定义文档中的节。 注意:当一个容器需要被直接定义样式或者通过脚本定义行为的时候,推荐使用div元素而非section。如果article元素,aside元素,或nav元素更符合使用条件时,不要用section元素。 语法格式:

    <section> 该模块的标题 该模块得内容 </section>

    (5)article标签 article是一个特殊的section标签,它比section更具有明确的语义,它代表一个独立的一个完整的相关内容块,可以独立于页面其他内容使用。可以嵌套使用。 语法格式:

    <article> <header> <h1>/<h1><!----这是文章的标题----> </header> <p>文章的详细内容</p><1----行内元素,我前面得博客笔记中有详细得解说----> <article> 这里可以是文章内容 </article> </article>

    (6)aside标签 可以称为一个附属标签。名词解释,相关资料引用。也可以是页面或站点的附属信息(侧边栏,文章列表,单元广告) 语法格式:

    <article> <h1>标题</h1> <p>文章内容</p> <aside>本文出自于。。</aside> </article>

    (7)footer标签 该标签是用来定义section、article或网页的页脚。包含了与内容相关的信息,比如文章信息(作者和日期),作为页面的页脚时一般包含版权、相关文件和链接,使用方法和header基本一样,可以在一个页面中多次使用。 语法格式:

    <footer> 你所要标注的信息,如作者、地址、时间等 </footer>

    (8)hgroup标签 若在一个模块中有一系列的标题元素,可以用hgroup把他们包裹起来。 语法格式:

    <hgroup> <h1>标题1</h1> <h2>标题2</h2> .... </hgroup>

    (9)figure和figcaption标签 一个独立的内容,一般表示一个独立的单元。这两个标签通常一起使用,figucaption为figure添加描述信息。可以用于对元素的组合,多用于对图片和图片解释。 语法格式:

    <figure> <img src="tupian.png" alt=""><!----插入一个图片----> <figcaption>图片描述</figcaption> </figure>
    Processed: 0.010, SQL: 8