unit1 HTML5基础
HTML5的新特性
1.用于绘画的 canvas 元素
2.用于媒介回放的 video 和 audio 元素
3.对本地离线存储的更好的支持
4.新的特殊内容元素，比如 article、footer、header、nav、section
5.新的表单控件，比如 calendar、date、time、email、url、search
1、HTML 网页基本结构
1.1、什么是HTML？
Hyper Text Markup Language(超文本标记语言)，是一种用来描述网页的 标记语言 。超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
HTML 不是一种程序语言，不强调任何的逻辑性
HTML 是由一套成对的标签组成，格式如：<标签关键字></标签关键 字> <body></body>(双标签) 特殊：<input/>(单标签)
1.2、开发工具
1.3、基本结构
1.4、网页基本信息标签（放到 head 中的标签）
title:网页标题
meta：网页的属性
补充：
编码 一个字符在计算机中按几个字节存储。
gbk 国标码 一个汉字按 2 个字节存储
iso-8859-1 国际编码 一个汉字按 1 个字节存储
utf-8 国际通用码 一个汉字按 3 个字节存储
2、文本标签（放到 body 中的标签）
(内容)标题标签:<h1>……<h1> | <h2>、<h3>、...、<h6>
段落标签:<p>……</p>
换行标签:<br/>
水平线标签:<hr/>
字体样式标签: <strong>加粗字体</strong>、<em>倾斜字体</em>
注释和特殊符号标签
2.1、图像标签
<img src="a/book.jpg"
width="190px"
height="100px"
title="我会在鼠标悬浮的时候显示"
alt="图片加载失败的时候显示"
/>
alt 属性用来对图像进行文本说明。
title 用来设置鼠标移动到图片上的提示文字。
width 表示图片的宽，默认单位是像素（px）；
height 表示图片的高，默认单位也是像素（px)；
src 表示图片的引用地址，这个地址可以是相对 url，也可以是绝对 url；
2.2、链接标签
2.2.1、页面间链接
1) 从一个页面链接到另外一个页面
<a href=”网页地址” target="目标窗口的位置">超链接的标签体<
/a>
_self（默认）当前窗口显示目标网页
_blank 每次都在新的窗口中显示目标网页
（_top ,_parent）
2.2.2、锚链接
1、从A页面的甲位置跳转到本页中的乙位置
2、从A页面的甲位置跳转到B页面中的乙位置
创建步骤：
1创建跳转标记
<a name="marker">乙位置</a>
2创建跳转链接
<a href="#marker">甲位置</a>
2.2.3、功能性链接
功能性链接
电子邮件
<a href="mailto:[email protected]">联系我们</a>
QQ
<a href="tencent://message/?uin=QQ号；Site="";Menu=yes">联系我们</a>
MSN