《HTML入门基础.docx》由会员分享，可在线阅读，更多相关《HTML入门基础.docx（33页珍藏版）》请在金锄头文库上搜索。
1、33HTML基础HTML简介HTML简介HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档 = 网页HTML 文档描述网页HTML 文档包含 HTML 标签和纯文本HTML 文档也被称为网页HTML文档编写方法使用各类文本编辑器，存成*.htm或*.html使用可视化HTML编辑器，如Dreamweaver，FrontpageWeb服务器动态生成HTML 标签HTML 标签是由尖括号包
2、围的关键词，比如 HTML 标签包括两种格式：单标签，比如双标签，比如.标签对中的第一个标签是开始标签，第二个标签是结束标签第一个标签内，可以设置标签属性，即标签样式：比如W3C标准网页设计时，尽可能的遵循W3C标准，即网页的三个组成部分，结构（Structure），表现（Presentation），行为（Behavior），规范化是一种趋势。标准WEB浏览器基于Gecko排版引擎： Mozilla Firefox基于WebKit排版引擎：Google Chrome 基于Trident排版引擎：Internet Explorer 9.0或更高版本在设计网页时，尽可能的使用，多款不同架构的标准浏
3、览器进行调试。HTML文档结构文档类型（英文简称DOCTYPE，英文全称 DOCument TYPE ），一个DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。不是HTML标签，它仅仅提供一项信息（声明），即HTML是用什么版本编写的。1，HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。Strict DTD（严格）如果需要干净的标记，免于表现层的混乱，使用此类型。与层叠样式表（CSS）配合使用： Transitional DTD（过度）可包含W3
4、C所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：Frameset DTD（框架）用于带有框架的文档。除 frameset 元素取代了body 元素之外，Frameset DTD 等同于 Transitional DTD：2，XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。Strict DTD（严格）XHTML与HTML4.1是完全兼容的，如果需要干净的标记，免于表现层的混乱，使用此类型。与层叠样式表（CSS）配合使用：Transit
5、ional DTD（过度）XHTML是更严谨更纯净的HTML版本，并且与HTML4.1是完全兼容的，更为严谨的格式要求，可以促进规范化的推广，过度型声明可以植入样式表呈现的属性和元素，支持层叠样式表（CSS），格式要求相对宽松（最常用的文档）Frameset DTD（框架）XHTML与HTML4.1是完全兼容的，希望使用框架时，请使用此 DTD！3，HTML5文档：文档类型声明的格式说明：HTML文档一个HTML文档的开始与结束标识，它包括两部分，即头部部分与文档主体头部部分：用于定义网页文档的头部，它是所有头部元素的容器。其中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。包
6、括，。文档主体：包含浏览器将在页面内，显示的所有内容（比如文本、超链接、图像、表格和列表等等。）URL（统一资源定位地址）URL（Universal Resource Locator）是“统一资源定位地址”的英文缩写，每个站点及站点上的每个网页都有一个唯一的地址，这个地址称为统一资源定位地址，向浏览器输入URL，就可以访问URL指向的网页。URL通信协议：http超文本传输协议http:/ 或 file:/g:/wamp/www/index.html相对路径：是指INTERNET上资源相对当前页面的地址，它包含从当前指向目的页面位置的路径。如：./news/news.html 或./www/i
7、ndex.html （对站外的链接，必须使用绝对路径。在站内链接，可以使用相对路径）head头部部分页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对 URL。这其中包括 、 标签中的 URL。属性值描述hrefURL规定页面中所有相对路径的基URLtarget_blank在新窗口中打开被链接文档。_self在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档_top在整个窗口中打开被链接文档fra
8、mename在指定的框架中打开被链接文档例1：设置基URL和链接打开方式W3School提供有关页面的元信息（meta-information），如针对搜索引擎和更新频度的描述和关键词（keywords不要超过100个字符，关键字之间用逗号分割，不要超过7组；description不要超过200个字符）、标记文档的作者、标记页面的解码方式、自动刷新页面。属性值描述ContentSome_text具体定义http-equiv或name的相关元信息http-equivContent-type显示字符集的设定Expires声明了一个网页或URL地址不再被浏览器缓存的时间Refresh设置页面自动刷新Set-cookie设置cookisNameAuthor文档作者description网站内容描述Keywords提供给搜索引擎的关键字Generator用什么工具生成的此HTMLrevisedothersschemeSome_text定义用于翻译 content 属性值的格式例1：定义网页字体编码例2：定义网页作者例3：定义网页关键字和描述例4，设置自动跳转URL例5，设置自动刷新当前页meta http-equiv=refresh content
