HTML网页设计
第一讲：HTML5基础
一，什么是HTML5
1，要了解HTML5，我们就需要先了解www（万维网），它是建立在电脑上的，全球性的，交互的，多平台的，分布式的信息资源网络。
2，www的构成分成三个方面，分别是URL（资源统一定位器），HTTP（超文本传输协议），HTML（超文本标记语言）
URL提供了在网站上进入资源的统一方法和路径，使得我们访问的站点具有唯一性。
HTTP是网络传输协议，传输的就是以HTML编写的超文本文件
HTML，它是电脑上用来编写网页的主要语言。用它编写的超文本文件就是HTML文件
而HTML5就是HTML的第五个版本二，网页
1，网页，由HTML5语言编写的文件就是网页。由它编写的文件后缀也就是扩展名就是.html或者.htm。而所有的网站都是由网页构成的。
三，网站（web）
1，一个真正的网站一般由三种语言构成。
结构化标准语言--HTML
结构语言就是HTML5语言，这种语言更多的是做出网页的整体结构。
表现标准语言--CSS
CSS，它创建的目的就是为了让网页设计师将外观和结构分离。使得站点更加容易维护和访问。总结就是它负责网页的美观。
行为标准语言
JavaScript（JS），按照我的理解，它的作用更多是当你对于网页那个部分产生一种行为，而调用JS脚本语言，使它形成一种效果。四，网页开发工具
我知道的有Dreamweaver CC（梦想编织者），Visual Studio Code。而我使用的网页编写工具就是Visual Studio Code。
五，如何用VS code 创建HTML文件
方法一：直接右键，新建，打开一个文本文档，修改后缀名html，然后右键打开方式，选择VS Code。
方法二：打开VS Code，选择文件，新建文件，找到资源管理器（ctrl+shift+e），选中文件，ctrl+s保存，在保存中修改文件后缀。
六，VS code 如何打开浏览器
方法一：右键代码，找到open in Browser（打开浏览器），点击就可以了。如果没有找到的话，说明你没有安装插件，找到扩展（ctrl+shift+x），搜索open ，找到下面的open in Browser，安装一下，就可以了。
方法二：直接点击保存在桌面上的HTML文件，直接打开。
七，HTML5基本标签
1，什么是HTML5标签，说这个问题前。我们先来了解HTML5文档的构成。它的书写语法就是文字加上标签。 这种–文字
x代表的就是标签名称，它就像一组开关，前面的x代表开启，后面的x代表结束。文字信息则在两者之间。
2，下面我们就来认识几种标签吧。
doctype标签，它位于每一个HTML5文档的最顶部，在所有标签之上。用于说明HTML的版本。<!doctyoe html>
<html>文档全部内容</html>标签 ，它用来表示这个文档的所有内容都是HTML编写的。
习惯上我们把HTML文件分为头部文件和主体文件
<head></head>标签就表示头部文件，它通常和<title></title>标签同时使用。<title></title>标签里面编写的内容会出现在浏览器的窗口上。
<body></body>标签就是表示主体文件。
3，标签的属性
什么是属性，属性是指这个标签包含的内容所具备的特征
<html>标签的 lang=“en”属性 ，这个属性表示语言是英文。zh表示语言是中文。
<meta>标签的charset属性，这个属性是一个编码器，它的作用是识别不同的语言。“UTF-8”代表万国语。可以识别各个国家的语言，而不会变成乱码。
<meta>标签的name属性代表视图窗口，content属性代表视图窗口的内容，user-scalable代表用户是否可以缩放视图，initial-scale 初始缩放比例，1.0代表未经缩放的网页，maximum-scale和minimum-scale分别代表缩放的最大值和最小值。
注释标签:ctrl+/
标题标签：<h1>~<h6> 对齐方式的属性align:center，left，right
段落标签：<p></p>
内嵌样式：style属性
换行标签：<br/>
水平标签：<hr/> 属性：noshade=“没有阴影”
width: 宽度 height ：高度 size：大小/厚度 它们的默认单位是像素，也就是px。
什么是像素：图像元素，单位面积内构成图像的点的个数。单位面积内点的个数越多，单位面积内像素越多，分辨率就越高，清晰度就越高。
中心标签：<center>
这里需要说的是，换行标签，水平标签是以个的形式，而不是以组或者队的形式。这个也非常好理解，因为这种标签它不需要写内容。
字体标签:<font> 属性： face="隶书/微软雅黑/宋体等等" 属性：size=“+数字”
<b></b> ，<strong></strong>都表示加粗。八，图片标签
1，图片标签：<img></img> 属性：src：路径 border：边框 alt：提示（当没有显示图片时候，就会出现），align属性：left，right，top，bottom，middle
2，什么是路径
路径：HTML5语言中有两种路径，一种是相对路径，一种是绝对路径。
相对路径：相对于HTML文件本身的路径。
绝对路径：分为本地绝对路径和网络绝对路径。
本地绝对路径是你电脑上从盘目录开始书写的路径。
网络绝对路径指的是资源的网址九，超链接标签
<a></a>
属性：href 要到达的网页。
