1. HTML相关基础

1. html5的概念

        1. h5 是HTML的第五个版本

        2. h5是一门技术总称

2. h5 能做什么？

        1.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端）

        2.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发）

        3.Hybrid  App(混合应用开发，手机应用  例如，支付宝，淘宝等)

        4.Native App(原生应用开发，例如React Native 等框架的开发）

        5.桌面应用开发（电脑软件）

        6.游戏开发（例如，微信小游戏，其实好多游戏都可以用前端语言进行编写）

        7.后端开发（前端学到的nodejs可以实现后端的开发）

3. 项目开发流程

1.         1，产品经理 ---确定需求，产出PRD（Product Requirement Document 产品需求文档）、原型图      
   1.        ,2，UI设计 --- 根据产品设计效果，产出效果图、标注图（markman或sketch）
      1.        ,3，前端开发---根据效果图、需求转换成相关代码
         1.        ,4，后端开发---数据处理，产出接口文档      
            1.        ,5，测试---性能测试、安全性测试等

4. 网页组成部分

5. html， html5

        1、HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。

        2、HTML5指的是HTML的第五次重大修改（第5个版本）(HTML5 是 W3C 与 WHATWG 合作的结果)，H5网络标准统一，可以跨平台，多设备使用，语义化比较强

6. html发展历史

7.组织机构解析

（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基金会和苹果这些浏览器厂商组成。

8. 网页开发工具

9.文件的命名规范

1. 文件命名规则：用 英文 ，不建议使用中文 

2. 名称全部用 小写 英文字母、数字、下划线 _ 或者 - 的组合，其中不得包含汉字、空格和特殊字 符； 必须以英文字母开头 。  

        3、命名的时候最好使用语义化比较强的英文

10.html的语法

1、常规标记、双标记

      <标记  属性=“属性值”  属性=“属性值”>文字内容</标记>

2、空标记、单标记

      <标记  属性=“属性值”  属性=“属性值” />

11. 绝对路径和相对路径

1、绝对路径

  绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。

  注意：绝对路径在实际的开发过程中很少去使用，如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置，在自己的计算机上 浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了，绝对路径可以使用“\”或“/”字符作为目录的分隔字符

2、相对路径

      相对路径，就是相对于自己的目标文件位置。

1)当当前文件与目标文件在同一目录下，直接书写目标文件的文件名+扩展名；

<img src="pic4.gif" />

2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：

    文件夹名/目标文件全称+扩展名；  <img src="img/pic.png“/>

3)当当前文件所处的文件夹和目标文件在同一目录下，写法如下：

    ../目标文件文件名+扩展名；<img src="../小可爱.png" />

12. html常用标签

1. 超链接

<a  href=“路径”  title=“鼠标悬停上去之后的提示信息”  target=“规定在何处打开文档">内容</a>

Target属性：规定在何处打开文档。

A. target=“_self“  默认值

B. target=“_blank“  新窗口打开

 2. 图片

<img  src=“图片路径”   title=“鼠标悬停上去之后的提示信息”  alt=“图片不显示之后的提示信息"/>

13.html特殊字符