前言
Web标准
对于不同的浏览器的渲染引擎不同，导致对于我们编写的相同代码在不同的浏览器显示效果不同，甚至出现排版问题。这时候我们使不同的浏览器按照相同的标准显示结果，让展示效果达到统一，由此体现为web标准。
web标准由HTML、CSS、JavaScript组成。HTML是超链接语言，用来显示页面的元素和内容；CSS控制页面元素的外观（颜色，大小）以及位置等页面样式；Javascript控制了网页的行为。可以理解为HTML设定结构，CSS进行美化，JavaScript做出行动。
HTML
HTML简介
HTML是一种超文本标记语言，主要用来实现静态页面，我们在页面看到的文本，图片，视频，声音，表格，链接等都是通过HTML语言描述的，超越文本可以设置样式，显示图片，播放视频。HTML由标签组成，给不同的标签不同的属性，可以实现网页的多彩效果。
HTML标签
我们可将网页看成是一篇文章：每一页文章内容是有固定的结构的，如开头、正文、落款等。网页中也是存在固定的结构，如整体、头部、标题、正文主体等。网页中的固定结构可通过特定的HTML标签进行描述。
<!DOCTYPE html>
<html lang="en">
<!-- 页面头部区域 -->
<head>
<!-- 字符集编码格式设置--uft-8防止页面中文乱码 -->
<meta charset="UTF-8">
<title>Document</title>
</head>
<!-- 页面显示区域 -->
<body>
</body>
</html>
标签由 < 、 > 、 / 、英文单词或字母组成。把标签中 <> 包括起来的英文单词或字母称为标签名常见标签由两部分组成，称为双标签，前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容。少数标签由一部分组成，称为单标签，自成一体、无法包裹内容。
- 标题标签
h1：1级标题
h2：2级标题
h3：3级标题
h4：4级标题
h5：5级标题
h6：6级标题
特点：
1、标签文字都加粗、变大（h1~h6逐渐减小）；
2、每个标题独占一行；
- 段落标签
段落标签：p标签 双标签
特点：1、段落间存在间隙；2、每个段落独占一行；
- 换行标签
换行标签：br 单标签
作用：强制换行
- 水平线标签
水平线标签：hr标签 单标签
作用：分割不同主题的水平线
- 文本格式化标签
文本加粗、下划线、倾斜、删除线的效果
<!-- 第一组 -->
<b> 加粗 </b>
<u> 下划线 </u>
<i> 倾斜 </i>
<s> 删除线 </s>
<!-- 第二组：语义更强烈 -->
<strong> 加粗 </strong>
<ins> 下划线 </ins>
<em> 倾斜 </em>
<del> 删除线 </del>
- 链接标签
超链接：a标签 双标签
作用：点击之后跳转网页
属性：href：告诉浏览器点击之后跳转去哪一个网页。
路径：外部链接：互联网上的绝对路径；内部链接：推荐使用相对路径；target：目标网页的打开方式。
取值：_self：(默认值) 在当前窗口中进行跳转，原网页会被覆盖；_blank：在新窗口中进行跳转，原网页保留。
- 图片标签
图片标签：img 单标签
作用：在网页中展示一张图片
属性：src：告诉浏览器要显示哪张图片；属性值：路径（如果图片和当前页面在同级目录下，此时直接用图片名字即可），在图片其他的目录里面，这个时候使用相对于文件的相对路径，而不是绝对路径。
alt：替换文本，当图片加载失败时才显示的文字；
title：提示文本；width：图片宽度；height：图片高度。
- 多媒体标签
音频标签：audio
属性：
1、src：路径
2、controls：播放的控件
3、autoplay：自动播放（部分浏览器不支持）
4、loop：循环播放
视频标签：video
属性：
1、src：路径
2、controls：播放的控件
3、autoplay：自动播放（部分浏览器不支持）
4、loop：循环播放
- 布局标签
div 标签：一行只显示一个（独占一行，块级元素）
span 标签：一行可以显示多个
- 列表
无序列表<ul>
<!-- ul表示无序列表的整体 -->
<!-- li表示无序列表的每一项 -->
有序列表<ol>
<!-- ol表示有序列表的整体 -->
<!-- li表示有序列表的每一项 -->
- 表格
<!-- table表示表格的整体 -->
<!-- tr表示表格的每一行 -->
<!-- td表示表格的单元格 -->
学习思考
随着计算机技术的飞速发展，如今各种游戏、小程序、视频、网站都离不开HTML技术。结合生活经历，我认为有几个发展趋势：（1）HTML5技术的移动端方向；现阶段移动浏览器有应用体验不佳、网页标准不统一的劣势，这两个方面是移动端网页发展的障碍，而HTML5技术能够解决相应问题，整体推动整个移动端网页方面的发展。（2）Web内核标准提升；目前移动端网页内核大多采用Web内核，相信随着智能端逐渐普及，HTML5在Web内核方面应用将会得到极大的凸显。（3）视频、在线直播等；HTML5将会改变视频数据的传输方式，让视频播放更加流畅，与此同时，视频还能够与网页相结合，让用户看视频如看图片一样轻松。互联网已经成为人们日常生活中不可或缺的一部分，Web前端与移动开发还是较符合发展趋势。而自己在挺多方面还需要积累学习、查漏补缺。
