HTML5--初步基础元素及简单介绍

1. 什么是HTML？
      a) HTML是用来描述网页的一种语言，它是一种超文本标记语言，也就是说，HTML不是一种编程语言，仅是一种标记语言。
2. 使用W3C标准的原因
      a) 随着浏览器市场的激烈竞争，各大浏览器厂商为了吸引用户，都在早期的HTML的基础上扩展各类标签，各浏览器之间互不兼容，导致HTML编码规则混乱，违背了HTML发明的初衷，因此需要一个组织来制定和维护统一的国际化Web开发标准，确保多个浏览器都兼容，HTML内容结构都是语义化的。这样的背景下，万维网联盟(World Wide Web Consortium，W3C)诞生了，因此由W3C组织制定和维护的Web开发标准，也称为W3C标准。
3. W3C标准的介绍
      a) W3C标准不是某一个标准，而是一系列的标准集合，一个网页主要由三部分组成：结构(Structure)，表现(Presentation)，行为(Behavior)，对应了三种常用的技术：HTML CSS JavaScript
4. 网页的基本信息：
      a) <!DOCYPE html>：最上边一行关于DOCTYPE文档类的声明，约束HTML文档结构，检验是否符合相关Web标准，同时告诉浏览器，使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。
      b)
      c) 标签：使用该标签描述网页的摘要信息，包括文档内容类型，字符编码信息，搜索关键字，网站提供的功能和服务的详细描述等。标签描述的内容并不显示，其目的就是方便浏览器解析或利于搜索引擎搜索，它采用“名称/值”对的方式描述摘要信息。
            i. 文档内容类型，字符编码信息书写如下：
            ii. 属性：charse表示字符集编码，常用的编码有以下几种：
            iii. Gb2312：简体中文，一般用于包含中文和英文的页面
            iv. ISO-885901：纯英文，一般只用于包含英文的页面
            v. Big5：繁体，一把用于带有繁体字的页面
            vi. UTF-8，国际性通用的字符编码，同样适用于中文和英文的页面。和gb2312编码相比，国际通用性更好
      d) 搜索关键字和内容描述信息书写如下：
            i. <meta name=”keywords” content=”IT培训”>
            ii. <meta name=”description” content=”培养优秀的IT人才”>
            iii. 实现的方式仍为：“名称/值”对的形式，其中keywords表示搜索关键字，description表示网站内容的具体描述，通过提供搜索关键字和内容描述信息，方便搜索引擎的搜索
      e) 标签里有个属性lang=”en”，它的意思是表示本页面是英文的，某些浏览器会提示是否翻译。
5. 标题标签：<h1>~<h6>,<h1>号最大，<h6>号最小
6. 段落标签，换行标签，水平线标签，字体样式标签，注释：
      a) <p>……</p>表示一段文字等内容，一个段落可以包括多行文字，文字内容将随浏览器窗口大小自动换行。
      b) <br/>表示强制换行显示，该标签比较特殊，没有结束标签，直接使用<br/>表示标签的开始和结束
      c) <hr/>表示一条水平线，该标签和
标签一样，比较特殊，没有结束标签
      d) <strong>……</strong>标签可以让字体变粗
      e) <em>……</em>标签可以让字体倾斜
      f) 注释语法：<!–注释内容–>，添加注释，方便阅读和维护
7. 特殊符号对应的HTML代码被称为字符实体：

8. 常用的图像格式：
      a) JPG格式
      b) GIF格式
      c) BMP格式
      d) PNG格式
9. 图像标签的基本语法如下：
      a)
10. 超链接标签的基本用法及包含两部分：
      a) 一是链接地址，即链接的目标，可以是某个网站或文件的路径，对应为<a>标签的href属性。
      b) 二是链接文本图像，单击该文本或图像，将跳转到href属性指定的链接地址
11. 语法：<a href=”链接地址” target=”目标窗口位置”>链接文本或图像
      a) Href：表示链接地址的路径
      b) Target：指定链接在那个窗口打开，常用的取值有_self(自身窗口)，_blank(新建窗口)
12. 链接地址又分为绝对路径和相对路径：
      a) 绝对路径：指向目标地址的完整描述，一般指向本站点外的文件
      b) 相对路径：相对于当前页面的路径，一般指向本站内的文件
      c) 站内使用相对路径时常用到的两个特殊符号：“…/“表示当前目录的上级目录，”…/…/“表示当前目录的上上级目录
      d) 当超链接href链接路径为“#“时，表示空连接。
13. 超链接的应用场合：
      a) 页面间链接：A页到B页，最常用，用于网站导航
      b) 锚链接：A页甲位置到A页乙位置或A页甲位置到B页乙位置
      c) 功能性链接：在页面中调用其他程序功能，如电子邮件，QQ，MSN等