1、HTML历史

HTML是Tim Berners-Lee（蒂姆·伯纳斯-李）发布

2、HTMl起手式

<!DOCTYPE html>
(需要更改）








3、常用的表章节的标签

  • h1 h2 h3 h4 h5 h6
  1. <h1>标题1</h1>
  2. <h2>标题2</h2>
  3. ......
  • section
    1. <section>
    2. <h2>这是一个新标题</h2>
    3. <p>
    4.         这是一个段落语言，可以写入一段话
    5. </p>
    6. <section>
    7.   <h3>这是一个新的小段落</h3>
    8. </section>
    9. </section>
    header footer main saide div
    1. <header>这是头部</header>
    2. <div>
    3. 这是一个区块
    4.   <main>
    5.   这是主体内容
    6.   <h1>标题</h1>
    7.   <p>段落</p>
    8.   </main>    
    9.   <aside>
    10.   这是旁支内容
    11.   </aside>
    12. </div>
    13. <footer>这是脚步</footer>

4、全局属性

  • class
  • contenteditable : 使元素可编辑
  • hiddle : 使元素隐藏
  • id

对于新手而言，不到万不得已，不要使用ID

  • style
  • tabindex : 控制tab键顺序

当tabindex = 0 时，表示顺序为最后一个访问；当tabindex = -1 时，表示 不访问。

  • title : 显示完整的内容

5、内容标签

  • ol + li ul + li dl + dt + dd ```html
    1. 有
    2. 序
  • 无
  • 序

这里是东西
这里是对东西的描述

  3. - pre : 保留空格、tab、回车等特殊字符
  4. - code 等宽，需要使用等宽字体
  5. ```html
  6. <pre>    这里面   可以  保留   输入  的
  7. 样式 </pre>
  9. <code>
  10.   iiii
  11.   wwww
  12. </code>
  • hr : 分割线
    br : 换行

  • a : 超链接标签

    1. <a href="连接带http为外部，否则为当前页面" target="_blank"新开窗口打开></a>

  • em strong： 强调标签

    1. <em>强调语气</em>
    2. <strong>强调本身</strong>

  • quote blockquote : 引用标签 ```html 欧阳修三上：马上、枕上、厕上 行内引用

欧阳修

三上：马上、枕上、厕上
块内引用 ```