开发者学堂课程【零基础学前端 HTML+CSS ：HTML 固定基本结构】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5106
HTML 固定基本结构
内容介绍：
一、HTML 属性实例
二、HTML 页面基本结构（固定)
一、HTML 属性实例
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：
<a href = “http://www.mldn.cn” >魔乐科技</a>
二、HTML 页面基本结构（固定)
HTML 页面的结构包括头部( Head ) 、主体( Body )两大部分：
头部描述浏览器所需的信息;主体包含所要说明的具体内容。
基本结构如下∶
<html>
<head>头部信息在这里设置</head>
<body>
HTML文件的正文写在这里......
</body>
</html>
在这里我们来看一下 HTML 固定的页面基本结构，HTML 必须要有以上几个最基础的标签，由三套双标记组成，我们先来分析每个标签里面的内容是什么。
先要会看双标记里面的嵌套，在标签里，本身是有嵌套这个概念，但是不能随意将某个标签放到另一个标签里，需要知道谁是父级的谁是子级的标签。
例如<html></html>，浏览器进入后会怎么来认识我们的页面
比如，我们的页面是如下这样
但是浏览器进入后只能读取下图代码。
所以并不能像画图一样做成图一形式，需要转换成代码，当然如果有图的话也需要将图片放入，没有图的代码就是文字的代码。
所以浏览器进入后会先寻找 html 位置。
图中代码第一句话 <!DOCTYPE html>是 html5 的一个声明，下面的语句都是 html5 的语法
下面来看头部信息，明显知道 <head></head> 嵌套在 <html></html>中，<head></head> 是一个双标签，类似 link，title 等都可以写到头信息里 。
而与页面有关的内容都要放在 <body> 标签里，浏览器才能正常读取，如果写的内容都放在了头部信息里，那么网页看到是空白，因为头部信息更多是标识声明类的内容
下面用最基本的工具文本编辑器记事本来做一个实验，
输入
<html>
<head>
<title> 我们的第一个页面 </title>
</head>
<body>
这是我们制作的内容！
</body>
</html>
然后进行保存，文件名为 test1，注意不能起中文名，保存类型不能为文本文档，如果我们保存了一个文本的格式，编码选择 UTF-8，那么我们再来找到点开，发现打开的还是一个文本，所以我们需要保存为 test1.htm 或者 test1.html 都可以。
htm 和 html 区别是什么呢？
在早期时候，不认四位扩展名，只认识三位扩展名，比如说扩展名 jpeg、html 都是四位的，后来为了能兼容老 windows，所以都改成了三位，所以 windows 的扩展名都是三位，现在操作系统已经没有这类问题了。
一般项目都叫 html，但是要注意的是在一个项目里一个站点里都要一种扩展名，比如都叫 htm或者都是 html，不能该文件为 html，下一个为 htm，这是两个不同的文件，要不然容易出现链接错误
这样双击打开时，就会调用浏览器打开页面，这时可以看到标题是我们的第一个页面。
点击查看网页源代码，显示刚才输入的代码
<html>
<head>
<title> 我们的第一个页面 </title>
</head>
<body>
这是我们制作的内容！
