一、HTML

1.1 HTML的概念及基本使用

（1）HTML 的概念：

  • HTML（Hyper Text Markup Language）：超文本标记语言 ；（标记：就是标签，可以使用一系列的标签将网络 上的文档格式统一，使分散的资源连接为一个 逻辑整体）
  • 用来制作网页基础内容和基本结构的（相当于网页的骨架）。

（2）HTML的组成

  • 标签（元素）：标签可以用于设置文本样式，图片样式，超链接样式等等。用<>表示。例如下面案例：
  1. <h1>要显示的填写的内容</h1>
  • 属性：存在于标签（元素）中，可以为标签提供更多的信息；格式：属性名=属性值 ；例如下面（id属性表示标签的唯一识别信息）：
  1. <a id="001"></a>
  • 入门案例 代码：
  1. <!-- 文档的声明标签 -->
  2. <!DOCTYPE html>
  3. <!-- 文档语言的声明标签 -->
  4. <html lang="en">
  5.     <!-- 头标签 -->
  6.     <head>
  7.         <!-- 文档编码集的指定标签 -->
  8.         <meta charset="UTF-8">
  9.         <title>这是标题标签</title>
  10.     </head>
  12.     <!-- 体标签 -->
  13.     <body>
  14.         <!-- 标题标签 -->
  15.         <h1 align="center">这是我的第一个html案例</h1>
  16.     </body>
  17. </html>

1.2 HTML的基本语法

（1）属性的使用语法及规范

  • 属性可以提供一些额外的信息，这些信息不会直接显示在内容中 ，但可以改变标签中内容的样式或提供数据使用。
  • 定义格式：属性名 = 属性值
  • 属性的规范：
    • ①同一个标签中，属性名必须唯一；
    • ②不区分大小写，但建议使用小写；
    • ③属性值可以使用单引号或者双引号括起来，建议使用双引号。
  • 常用的属性：
    • ①class：定义元素的类名，用来选择和访问特定的元素；
    • ②id：定义元素的唯一标识，在整个文档中必须唯一 的；
    • ③name：定义元素的名称，一般作为表单数据提交到服务器的键；
    • ④value：定义在元素内显示的默认值，一般常作为表单标签中多选、单选的输入内容的键
    • style：定义CSS样式，这些样式会覆盖之前设置的样式
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>属性</title>
  6.     </head>
  7.     <body>
  8.         <!-- div标签表示的是一整或者是整块区域 -->
  9.         <!-- 除了id属性其他的属性的值是可以重复的 -->
  10.         <div class="cls">第一个div标签</div>
  11.         <div class="cls">第二个div标签</div>
  12.         <div id="d1">第三个div标签</div>
  13.         <div id="d2">第四个div标签</div>
  14.         <!-- style属性为样式属性，可以控制多种样式 -->
  15.         <div style="background-color:red">第五个div标签</div>
  16.     </body>
  17. </html>

（2）常用的特殊字符的使用

  • 原义字符 等价字符引用
    < <
    > >
    “ "
    ‘ '
    & &
    空格  

（3）div样式布局控制的案例

  • 在标签中通过