这是我参与「第四届青训营 」笔记创作活动的第1天
本堂课的重点
介绍了HTML的基本概念，HTML的文档结构，HTML标签的注意事项。
HTMl
（Hypertext Markup Language ）超文本标记语言，制作网页的标准语言。以标签的形式规定网页的总体结构。
学习HTML
1.PC的网站页面 2.框架页面基础(UI框架) 3.小程序->页面->HTML语法 4.页游的开发 HTML类似于页面的骨架，如果我们想要做出炫酷好看的网页，我们需要再学习CSS3作为网页样式的提供，JS进行交互。
HTML中的内容
网页三要素：文字、链接、图片 文字、链接、图片、列表、表格、表单、 音频、视频、地图、图表、拖拽、定位、画布（api）
维护HTML的规则
W3C->万维网联盟 .DTD（文档类型声明）文件为HTML的规则文件 XML 可扩展性标记语言 特点：比HTML更加规范严谨，标签可以已定义，还需要自定义规则，利用DTD文件。
URL统一资源定位器
我们把URL可以当做在互联网上每个网站的门牌号，有时这个门牌号是一个IP有时是一个域名。 在书写域名时，无论是IP还是域名都要填写协议名称。 在项目里写地址时，注意规范。
Html5的文档结构
1.版本信息
在老版本中版本信息比较复杂，会描述对应的版本以及引入DTD文件,遵循SGML协议。
在H5中版本信息非常简洁，不需要做文件引入<!DOCTYPE html>
2.文档头<head>
对应HTML文档的描述，不直接显示在页面上。
3.文档体<body>
直接展示给用户看的内容
4.HTML中的注释
HTML的网站目录结构
1.images文件夹-->存放图片
2.style文件夹(css)-->存放样式文件
3.js文件夹(javascript)-->存放js文件
4.fonts字体文件夹-->存放字体
5.html文件可以直接放在外头
相对路径和绝对路径
在引入文件时，我们可以提供一个路径去引入文件，这个路径可以是相对的也可以是绝对的 相对路径：以某一个文件夹作为根目录，往下去寻找某一个文件 绝对路径：一定以磁盘的根目录作为根目录去寻找某一个文件
HTML标签的基本结构
<标签名 属性名=“属性值” 属性名=“属性值”>内容</标签名>
HTML标签的通用属性：
Title 规定元素的额外信息
Style 规定元素的行内样式
Id 规定元素的唯一 id
Class 规定元素的类名
Web语义化
让页面具有更好的结构与含义，从而让人和机器都能快速理解网页内容 优点：结构清晰，利于团队的开发、维护；有利于搜索引擎理解；容易兼容不同设备。
HTML标签注意事项
1.标签：由尖括号(<>)包围，eg：<title>，通常成对出现 。 尖括号包围起来里面的部分包含标签的名字。
<title>百度一下，你就知道</title>是一个元素
2.有些标签会单独出现，eg：<img /> (<img表示开始标签，/>表示结束标签)
3.标签嵌套
<html><body></body></html>
不能出现交叉
4.HTML DOM树（DOM：Document Object Model 文档对象模型）
5.标签属性
图片标签：<img src="logo.jpg" alt="站标"/>
属性1：src，双引号中间的部分是属性的取值。属性名与属性值之间用“=“（赋值符号）连接。
属性1后面用空格隔开，开始属性2。
属性2：alt，图片显示不出来的时候一个替换性的文本。
一个标签可能有多个属性，属性先后顺序无关。
