1. 张宇宁
    1. QQ：32991789
    2. 微信公众号
      1. 达内PHP张大民
    3. 申请
      1. 姓名
      2. 中心
      3. PSD1801班
  2. 学习方法
    1. 该听的时候认真听，该敲的时候认真敲
    2. 听课的时候要学会听关键点，不要光听个热闹听个高兴
    3. 积极互动，积极回答问题，远程学员也要跟着一起思考问题
      1. 思考问题
      2. 反馈结果
    4. 认真完成布置的作业，勤动手多练习
    5. 如果解决遇到的问题
      1. 问同学
      2. 问项目经理
      3. 问我
        1. 明确问题点
        2. 配合代码截图
    6. 这是一次全新的旅程，你们每个人都是一张白纸，希望你们都能绘画出一副让自己满意的自己
  3. 编辑器
    1. 编辑计算机程序的工具
      1. 记事本
      2. sublime
    2. 搜狗输入法
      1. 右键--->属性设置--->中文时使用英文标点
  4. 计算机语言的分类
    1. 什么是计算机语言
      1. 人与计算机交流沟通的方式
      2. 机械语言
        1. 由数字0和1组成的编程语言
        2. 0代表的是二极管的低电压，1代表的是二极管的高电压
        3. 执行速度最快，写法最复杂
      3. 汇编语言
        1. 把0和1的数字用特殊的符号和字母组合进行编译
        2. 记忆符号也非常复杂，程序执行效率没有机械语言高
      4. 高级语言
        1. 现在大部分开发的语言都是高级语言
          1. C族
          2. C语言，C++,C#
          3. Java
          4. PHP
          5. MySQL
  5. HTML
    1. 什么是HTML
      1. HyperText Markup Language 超文本 标记 语言
      2. 作用
        1. 描述页面内容的一种计算机语言
      3. 超文本标记语言
        1. 超文本
          1. 文本，泛指文字
          2. 超文本，除了文字之外的，例如：超链接,图片，视频，音频，flash动画等
        2. 标记语言
          1. 是计算机语言的一种，简单直观
      4. HTML5是目前HTML最新版本
      5. HTML遵循W3C标准
    2. W3C
      1. World Wide Web Consortium 康搜提母
        1. 万维网联盟
      2. 创建于1994年10月
      3. 创建并维护www标准，对web进行标准化
    3. 浏览器
      1. 作用
        1. 向服务器发送HTML请求
        2. 解析服务器返回的HTML内容
      2. 主流浏览器
        1. Chrome
        2. Firefox
        3. IE
        4. Opera
        5. Apple Safari
      3. 浏览器的内核
        1. 负责对网页语法（HTML CSS JavaScript等）的解释，并显示在网页中，也称为渲染引擎，目前有五大公司的五款主流内核
    4. 建立HTML的方式
      1. 通过编辑器建立
        1. ctrl+n，新建文件
        2. ctrl+s，保存文件，设定扩展名为.html
    5. HTML的基本结构
      1. <!DOCTYPE html>
        1. 文档类型声明，表明此是一个H5页面
      2. <html lang="en">...</html>
        1. 根元素，所有代码的开始和结束
        2. lang
          1. 语言代码
      3. <head>...</head>
        1. "头"标签，定义页面全局信息
      4. <meta charset="utf-8">
        1. 设定编码格式为uft-8
        2. utf-8编码为推荐编码
        3. 其他中文编码： GB2312，BGK ，GB18030
      5. <title>...</title>
        1. 标题的文字部分
      6. <body>...</body>
        1. 页面的主体
    6. HTML的组成
      1. 标签(标记，元素) HTML Element 挨里门特
        1. 分类
          1. 按照内容分
          2. 单标记
          3. <meta charset="UTF-8" />
          4. 双标记
          5. <title>...</title>
          6. 按照属性分
          7. 块元素
          8. block
          9. 独占一行
          10. 内联元素
          11. inline
          12. 显示在一行之内
        2. 语法
          1. <标签名称 标签属性="标签属性值">...</标签名称>
          2. <标签名称 标签属性="标签属性值" />
          3. HTML中，允许元素嵌套，但是是有原则的，内联元素中不能嵌套块元素
        3. 属性
          1. 定义
          2. 用来修饰标记的效果的内容，就是属性
          3. 注意
          4. 属性必须声明在开始标记中
          5. 属性与标记名称之间，用 空格 隔开
          6. 属性的值 与 属性之间 使用 "=" 连接
          7. 一个元素允许有多属性，多属性间，排名不分先后，中间用 空格 隔开即可
          8. 分类
          9. 布尔属性
          10. 属性值等于属性，建议不写属性值
          11. <input type = "text" disabled = "">
          12. 全局属性
          13. 所有的标签都可以执行的属性
          14. title
          15. HTML元素自己包含内容的公告
          16. name
          17. HTML元素的名字，可以重复
          18. id
          19. 唯一的标识，它在整个文档里是唯一的
          20. class
          21. HTML元素的CSS类列表
          22. style
          23. HTML元素的内联CSS样式声明
          24. data-*
          25. 自定义属性以及属性值，方便之后的CSS以及JavaScript等操作
          26. 全局事件属性
          27. 配合JavaScript/jquery使用的属性
          28. <p onclick="window.alert('鼠标单击')">鼠标事件测试</p>
        4. 属性值
          1. 定义
          2. 标签属性的值
          3. 注意
          4. 属性值是由属性来决定的
          5. 输入不符合规范的属性值，属性会执行默认的属性值
          6. 属性值可以不写引号，但为了规范，必须要写在引号之内
    7. HTML的编码规范
      1. HTML 文件使用无 BOM 的 UTF-8 编码；
      2. 使用 HTML5 的 doctype 来启用标准模式，建议使用大写的 DOCTYPE；
      3. 字符编码一般采用 UTF-8 编码；
      4. HTML元素和属性名称必须为小写字母；
      5. 不要在空元素的尾部添加斜线；
      6. HTML元素属性值使用双引号括起来；
      7. 布尔类型的属性，建议不添加属性值；
      8. 标签使用必须符合标签嵌套规则；
      9. 使用 4 个空格做为一个缩进层级；
      10. 合法性验证网站
        1. http://validator.w3.org
    8. HTML的注释
      1. 语法
        1. <!-- 注释的内容 -->
        2. 被注释的内容，存在于代码之中，但是不会被浏览器内核编译并执行
      2. 注意
        1. 注释不能嵌套注释
        2. 注释不能出现在标签的属性以及属性值内
    9. 基本标签介绍
      1. 标题标签
        1. headline
        2. <h1>...</h1>
        3. ......
        4. <h6>...</h6>
        5. 效果
          1. 调整字体大小
          2. 字体加粗
          3. 垂直方向有间距
      2. 文本标签
        1. 加粗
          1. <strong>...</strong>
          2. 语义为强调
          3. <b>...</b>
          4. 非语义化标签，H5之后已经不推荐使用
        2. 倾斜
          1. <em>...</em>
          2. 语义为斜体
          3. <i>...</i>
        3. 删除
          1. <del>...<del>
          2. 语义为删除
          3. <s>...</s>
        4. 上标
          1. <sub>...</sub>
        5. 下标
          1. <sup>...<sup>
        6. 段落标签
          1. <p>...</p>
          2. 垂直方向有间距
          3. 接受自动换行以及br标签换行
          4. 不能包裹块元素
        7. <div>...</div>
          1. 标准的块元素
        8. <span>...</span>
          1. 标准的行内元素
      3. 分割线标签
        1. <hr>
          1. 可以通过宽度指定大小
      4. 换行标签
        1. <br>
          1. 文字排版布局使用
      5. HTML实体/字符实体 HTML Entities 按特提思
        1. 在HTML中有些字符是预定义好的
          1. 为了解决字符与HTML标签冲突的问题
          2. 为了解决键盘无法输入的问题
        2. 空格 &nbsp;
        3. & &amp;
        4. < &lt;
        5. > &gt;
        6. " &quot;
        7. ' &#39;
          1. 兼容IE
        8. © &copy;
        9. ® &reg;
        10. https://dev.w3.org/html5/html-author/charref
      6. 图片标签
        1. <img src="导入图片的url" alt="替换内容" title="对话框内容" width="宽度" height="高度">
        2. src和alt是必选属性
        3. 路径
          1. 绝对路径
          2. 网址
          3. 绝对路径由完整的协议名称、主机名称、路径及文档全称组成。
          4. 相对路径
          5. 从源文件开始，到目标文件的过程
          6. 根相对路径
          7. 从盘符开始，到目标文件的过程
          8. web开发，基本不用
        4. width，height
          1. 浏览器会按照原始比例自动缩放
          2. 建议使用CSS属性替代
        5. 主流格式
          1. GIF
          2. Graphics Interchange Format
          3. 支持透明效果,动画效果
          4. 显示256色
          5. jpg/JPEG
          6. 有损压缩，不支持动图，不支持透明效果
          7. JPGE2000，无损压缩，专业用的
          8. 显示1670万色
          9. png
          10. 无损压缩，三种格式，支持透明色，不支持动图
          11. 8位
          12. RGBA各占2位
          13. 支持透明
          14. 24位
          15. RGB各占8位
          16. 不支持透明色
          17. 32位
          18. RGBA各占8位
          19. 支持透明
          20. 显示1670万色
      7. 超链接标签
        1. <a href="链接的url地址" target="超链接的打开方式">...</a>
          1. href为超链接的必填属性
        2. href
          1. 浏览器支持的文档
          2. 直接支持的
          3. html，图片，文档
          4. 需要经过服务器才能解析的
          5. .php等
          6. 浏览器不支持的文档
          7. zip，rar
          8. 直接下载
          9. 特殊
          10. 系统配置好的邮箱
          11. 直接打开电子邮箱
          12. <a href="mailto:admin@tedu.cn">联系管理员</a>
          13. 连接到JavaScript
          14. <a href="javascript:window.alert('警示对话框')">JS警示对话框</a>
        3. 链接的打开方式
          1. target
          2. _self
          3. 默认值，本窗口打开
          4. _blank
          5. 新窗口打开
          6. _top
          7. 顶层框架打开
          8. _parent
          9. 当前框架的父框架打开
          10. 在iframe中打开
        4. href的属性值
          1. 空链接
          2. <a href="#">...</a>
          3. <a href="javascript:void(0)">...</a>