HTML基础（一）简介、文档结构、URL

HTML简介

HTML简介

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

 

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

 

HTML文档编写方法

使用各类文本编辑器，存成*.htm或*.html

使用可视化HTML编辑器，如Dreamweaver，Frontpage

Web服务器动态生成

 

HTML 标签

HTML 标签是由尖括号包围的关键词，比如

HTML 标签包括两种格式： 单标签，比如

---

双标签，比如...

标签对中的第一个标签是开始标签，第二个标签是结束标签

第一个标签内，可以设置标签属性，即标签样式：比如

---

 

W3C标准

网页设计时，尽可能的遵循W3C标准，即网页的三个组成部分，结构（Structure），表现（Presentation），行为（Behavior），规范化是一种趋势。

 

标准WEB浏览器

基于Gecko排版引擎： Mozilla Firefox

基于WebKit排版引擎：Google Chrome 

基于Trident排版引擎：Internet Explorer 9.0或更高版本

在设计网页时，尽可能的使用，多款不同架构的标准浏览器进行调试。

 

---

HTML文档结构

 

 

文档类型（英文简称DOCTYPE，英文全称 DOCument TYPE ），一个DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。不是HTML标签，它仅仅提供一项信息（声明），即HTML是用什么版本编写的。

 

1，HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

Strict DTD（严格）

如果需要干净的标记，免于表现层的混乱，使用此类型。与层叠样式表（CSS） 配合使用：

 

PUBLIC "-//W3C//DTD HTML 4.01//EN" "

http://www.w3.org/TR/html4/strict.dtd">

 

Transitional DTD（过度）

可包含W3C所期望移入样式表的呈现属性和元素。如果您的读者使用了不支 持层 叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请 使用此类型：

PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

 

Frameset DTD（框架）

用于带有框架的文档。除 frameset 元素取代了body 元素之外，Frameset DTD 等同于 Transitional DTD：

PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

2，XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

Strict DTD（严格）

XHTML与HTML4.1是完全兼容的，如果需要干净的标记，免于表现层的混乱， 使用此类型。与层叠样式表（CSS）配合使用：

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

Transitional DTD（过度）

XHTML是更严谨更纯净的HTML版本，并且与HTML4.1是完全兼容的，更为 严谨的格式要求，可以促进规范化的推广，过度型声明可以植入样式表呈现的属性 和元素，支持层叠样式表（CSS），格式要求相对宽松（最常用的文档）

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

Frameset DTD（框架）

XHTML与HTML4.1是完全兼容的，希望使用框架时，请使用此 DTD！

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

3，HTML5文档：

 

文档类型声明的格式说明：

根元素

PUBLIC "注册//组织//类型 标签//语言"

"文档类型定义位置">

 

HTML文档

一个HTML文档的开始与结束标识，它包括两部分，即头部部分与文档主体

 

头部部分：

用于定义网页文档的头部，它是所有头部元素的容器。其中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。包括，，，，，。

 

文档主体：

包含浏览器将在页面内，显示的所有内容（比如文本、超链接、图像、表格和列表等等。）

 

 

---

URL（统一资源定位地址）

 

URL（Universal Resource Locator）是“统一资源定位地址”的英文缩写，每个站点及站点上的每个网页都有一个唯一的地址，这个地址称为统一资源定位地址，向浏览器输入URL，就可以访问URL指向的网页。

URL通信协议：

http	超文本传输协议	http://www.163.com/
https	ssl加密传输协议	target=_blank>HTTPS://
ftp	文件传输协议	ftp://222.168.119.21/
File	本地文件传输协议	file:///g:/wamp/www/index.html
telnet	远程登陆服务协议	telnet://bbs.163.com/
New	网络新闻组协议	news:news.163.com
mailto	邮件传输协议	mailto:asdf@163.com
Gopher	网际Gopher协议（资源查询）	gopher://go...Gopher
mms	流媒体传送协议	MMS://
Ed2k	文件共享网络协议	ed2k://
Flashget	网际快车下载链接	Flashget://
thunder	迅雷下载链接	thunder://

 

目录符号：

上一级目录：../

当前目录：./

根目录：/

 

绝对路径：

是指INTERNET网址的完成定位，它包含协议种类，服务器域名，文件路径和文件名。如：http://www.163.com/news/news.html 或 file:///g:/wamp/www/index.html

 

相对路径：

是指INTERNET上资源相对当前页面的地址，它包含从当前指向目的页面位置的路径。如：./news/news.html  或./www/index.html （对站外的链接，必须使用绝对路径。在站内链接，可以使用相对路径）

 

---