Acwing Web应用课笔记-html基础标签下

Acwing Web应用课笔记

---

文章目录

• Acwing Web应用课笔记
• 一、 [表格](https://www.acwing.com/blog/content/15793/)
• 二、[语义标签](https://www.acwing.com/blog/content/15799/)
• 三、[特殊符号](https://www.acwing.com/blog/content/15812/)

---

---

一、 表格

<table>标签
HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息。

<thead>标签
HTML的<thead>元素定义了一组定义表格的列头的行。

<tbody>标签
HTML的<tbody>元素定义一组数据行。

<tr>标签
HTML <tr> 元素定义表格中的行。 同一行可同时出现<td> 和<th> 元素。

<th>标签
HTML <th>元素定义表格内的表头单元格。

<td>标签
HTML <td> 元素 定义了一个包含数据的表格单元格。

<caption>标签
HTML <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题， 它常常作为 <table> 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被 CSS 样式化，所以，它同样可以出现在相对于表格的任意位置。



 

<table>
    <caption>My Table</caption>
    <thead>
        <tr>
            <th colspan="2">The table header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>The table body</td>
            <td>with two columns</td>
        </tr>
    </tbody>
</table>

二、语义标签

<header>
HTML <header> 元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实
用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、
作者名称，等等。

<nav>
HTML <nav>元素表示页面的一部分，其目的是在当前文档或其他文档中提供导航链
接。导航部分的常见示例是菜单，目录和索引。

<section>
HTML <section>元素表示一个包含在 HTML 文档中的独立部分，它没有更具体
的语义元素来表示，一般来说会有包含一个标题。

<figure>
HTML <figure> 元素代表一段独立的内容，经常与说明（caption）<figcaption> 
配合使用，并且作为一个独立的引用单元。当它属于主内容流（main flow）时，
它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段
等等，当这部分转移到附录中或者其他页面时不会影响到主体。

<figcaption>
HTML <figcaption> 元素 是与其相关联的图片的说明/标题，用于描述其父节点 
<figure> 元素里的其他数据。这意味着 <figcaption> 在<figure> 块里是第一个
或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，
这个父节点的图片只是会没有说明/标题。

<article>
HTML <article>元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分
配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户
提交的评论、交互式组件，或者其他独立的内容项目。

<aside>
HTML <aside> 元素表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容
的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标
注框（call-out boxes）。

<footer>
HTML <footer> 元素表示最近一个章节内容或者根节点（sectioning root ）元素的
页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。

 

三、特殊符号

#include   <iostream>
    &
    "
    ®
    ©

---