1.什么是HTML5？
1.H5是HTML的第5个版本；
2.H5是一门技术总称。
2.HTML5能做什么？
1.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端）；
2.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发）；
3.Hybrid App(混合应用开发，手机应用 例如，支付宝，淘宝等)；
4.Native App(原生应用开发，例如React Native 等框架的开发）；
5.桌面应用开发（电脑软件）；
6.游戏开发（例如，微信小游戏，其实好多游戏都可以用前端语言进行编写）；
7.后端开发（前端学到的nodejs可以实现后端的开发）。
3.项目开发流程？
1.产品经理 ---确定需求，产出PRD（Product Requirement Document 产品需求文档）、原型图 ；
2.UI设计 --- 根据产品设计效果，产出效果图、标注图（markman或sketch）；
3.前端开发---根据效果图、需求转换成相关代码；
4.后端开发---数据处理，产出接口文档 ；
5.测试---性能测试、安全性测试等。
4.网页的组成部分？
（1）HTML、HTML5
1、HTML 指的是超文本标记语言
(Hyper Text Markup Language) www万维网的描述性语言。
2、HTML5指的是HTML的第五次重大修改（第5个版本）(HTML5 是 W3C与 WHATWG 合作的结果)，H5网络标准统一，可以跨平台，多设备使用，语义化比较强。
（3）组织机构解析
1.W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。 W3C (制定了结构(xhtml、xml)和表现(css)的标准，非赢利性的)。
2.ECMA(European Computer Manufactures Association) 欧洲电脑场商联合会。 ECMA制定了行为(DOM(文档对象模型)，ECMAScript)标准。
3.WHATWG网页超文本应用技术工作小组是： 一个以推动网络HTML 5 标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。
5.文件的命名规范
1.文件命名规则：用英文，不建议使用中文 。
2.名称全部用小写英文字母、数字、下划线_或者-的组合，其中不得包含汉字、空格和特殊字 符；必须以英文字母开头。
3、命名的时候最好使用语义化比较强的英文 。
6.HTML理论基础？
HTML的语法
1、常规标记、双标记
<标记 属性=“属性值” 属性=“属性值”>文字内容</标记>
*必须用英文输入
2、空标记、单标记
<标记 属性=“属性值” 属性=“属性值” />
*必须用英文输入
7.HTML相关标签？
HTML常用标签
1.
2.
3.插入图片
（1）<img src=“图片路径” title=“鼠标悬停上去之后的提示信息” alt=“图片不显示之后的提示信息"/>
属性：
src = 'url';
alt = ' 标签 实例 带有指定替代文本的图像'
title = '文本提示'
width = ''
height = ''
border = ''
*<img src="" />
用/表示下一级 用../表示返回上一级
在哪个html文 件里写哪个就叫当前文 件
你要找的对象就叫目标文 件
*注意：插入图片自带的有3-5像素左右的间距 解决方法 1,img{vertical-align:top} 2,img{ display:block; }
（2）图片 title 和 alt区别：
alt:
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO
title:
1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。
4.超链接
< a href=“路径” title=“鼠标悬停上去之后的提示信息” target=“规定在何处打开文档">内容<a/>
Target属性：规定在何处打开文档; A.target=“_self“ 本窗口打开默认值 ; B.target=“_blank“ 新窗口打开.
5.div标签，没有具体含义，用来划分页面的区域，类似生活中看到的警戒线。
6.span标签
<span></span>没有具体含义,当与CSS一同使用时，元素可用于为部分文本设置样式属性。
7.空格  ；。
8.版权 ©；。
9.HTML特殊字符
8.相对路径
（同级）
1)当当前文件与目标文件在同一目录下，直接书写目标文件的文件名+扩展名；
（上级找下级）
2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：
文件夹名/目标文件全称+扩展名；
（下级找上级）
3)当当前文件所处的文件夹和目标文件在同一目录下，写法如下：
../目标文件文件名+扩展名；
*如果当前文 件和目标文 件在同一个目录下 ，直接写图片的名字.后缀
从上往下找 如果当前文 件和目标文 件的文 件夹在一个目录，直接写文 件夹的名字/图片的名字.后缀
从下往上找 如果当前文 件的文 件夹和目标文 件的文 件夹在同一个目录，先../返回上一级，直接写文 件夹的名字/图片的名字.后缀
9.表格
1.表格的基本结构
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
<!--
table 为表格
tr 行
td 列（每一个单元格）
-->
2：表格的html属性
1）width="表格的宽度"
2）height="表格的高度"
3）border="表格的边框"
4）bordercolor="边框色"
5）cellspacing="单元格与单元格之间的间距"
6）cellpadding=“单元格与内容之间的距离"
7）align="表格水平对齐方式"
取值：left 左边、right 右边、center 居中、
valign=“垂直对齐” top 上边\bottom 下边\middle 居中
8）合并单元格属性：(td)
合并列： colspan=“所要合并的单元格的列数"
合并行： rowspan=“要合并单元格的行数”
*哪些标签会换行？
p h1 h2 h3....h6 br hr ol li ul li dl dt dd div form
*哪些标签不会换行？
b strong i em sup sub u del span img a input
