第二课

最基本的工作

1.代码最基本的格式

①DOCTYPE标签

在HTML中我们常用

<!DOCTYPE html>

来限制文档的格式，“<!DOCTYPE html>”可以告诉浏览器这是HTML5语言，请按照HTML5的语言格式来解释此文档。DOCTYPE越早让浏览器知道越好，所以W3C规定HTML中<!DOCTYPE>要放在最前面，否则你的网页可能会出现问题。

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

②Mete标签的Charset属性

我们使用Meta指定一些执行标准

<meta charset="utf-8">

这个Meta元素设置了解码格式“utf-8”,这是最常用也是最基本的格式，如果您的网站没有这个元素，你又输入了中文，那就有可能乱码。（360安全浏览器、360极速浏览器都默认采用UFT-8协议，可以不用加，但是为了保险，让其他用户可以使用顺畅，我们十分建议带上此代码。）

③<head>与</head>标签

head直译过来就是头部，所以Head作为一个网页的头，大部分的前置代码需要在head里。比如后期学习的<link>(引入外部CSS样式表）、<script>（引入外部Script（大多数是JavaScript））等。而我们下面学的就是Head标签里的基本内容。我们刚刚学习的<meta>元素就是放在<head>里的。

应该把 <head> 标签放在文档的开始处，紧跟在 <html> 后面，并处于 <body> 标签或 <frameset> 标签之前。

<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

引用至W3Scool

我们最基本的就是<title>,<title>元素在HTML网页中有表示标题文字的作用，他的显示效果大概是这样：

我们看一个Head标签的实例

<head>
<title>标题</title>
<head>

④注释

注释能帮我们更好的理解我们代码里写了什么，我们以后要干什么，能更好的让我们理解代码。其中注释分为单行注释“//“和多行注释"<!--><--!>"。注释不会在网页里显示。

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。

使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）：

转载至W3School

//单行注释
<!--多行注释
多行注释
-->

⑤ <body></body>与<html></html>

这和<head>标签一样，可以包含很多元素。<html>作为整个网页内容的开始，在<!DOCTYPE html>之后，里面包含<head>元素和<body>元素，<body>作为网站的身体，里面包含<h1><p><span>等后期的元素。

2.一个最基本网页的展示

<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<meta charset="utf-8">
</head>
<body>
</body>
</html>

3.视频教程：

4.课后作业：

作业是检验你学习成果的一个东西，你可以做做！