目标
知到网页的构成
了解HTML的作用
掌握HTML中常用的语义化标签
从整个浏览器来看
网页其实就是万维网中的一页，网页由结构、样式、行为三部分构成；其中结构部分就是使用HTML语言搭建，样式使用的是CSS搭建，而行为则是由JavaScript搭建，使得页面具有交互能力。
那么什么是HTML语言？
HTML指的是超文本标记语言（Hyper Text Markup Language），标记语言是一套标记标签，HTML是通过标签来描述网页。
超文本：就是指具有超链接（链接跳转）功能
HTML的基础结构
<!DOCTYPE html> <!--html声明-->
<html>
<! --html标签 网页根标签-->
<!--绝大多数标签都是成对出现的 头标签 尾标签-->
<head> <!--head子标签-->
<meta charset="utf-8"> <!--单标签 告诉浏览器，使用UTF—8字符集解析该文件-->
<title></title>
<head>
<body></body>
</html>
认识HTML 中的标签
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签成对出现的，叫做双标签，比如 <b> 和 </b>。双标签中的第一个标签是开始标签，第二个标签是结束标签。
HTML 标签单个出现的，叫做单标签。比如 <br/>
标签的分类
块级元素 行内元素
注意：块级元素单独占一行；行内元素不单独占一行
HTML中常见的标签
<p></p>标签：
作用：一个块级元素，定义一个段落
<i></i>标签：
作用：定义斜体字
<div></div>标签：
表示分割、分区，一个div独占一行，可以想象成一个大盒子
<span></span>标签：
作用：表示跨距、跨度，一行可以放多个span是一个小盒子
<img>标签：是一个单标签，负责定义图像
src属性：指图像的地址路径
alt 属性：用来为图像定义一串预备的可替换的文本。
<video></ video >标签：
作用：定义视频（video 或者 movie）
src属性：播放的视频的路径地址
HTML中常见的语义化标签
行内元素HTML标签
<i></i>：定义斜体字
<span></span>：表示跨距、跨度，一行可以放多个span是一个小盒子
块级元素HTML标签
<video></ video >：定义视频（video 或者 movie） （H5新增）
<div></div>：表示分割、分区，一个div独占一行，可以想象成一个大盒子。
<p></p>：定义一个段落
<img>：是一个单标签，负责定义图像
8084
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
