HTML5 基础知识总结

1. 浏览器常识

   1. 网页是由哪些部分组成的

      文字、图片、音频、视频、超链接

   2. 渲染引擎（浏览器内核）：针对代码进行渲染展示

      浏览器	内核	备注
      IE	Trident	IE、360浏览器、百度浏览器
      FireFox	Gecko	火狐浏览器内核
      Safari	Webkit	苹果浏览器内核
      Chrome/Opera/Edge	Blink	Blink其实是Webkit的分支

   3. Web标准的构成

      构成	语言	说明
      结构	HTML	页面元素和内容
      样式	CSS	网页元素的外观和位置等页面样式（如：颜色、大小、位置等）
      逻辑	JavaScript	网页模型的定义与页面交互

   4. HTML页面固定结构

      html标签：网页的整体

      head标签：网页的头部

      body标签：网页的身体

      title标签：网页的标题

2. HTML标签

   1. 标题标签

      定义 1 ~ 6 级标题，标题大小依次递减

      <h1>1级标题</h1>
      <h2>2级标题</h2>
      <h3>3级标题</h3>
      <h4>4级标题</h4>
      <h5>5级标题</h5>
      <h6>6级标题</h6>
      

   2. 段落标签

      标签语法关键字：p

      <p>This is a paragraph</p>
      <p>This is another paragraph</p>
      

      This is a paragraph

      This is another paragraph

   3. 换行标签

      标签语法关键字：br

      <p>This is a <br> paragraph</p>
      

      This is a
      paragraph

   4. 水平线分割标签

      标签语法关键字：hr

      <hr />
      

      ---

   5. 文本格式化标签

      5.1 标签语法关键字：b ：strong

          <b>加粗</b>
          <strong>加粗</strong>
      

      加粗

      加粗

      5.2 标签语法关键字：u ：ins

          <u>下划线</u>
          <ins>下划线</ins>
      

      下划线

      下划线

      5.3 标签语法关键字：i ：em

          <i>倾斜</i>
          <em>倾斜</em>
      

      倾斜

      倾斜

      5.4 标签语法关键字：s ：del

          <s>删除线</s>
          <del>删除线</del>
      

      删除线

      删除线

   6. 图片标签

      标签语法关键字：img

      <!-- src：图像的 URL -->
      <!-- alt：替换文本，图像加载不出来就会展示alt文字 -->
      <!-- title：鼠标悬停&#x