一：今日学习内容
HTML简介
网页：就是网站中的一页，通常是HTML的格式文件，通过浏览器进行阅读
网站：就是使用HTML等内容制作的网页集合
什么是HTML
HTML(Hyper test markup language)超文本标记语言，它是用来描述的一种标记语言
什么是超文本
图片、声音、动画、等内容（超越文本的限制）
超链接可以跳转到其他的网页（超级链接文本）
网页的解析过程
从服务器下载HTML文件到浏览器中进行解析并渲染成页面
常用的浏览器
六大浏览器： IE（微软）、edge（微软）、Firefox（火狐）、Chrome（谷歌）、Safari（苹果）、opera。
浏览器的内核
指的是浏览器最核心的部分，负责对网页的语法解释，渲染页面。
IE（trident） firefox (gecko)、Safari（Webkit）、Chrome/Opera（Blink、其实是Webkit内核的分支）。
国内的浏览器一般都是使用webkit或者blink内核，所以我们后期考虑兼容性的时候也主要考虑这两个内核
Web标准
Web标准是由w3c组织和其他的一些标准化的组织指定一系列的网页标准
Web标准主要包括
结构（structure）
结构用于对网页元素进行整理和分类，主要使用HTML
表现（Presentation）
用于设置网页元素的版式、颜色、大小等外观样式。主要使用css
行为（Behavior）
指网页中的交互内容，现阶段主要学习的是JavaScript
HTML语法规范
基本语法
标签组成
HTML的标签是由尖括号包围的关键词组成的，例如<html>
成对出现
HTML的标签通常是成对出现的，比如<html></html>,称之为双标签。标签中的第一个标签是开始标签，第二个标签是结束标签
单标签
有一些特殊的标签必须是单标签（情况比较少），例如<br>标签，就是一个单标签
HTML基本结构标签：<html></html>是页面中最大的标签，也叫做跟标签；<head></head>是页面的头部标签，其中必须要写的标签是<title></title>；<title></title>页面的顶部区域标题的内容，让页面能有一个自己的标题；<body></body>页面中的主题内容都是放在body标签中的
HTML的文档后缀
HTML的文档后缀必须是.html或者.htm,浏览器的作用是读取HTML文档，并通过内核渲染显示内容
开发工具：Dreamweaver、Sublime、WebStorm、Hbuilder、VSCode、VSCode
选择适合自己的版本，点击下载即可
基本使用：新建文件 Ctrl + N；保存Ctrl+s， 保存文件的时候文件名要以.html结尾；ctrl + 加号 和 ctrl+减号可以放大或者缩小视图；生成页面的骨架标签：输入英文感叹号“!” 按下tab键即可；利用插件在浏览器中预览页面，右键点击鼠标，选择open in default Browser。Alt+shift+f 快速格式化代码；Alt+shift+下键 快速复制上一行代码
骨架新增标签
<!DOCTYPE html>是DTD文档类型定义
DTD文档声明：应该有什么样的标签； 标签之间应该如何进行排列；标签应该有什么属性；校验文档是否复合DTD文档类型定义的规范。这个声明就是告诉浏览器使用HTML5的标签来显示网页。
注意点：DTD文档定义代码应该要写在HTML文件的最前面；DTD不是HTML的标签，是另一种专门来定义标签语言的语言。
lang语言种类
用来定义当前文档的显示语言
en代表是英语； zh-CN定义语言为中文；但是目前不管是定义成中文还是英文，浏览器对于这两种语言都能正常显示。
charsert字符集
字符集是多个字符的集合，方便计算机识别和存储各类文字
常用的字符集有：GB2312、GBK和UTF-8，其中UTF-8也被称为万国码，基本包括了全世界所有国家需要用到的字符。
HTML常用标签
标签的语义：就是指标签的含义，说明这个标签是用来干嘛的
标题标签：为了让我们的页面更加具有语义化，我们会给页面添加标题标签，HTML为我们提供了6个网页标题标签，即<1></1><6></6>
h是单词head的缩写，意为头部、标题
标签语义：作为标题来使用
特点：1、字体会加粗显示；2、重要性依次递减（字体大小会逐渐变小）；3、每个标签会单独占一行
段落标签 <p></p>标签用于定义段落；p是单词paragraph的缩写，意为段落；语义：分割HTML的段落；特点：文本在一个段落中到达浏览器的边界会自动换行；段落和段落之后保留垂直距离 换行标签 <br>标签能控制文本的强制换行；br是break的缩写，意为打断、换行；语义：强制换行 特点：<br>标签是单标签 <br>标签只是单纯的开始新的一行，并不会增加文本之间的垂直间距，注意和段落标签的区分 文本格式化标签：加粗<strong></strong> 或者 <b></b>；斜体<em></em> 或者 <i></i>；下划线<ins></ins> 或者 <u></u>；删除线<del></del> 或者 <s></s>；div标签和span标签 div标签和span标签没有特殊的语义，简单来说就是在网页上划分区域的盒子。 div特点：每一行只有一个div span特点：一行可以显示多个span 标签属性；指的是这个标签的特性；在标签名之后用空格分开；属性名和属性值是用等号进行连接的；属性值必须要写在双引号当中；标签的属性可以有多个，而且没有先后顺序 图像标签 img标签来引入图像 常用属性 src =“图片的路径” 是必须属性；alt=“替换文本” 当图片加载失败的时候显示的文字内容；title=“提示文本” 当鼠标移动到图片上的时候显示的文本；width=“像素值” 设置图片的宽度；height=“像素值” 设置图片的高度；border=“像素值” 设置图片的边框粗细 相对路径和绝对路径 相对路径：以当前的文件为其实参考点，一级一级的建立目录路径: ../ 代表上一级目录, / 代表下一级目录, . 代表当前目录 绝对路径: 从盘符的根目录下开始一步一步的建立文件路径，和当前文本的路径是无关的 二、今日问题 无 三、解决方案 无 | 
