关注我
【2015-4-22 19:02:29 作者：我们太年轻】
一. HTML的定义
HTML使用来描述网页的一种语言，是一种标记语言（Markup
Language）由一套标记标签（markup
tag）组成。
二.HTML文件的基本结构
<html>-------------------->
<head>-------------------->
<title>网页标题</title>
</head>
<body>-------------------->
网页的主题标签内容
</body>
</html>-------------------->
标签都以“<>”开始，以“</>”结束，必须成对出现。
二.网页的基本信息
1.DOCTYPE生命：约束HTML文档结构，检验是否符合Web标准。高速浏览器，使用何种规范解释HTML文档中的代码。必须位于HTML文档的第一
行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml//DTD/xhtml -Strict.dtd">
类型：Strict（平各类型）：完全符合W3C标准，但要求严格。
Transitional(过渡类型)也成Loose(松散类型)：要求相对宽松。
Frameset(框架类型)：Strict类型中不允许使用框架，当页面需要使用框架时使用。
一旦使用最多为Transitional类型。
<title>实在浏览器窗口的标题栏显示的内容。
2.<meta>标签
①.作用：描述网页具体的摘要信息：文档内容类型，字符集编码，搜索关键字，网站提供的功能和服务的详细描述。
②.目的：标签的内容不显示，作用是方便浏览器解析，利于搜索。采用“名称/值”方法描述摘要信息。
③.信息
<1>文档内容类型，字符集编码：
<meta http-equiv="Content-Type"
content="text/html; charset=gb2312"/>
类型:gb2312:简体中文，用于包含中文，英文页面。
ISQ-885901:纯英文。
big5:繁体。
utf-8:国际通用字符编码，比起gb2312通用性更好，但影响一定网行业性能。
字符集编码石永错误会造成网页乱码。
<2>搜索关键字，内容描述信息；
<meta name ="keywords" content
="北大青鸟，IT培训"/>
<eta name ="description" content
="北大青鸟是国内最大IT教育集团"/>
3.W3C标准
XHTML HTML
标签名称 小写 可大写，可小写
属性名称 小写 小写
标签嵌套 严格嵌套 没有严格规定
标签封闭 必须封闭 可不封闭
空标签 必须封闭
属性值 使用""引起来 可不引
属性值形成 完整形成 可是用简写
内容标签 区分 不区分
结构标签
网页的基本标准
1.标题标签:表示一段文字的标题或主题。支持多层次的内容结构。
注：搜索引擎会将标题标签中的内容设为标题。则内容主题中更改字体大小不必使用标签
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
2.段落和换行标签
①段落标签：<p>一段文字</p> --->可以包含多种文字，文字内容随内容大小自动换行。
节尾猴将自动换行，段落与段落间有间隔。
②换行标签：<br/> --->强制换行显示
3.遂平县标签：<hr/>
--->在页面中加一条水平线
4.字体样式标签：
①加粗标签：<strong>要加粗的字体</strong>
--->加粗
②斜体标签：<em>变斜体的内容</em>--->斜体
5.注释与特殊符号
①注释：<!--注释内容--> --->方便代码阅读与调试，并不显示。
②特殊符号：因为"<"">"已作为语法符号，则这些特殊符号对应的HTML代码叫字符实体。都以"&"开头，";"结束。
空格
大于号（>） > great
小于号（<） <
little
引号（"） "
版权号（@） ©
图像符号：
常用的图像格式： JPG GIF BMP PNG
联合图像专家组
图像交换格式（支持动画） 位图 流式网络图形格式
1.图像标签基本语法：
<img src="图片地址" alt="图像代替文字"
title="鼠标悬停提示文字" width="宽度" height="高度"
/>
①当不设置宽高时显示图片原大小。
②当宽，高设置为百分比时，市值相比页面的百分比例100%则铺满页面。
③搜索引擎不收录图片，只收录alt标签内容。
链接标签：
1.超链接基本用法：
<a
href ="链接地址"
target="目标窗口位置">连接文体或图像</a>
href:表示连接地址的路径。
target: 即打开方式，常用取值有_self(自身窗口)_blank(新建窗口)。
注：超链接可以是文本超链接，也可以使图像。
关于结对路径:指向本站点外文件。只想目标地址的完整描述。
例子<a href ="http://www.sohu.com/index.html">搜狐</a>
关于相对路径:指向本站点外文。相对于当前页面的路径。不需要完整URL地址。
"../"表当前目录上级目录"../../"表当前目录上上级目录
2.超链接的应用场合
①页面间链接：
A->B页，用于网站导航。
②锚链接：A页甲位置->A页乙位置 A页甲位置->B页乙位置
<a
href="#标记名">当前位置甲</a>
<a
name="标记名">目标位置乙</a>
③功能性链接：启动本机某个自带程序。例：电子邮件链接：mailto：电子邮件地址。