第一章 HTML5基础
HTML是用来描述网页的一种语言，它是一种长文本标记语言。
HTML5的优势：1.世界知名浏览器厂商对HEML5的支持2.市场的需求3.跨平台
万维网联盟（World Wide Web Consortium，W3C）。是Web技术领域最权威和具有影响力的国际中立性技术标准机构。
由W3C组织制定和维护统一的国际化Web开发标准，确保多个浏览器都兼容，HTML内容都是语义化的。
W3C标准不是某一个标准，而是一系列的标准集合，一个网页主要由三个部分组成，即结构（Structure）、表现（Presentation）和行为（Behavior）。
常用技术 结构：HTML
表现：CSS
行为：JavaScript
网页编辑工具：记事本、Dreamweaver、WebStorm等
HTML5文件的基本结构
<html>
<head>
<title>网页标题</title>
</head>
<body>
主体部分
</body>
</html>
网页的基本信息
1.DOCTYPE声明
约束HTML文档结构，检验是否符合相关Web标准，同时告诉浏览器，使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。
<！DOCTYPE html>
2.<title>标签
使用<title>标签描述网页的标题。<title>网页的标题<title/>
3.<meta>标签
使用<meta>标签描述网页的摘要信息,包括文档内容类型、字符编码信息、搜索关键字、网站提供的功能和服务的详细描述等。标签描述的内容并不显示。其目的是方便浏览器解析或利于搜索引擎搜索。它采用“名称/值”对的方式描述摘要信息。
（1）文档内容类型、字符编码信息书写如下。
<meta charset=”UTF-8” />
属性：charset表示字符集编码，常用的编码有以下几种。
>gb2312：简体中文。一般用于包含中文和英文的页面。
>ISO-885901：纯英文，一般用于只包含英文的页面。
>big5：繁体，一般用于带有繁体字的页面。
>UTF-8：国际性通用的字符编码。同样适用于中文和英文的页面。和gb2312编码相比，国际通用性更好。
在保存文件时编码方式一定要与HTML5页面中 标签中的编码方式保持一致，否则，将会出现乱码。
（2）搜索关键字和内容描述信息书写如下
<meta name=”keywords” content=”北大青鸟，IT培训”/>
<meta name=”description” content=”北大青鸟是国内最大的IT教育集团”/>
实现的方式仍然为“名称/值”对的形式，其中keyword表示搜索关键字，description表示网站内容的具体描述。通过提供搜索关键字和内容描述信息，方便搜索引擎的搜索。
网页的基础标签
标题标签
标题标签表示一段文字的标题或主题，并且支持多层次的内容结构。例如,一级标题采用<h1>,二级标题采用<h2>, 其他级别标题以此类推。HTML共提供了六级标题<h1>~<h6>,并赋予了标题一定的外观，所有标题字体加粗，<h1>字号最大，<h6>字号最小。
段落标签<p>…</p>表示一段文字等内容
换行标签<br/>表示强制换行显示，该标签比较特殊，没有结束标签。
水平线标签<hr size=”5” color=”red”/>表示一条水平线，该标签比较特殊，没有结束标签。
字体样式标签
<b>粗体</b>
<i>斜体</i>。仅是字体样式
<strong>标签字体变粗<strong/>
<em>标签文字倾斜<em/>。有强调或着重意味
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
字体标签
<font> 规定文本的字体、字体尺寸、字体颜色。
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
不建议使用 style请使用style样式取代它。
对齐
align=“#”
其中#代码表示方位，可选择的有：left向左，right向右，center居中.align可以放在
<p></p> <div></div> 里，表示文字在标记中向哪个方面偏向，可以包括文字与图片，也可以全是文字。
|
<p align=”right”>文字向右对齐</p>
<center>居中内容</center>
注释<!—注释内容-->
特殊符号
特殊符号 | 字符实体 |
空格 |
|
大于号（>） | > |
小于号（<） | < |
引号（”） | " |
版权符号（©） | © |
图像标签
<img src="图片地址 " width="图片宽度" height="图片高度" alt="图片的替代文字" title="鼠标悬停提示文字 "/>
其中，src属性表示图片路径，alt属性指定图像的替代文本。表示图像无法显示时（如图片路径错误或网速太慢等）替代显示的文本，这样。即使当图像无法显示时，用户还是可以看到网页丢失的信息内容。所以，alt属性在制作网页时和src属性配合使用。
title属性可以提供额外的提示或帮助信息，当鼠标移至图片上时显示提示信息。
width 和height两个属性分别表示图片的宽度和高度。如果不设置，那么图片默认显示原始大小。
超链接标签
<a href=”链接地址” target=”目标窗口位置”>链接文本或图像</a>
href:链接地址的路径。
target：指定链接在哪个窗口打开，常用的取值有_self(自身窗口)、_blank(新建窗口)。
口_blank：在新浏览器窗口中打开网页。比较常用。
口_parent：将要链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就像_self参数一样。
口_self：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。
口_top：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。
网页中，当单击某个链接时，将指向万维网上的文档。万维网使用统一资源定位器（UniformResource Location,URL）的方式来定义一个链接地址。例如，一个完整的链接地址的常见形式为http://www.bdqn.cn。
根据链接地址是指向站外文件还是站内文件，链接地址又分为绝对路径和相对路径。
>绝对路径：指向目标地址的完整描述，一般指向本站点外的文件。例如,
<a href=”http://www.sohu.com/index.html”>搜狐</a>。
>相对路径：相对于当前页面的路径。一般指向本站点内的文件，所以一般不需要一个完整的URL地址的形式。例如，<a href=”login/login.html”>登录</a>表示链接地址为当前页面所在路径的login目录下的login.htm页面。假定当前页面所在的目录为D：\root。则链接地址对应的页面为D：\root\login\login.htm。
另外，站内使用相对路径时常用到两个特殊符号：“../”表示当前目录的上级目录：“../../”
表示当前目录的上上级目录。
超链接的应用场合
页面间链接：A页到B页，最常用，用于网站导航
锚链接：A页甲位置到A页乙位置或A页甲位置到B页乙位置。
（1）在页面的乙位置设置标记
<a name=”market”>目标位置乙</a>
(2) 设置甲位置链接路径href属性值为”#标记名”
<a href=”#market”>当前位置甲</a>
功能性链接：在页面中调用其他程序功能，如电子邮件、QQ、MSN等。
块元素特性：无论内容多少，该元素独占一行。
行内元素特性：内容撑开宽度，左右都是行内元素的可以排在一行
4447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
