A第1章 HTML超文本标记语言(1-20)OK.docVIP

HTML语言是网页设计的通用语言。本章将简要介绍HTML语言的结构和各种标记的功能和用法。学习本章以后，应能熟练地完成HTML文档的建立、保存和打开操作，能运用HTML设计简单的网页。 1.1 HTML文档的建立、保存与打开 HTML（Hypertext Markup Language），是用于描述网页文档的语言。HTML文档的建立、保存、打开与浏览的方法。 1.1.1 HTML的功能HTML文档的功能 HTML目前被广泛用于网页设计中。用其他语言编写的网页，都转换为HTML程序以后，浏览器才能识别，才能还原成在浏览器上看到的网页HTML文档的组成 HTML文件是用于显示网页的，它由两部分组成是要在网页上显示的，标记（Tag）规定这些内容显示方式告诉浏览器如何显示中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器HTML文件按顺序阅读HTML文件，然后标记符显示内容不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。 11.2 HTML的建立 HTML之所以称为超文本标记语言，是因为文本中包含了超级链接点。超级链接是一种URL指针，通过点击它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。 HTMLHTML常用的编辑器大体可以分为种， 1基本编辑软件使用WINDOWS自带的记事本或写字版都可以编写不过存盘使用.htm或.html作为扩展名。 所见即所得软件使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页HTML代码是自动产生的。 1.1.3 HTML文件的结构 以下是一个简单的HIML文件。文件名为HT1-1-1_strc，运行结果如图1.1.1所示。 html head title 欢迎 /title /head body font size=”7” color=”red” 欢迎进入天天音乐网 /font /body /html 我们以这个HIML文档为例说明HTML中的标记、属性和HIML文档的基本结构。 1．HIML文档的结构 （1）整个HIML文档都以html开始，并以/html结束。HTML标记处于文档的最前面，表示HTML文档的开始，即浏览器从HTML开始解释，直到遇到／HTML为止。 （2）HIML文档由头和体两部分组成。头部分以Head标记开始，以/Head标记结束。体部分由Body标记开始，以/Body标记结束。 （3头部分包含文档的标题，标题以TITLE开始，以／TITLE绪束。“标题”内容显示的，多页的上端。标题为搜索提供了关键字。头部分在HTML文件中不是必需的。 （4体部分是网页的正文，包含需要在网页中显示的文本、图形、链接、表格和表单等。 2．HTML文件主体 HTML文件主体是网页的核心，网页中真正显示的内容都包含在主体中。 基本语法： BODY background=“文件名” bgcolor=“” text=“文本颜色” link=“” vlink= “已访问的超链接热字色”alink=“访问瞬间的颜色 网页的内容 ／BODY BODY有很多属性，可以定义页面的背景图像、背景颜色、文字颜色、超文本链接的颜色，这些属性用于设定网页的总体风格。简介如下： HTML的颜色表示分为两种： (1)以命名方式定义常用颜色，如red、black等。 HTML中定义常用的16种颜色名字是：aqua（水绿）、black（黑）、blue（蓝）、fuchsia(紫红)、gray（灰）、green（绿）、lime（浅绿）、maroon（褐）、navy（深蓝）、olive（橄榄）、purple(紫)、red(红)、silver(银)、teal(深青)、white(白)和yellow(黄)。 (2)以RGB值表示，#RRGGBB”表示十六进制，有256种彩度，故三原色可以混合成1670万种颜色。例如：白色的组成是ff、green=00ff00，蓝色是 0000ff。 1.1.4 关于HTML文档的约定标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同；……/html,head…/head,body…/body都是标记。 （2）标记中的属性 属性用来说明被标记作用的对象的特征。加入属性以后，标记的格式应是： 标记名 属性1=“属性1的值” 属性2=“属性2的值”…… 例如： font size=“7” color=“red” 欢迎进入天天音乐网 /font font中的属性size=“7” color=“red”用来定义字符的大小和颜色。各个属性项