基本结构

培训第一天：
上午，我来的很早，本来是10点开始上课，我早到了9点钟了，到了后就紧张的，不知哪个教室，侯老师介绍了一个美女的班主任。她负责同学的座位。我一点点接受美女老师真的美美，美女老师还介绍一位上课的教导老师名叫张老师，他是一位胖胖的，好可爱啊。我就一点也不害怕了。我不多说这些，说点正事：
张老师还给了我介绍概念内容：

**   1)什么是HTML**

答：HTML是超文本标记语言，是在浏览器上运行的一个脚本语言。HTML也就是我们在浏览器里面打开的任意一个网页，所有网页都离不开HTML。
超文本：就是指页面内可以包含图片、链接、甚至音乐、视频等非文字元素；
标记：是一种标记符，可以告诉浏览器如何显示这些超文本内容，比如：<b></b>是一种让文字加粗的标记符。

注意：

        1、HTML不是编程语言，它是一种标记语言（脚本语言）；

        2、HTML是部署在服务器上，运行在浏览器上；

        3、HTML是使用标记标签（标记符）来描述页面内容；

**   2)为啥使用HTML？**

答：HTML是用来描述网页内容的，可以告诉浏览器根据我们的标签来显示相应的内容。对于网站来说，HTML就是整个网站的骨架，如果不用HTML的话，很难说明网站长什么样？

**   3)认识浏览器**

答：我们的认知：浏览器就是一个图标，可以双击打开，在地址栏中输入网址内容，就会显示对应的页面。

我们看不到的内容：当我们在浏览器的地址栏输入网页之后，浏览器会发送请求到服务器，服务器接收并处理以后，将处理的结果响应到浏览器。

**   4)使用浏览器的开发人员查看请求和相应**

答：在浏览器里面鼠标右键“检查/审查元素”，快捷键F12

     4.1、打开network

    4.2、浏览器请求的详细信息

    4.3、浏览器请求数据的原理

就是浏览器让请求页面直接去服务器上找，找到对应的HTML文件以后将整个文件通过response响应回浏览器。

    4.4、请求协议----http协议
    请求报文
      浏览器发送给服务器
   响应报文
       服务器发送给浏览器的

URL的组成：协议://服务器IP地址：端口号/请求的页面
家庭住址 门牌号

    ** 5)动态页面和静态页面**

答：静态网页：HTML代码和内容和书写完毕之后，页面的内容和显示效果基本是不变的（除非修改代码）；

   动态网页：页面代码虽然没有变，但是显示的内容却是可以随着时间（秒杀）、环境、数据库操作的结果而发生变化的；

注意：不要将动态网页和页面有动画效果混为一谈，只要页面内容没有任何变化，那么就是一个静态网页。

**   6)HTML技术的发展历程**

答：

• 1993年，第一版的HTML 1.0诞生；

• 1995年11月，HTML 2.0发布；

• 1997年1月，HTML3.0发布，W3C推荐标准；

• 1997年12月，HTML 4.0发布，W3C推荐标准；

• 1999年，HTML 4.01发布，W3C推荐标准；

• 2014年10月，HTML 5发布，保留了HTML 4的所有功能，增加很多新功能（小视频）。

W3C：万维网联盟，是WEB基础领域最具权威和影响力的国际中立技术标准机构，该组织制定WEB技术标准。

**   7)HTML的开发工具**
答：

• Dreamwear：可视化开发网页的软件（偏向设计，不写代码）
• Hbuilder、Webstrom：（重量级）自带功能比较全的开发软件

• Sublime、EditPlus、EverPlus等：（轻量级）自带功能不太全

*记事本：纯手敲

**   8)HTML入门**

答：

• 文件的后缀名：

• a、修改文件的后缀名是不会改变文件内容的；

• b、后缀名用来决定这个文件的打开方式的；

• c、针对HTML页面，如果我们要查看这个文件的内容，直接以浏览器方式打开；但是我们要修改这个文件中的
  内容，应该以记事本方式打开。
  9)HTML结构
  

** !DOCTYPE***

!DOCTYPE是文档类型，简单来说就是说明该文件使用哪个版本的HTML规范。
在使用!DOCTYPE的时候，把html后面的所有内容全部去掉，去掉之后就是<!DCOTYPE html>这是HTML 5版本的写法。

• html标签
  作用：所有HTML中标签的根节点，所有标签都在html标签之下。
• head标签
  作用：存放title、meta、base、style、script、link内容，head是页面的头部信息，head里面的内容是不会显示在页面的。
• body标签
  作用：用于存放页面需要显示的标签内容，body里面的内容是会显示在页面的。
• title标签
  作用：让页面拥有一个属于自己的标题
  

• meta标签
  meta的用法：
  1、description----描述页面，可以用来描述页面信息，该信息会被百度等搜索引擎进行收录，以此提高网页的排名。
  2、charset---------字符集（页面内容的编码格式），常用的字符集有两种：
  utf-8（utf8）----收录全世界所有语言中的文字
  gbk（gb123）----只收录了汉字、片假名
  3、keywords-------关键字，可以用来提高页面的关键字比重（提升网页排名的一种方式）

  ** 10)HTML的注释**

  答：代码：<!--xxxxxxx-->
  作用：给某一段代码加入一个解释性的文字，主要用于说明页面布局。
  特点：注释不会在页面上显示

   11)记忆：