html知识点整理

HTML简介

什么是html

HTML是用来描述网页的一种语言

  • html指的是超文本标记语言：HyperText Markup Lanuage
  • html不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签
  • html使用标记标签来描述网页
  • html文档包含HTML标签及文本内容
  • html文档也叫做web页面

HTML标签

HTML标记标签通常被称为HTML标签（HTML tag）

  • html标签是由尖括号包围的关键字，比如
  • html标签通常是成对出现的
  • html标签第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称作开放标签和闭合标签

主要的html标签

一.HTML文档标签

  1. <!DOCTYPE>: 定义文档类型

  2. <html>:定义HTML文档

  3. <head>:定义文档的头部

    (1). <meta>: 定义元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词. (2). <base>:定义页面上的所有链接规定默认地址或默认目标. (3). <title>: 定义文档的标题. (4). <link>: 定义文档与外部资源的关系. (5). <style>:定义 HTML 文档样式信息.

  4. <body>:定义文档的主体.(脚本在非必须情况时在主体内容最后)
    (1). <script>: 定义客户端脚本，比如 JavaScript. (2). <noscript>:定义在脚本未被执行时的替代内容.（文本）

二.布局标签和语义化

    1. <div>:定义块级元素.

    2. <span>:定义行內元素.

    3. <header>:定义区段或页面的页眉.(头部)

    4. <footer>:定义区段或页面的页脚.(足部)

    5. <section>:定义文档中的区段.

    6. <article>:定义文章.

    7. <aside>:定义页面内容之外的内容.

    8. <details>:定义元素的细节.

    9. <summary>:定义 <details> 元素可见的标题.

      1. <dialog>:定义对话框或窗口.
      2. <nav>:定义导航.
      3. <hgroup>:定义标题组

三.表单标签

  1. <form>:定义表单，表单包含在form标签之中
  2. <input>:定义输入域
  3. <textarea>:定义文本域（多行）
  4. <label>定义一个控制的标签（input元素的标注）
  5. <fieldset>定义域
  6. <legend>:定义域的标题
  7. <select>:定义一个选择列表
  8. <optgroup>定义选择组
  9. <option>定义下拉列表的选项

四.表格标签

  1. <table>:定义表格.
  2. <thead>:定义页眉.
  3. <tbody>:定义主体.
  4. <tfoot>:定义页脚.
  5. <caption>:定义标题.
  6. <th>:定义表头.
  7. <tr>:定义一行.
  8. <td>:定义单元格

五.列表标签

  1. <ul>:定义无序列表
  2. <ol>：定义有序列表
  3. <li>定义列表项
  4. <dl>定义自定义列表
  5. <dt>:定义自定义列表项
  6. <dd>：定义自定义的描述

六.图像和连接标签

  1. <img>:定义图像.注意加上alt属性
  2. <a>:定义超链接.
  3. <map>:定义图像映射。
  4. <area>:定义图像地图内部的区域.
  5. <figure>:定义媒介内容的分组.
  6. <figcaption>:定义 <figure> 元素的标题.

七.音频/视频

  1. <audio>:定义声音内容.
  2. <source>:定义媒介源.
  3. <track>:定义用在媒体播放器中的文本轨道.
  4. <video>:定义视频

八.框架标签

  1. <iframe>:内联框架

九.格式标签

1.文章标签

  1. <h1>-<h6>:定义 HTML 标题.

  2. <p>:定义段落.

  3. <br>:定义换行.

  4. <hr>:定义水平线.

  5. <bdo>:定义文字方向.

  6. <pre>:定义预格式文本.

  7. <abbr>:定义缩写.

  8. <address>:定义文档作者或拥有者的联系信息.

  9. <ins>:定义被插入文本.

    1. <del>:定义被删除文本.
    2. <time>:定义日期/时间.

2.短语元素标签

  1. <em>:定义强调文本.

  2. <strong>:定义语气更为强烈的强调文本.

  3. <dfn>:定义定义项目.

  4. <code>:定义计算机代码文本.

  5. <samp>:定义计算机代码样本.

  6. <kbd>:定义键盘文本.

  7. <var>:定义文本的变量部分.

  8. <sup>:定义上标文本.

  9. <sub>:定义下标文本.

    1. <cite>:定义引用.
    2. <blockguote>:定义长的引用.
    3. <q>:定义短的引用.

3.字体样式标签

  1. <i>:显示斜体文本效果.
  2. <b>:呈现粗体文本效果.
  3. <big>:呈现大号字体效果.
  4. <small>:呈现小号字体效果.
  5. <mark>:定义有记号的文本.

十.其它

  1. <canvas>:定义图形容器，必须使用脚本来绘制图形。
  2. <meter>:定义预定义范围内的度量.
  3. <progress>:定义任何类型的任务的进度