html5 入门

什么是HTML?

HTML不是编程语言，是用来描述网页文档（页面结构）的一种标记语言；

HTML指超文本标记语言（Hyper Text Markup Language），之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。；

HTML规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。

什么是HTML5?

简单来说就是超文本标记语言（HTML）的第五次重大修改。 HTML5 的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如 video、audio 和 canvas 标记。

HTML5 还引进了新的功能，可以真正改变用户与文档的交互方式。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

html标准文档结构

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my Web Book</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

文档结构解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body>元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

html 基本语法

HTML 元素由开始标签和结束标签组成。
位于开始标签和结束标签中的文本是元素的内容。
HTML 标签有开始必须有结束。如果是没有内容的标签（空标签），用 />来结束。
标签名推荐用小写。
标签具有属性，属性用来表示标签的性质和特征。属性要在开始标签中指定。

定义一个合格的HTML页面

1. HTML5文档声明

<!DOCTYPE html>

说明：位于标签之前，不区分大小写。告知浏览器该文档遵循HTML规范。

2. 设置页面编码，关键字等

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

<head>
   <meta charset="utf-8">
   <meta name='Keywords' content="html,前端,关键字"/>
   <meta name="description" content="描述：这是一个新手的html页面"/>
</head>

3. 设置页面标题

<title>这是标题</title>

4. 显示网页icon

可选择使用在线制作图标open in new window工具，上传你想显示的图片，最好是方形的图片

下载32X32尺寸，并把图片放到项目目录中

在页面head标签中，插入以下代码，href的值为你的icon相对地址

    <link rel=“shortcut icon” href=“img/web.icon”/>

5. base标签的使用

控制整个页面所有外部链接的根地址会自动拼接在该页面下面的所有相对地址的前面

    <head>
        <base href="/20160727HTML/" />
    </head>
    <body>
        <!– -
        这里的相对地址，会自动拼接base的值，即/20160727HTML/img/xx.jpg
        -- >
        <img src=“img/xx.jpg”/>
    </body>

# html5 入门

# 什么是HTML?

# 什么是HTML5?

# html标准文档结构

# 文档结构解析

# html 基本语法

# 定义一个合格的HTML页面

# 1. HTML5文档声明

# 2. 设置页面编码，关键字等

# 3. 设置页面标题

# 4. 显示网页icon

# 5. base标签的使用