前期准备——HTML温习

1.什么是HTML？

HTML是用来描述网页的一种语言，也就是超文本标记语言。这种语言不是一种编程语言，而是标记语言，其实用标记标签来描述网页。HTML文档也叫做web页面

在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签

**<html>** 元素是 HTML 页面的根元素

**<head>** 元素包含了文档的元（meta）数据，如 **<meta charset="utf-8">** 定义网页编码格式为 **utf-8**。

**<title>** 元素描述了文档的标题

**<body>** 元素包含了可见的页面内容

**<h1>** 元素定义一个大标题

**<p>** 元素定义一个段落

2.HTML元素

在HTML中，从开始标签起始，到结束标签终止，两者之间的内容为元素。大多数的HTML元素是可以嵌套的（HTML元素可以包含其他HTML元素），HTML文档就是有互相嵌套的HTML元素构成

<html>
   <body>
        <p>撩月</p>
   </body>
</html>

没有内容的HTML元素被称为空元素，空元素是在开始标签中关闭。譬如：《br》（打<>会换行，这里用书名号代替）就是没有关闭标签的空元素，定义换行。

值得注意的是，HTML 标签对大小写不敏感：

等同于

。许多网站都使用大写的 HTML 标签。但是万维网联盟（W3C）在 HTML 4 中推荐使用小写，所以在未来 (X)HTML 版本中可能强制使用小写

3.HTML属性

首先明确属性是在HTML元素中添加附加信息，一般描述于开始标签并总是以名称/值对的形式出现。比如：name=”liaoyue”

<!--HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：-->
<a href="http://www.runoob.com">这是一个链接</a> 


<!--属性值应该始终被包括在引号内,双引号是最常用的，不过使用单引号也没有问题;在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：-->
name='John "ShotGun" Nelson'

4.HTML的ID属性

HTML的ID属性是为了HTML元素拥有指定唯一的ID，一个HTML文档中不能存在多个相同id元素。ID属性用于指向样式表中的特定样式声明，JavaScript也可以使用它来访问和操作拥有特定ID元素。

id的语法是写一个井号（#）后跟一个id名称，然后花括号{}中定义相关的css属性

<!DOCTYPE html>
<html>
  <head>
     <style>
#liaoyue {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}
     </style>
  </head>
  <body>

     <h1 id="liaoyue">My Header</h1>

  </body>
</html>


<!--通过 ID 和链接实现 HTML 书签-->
<a href="#C4">跳转到第四章</a>
<h2 id="C4">第四章</h2>