1、网站基础 html教程一、HTML 的概述 HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP 协议的制定使浏览器在运行超文本时有了统一的规则和标准.用 HTML编写的超文本文档称为 HTML文档，它能独立于各种操作系统平台，自 1990年以来 HTML就一直被用作（是 World Wide Web的缩写，也可简写 WEB、中文叫做万维网) 的信息表示语言，使用HTML语言描述的文件，需要通过 WEB浏览器显示出效果。所谓超文本，
2、是因为它可以加入图片、声音、动画、影视等内容，事实上每一个 HTML文档都是一种静态的网页文件，这个文件里面包含了 HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML 的普遍应用就是带来了超文本的技术-通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示：通过 HTML可以表现出丰富多彩的设计风格：图片调用：文字格式： 文字通过 HTML可以实现页面之间的跳转： 页面跳转：A HREF=“文件路径/文件名“ 通过 HTML可以展现多媒体的效果： 声频：
3、视频：从上面我们可以看到 HTML超文本文件时需要用到的一些标签。在 HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由“符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“”来表示。HTML只是一个纯文本文件。创建一个 HTML文档，只需要两个工具，一个是HTML编辑器，一个 WEB浏览器。HTML 编辑器是用于生成和保存 THML文档的应用程序。WEB 浏览器是用来打开 WEB网页文件，提供给我们查看 WEB资源的客户端程序。二、 HTML 的基本结构： 一个 HTML文档是由一系列的元素和标签组成.
4、元素名不区分大小写.HTML 用标签来规定元素的属性和它在文件中的位置， HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。下面是一个最基本的 html文档的代码:11.html一个简单的 HTML示例 欢迎光临我的主页 这是我第一次做主页 在文档的最外层， 文档中的所有文本和 html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的 Web浏览器都可以自动识别 HTML文档，并不要求有 标签，也不对该标签进行任何操作，但是为了使 HTML文档能够适应不断变化的 Web浏览器，还是应该养
5、成不省略这对标签的良好习惯。是 HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记，良好的习惯是不省略。和是嵌套在头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标签在文档中都是唯一的，HEAD 标签和 BODY标签是嵌套在 HTML标签中的。三、 HTML 的标签与属性: 对于刚刚接触超文本的朋友，遇到的最大的障碍就是一些用“”括起来的句子，我们称它为标签，是用来分割和标
6、签文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项，HTML的标签分单标签和成对标签两种。成对标签是由首标签 和尾标签组成的，成对标签的作用域只作用于这对标签中 的文档。单独标签的格式，单独标签在相应的位置插入元素就可以了，大多数标签都有自己的一些属性, 属性要写在始标签内，属性用于进一步改变显示的效果, 各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下：内容作为一般的原则，大多数属性值不用加双引号。但是包括空格、号，号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性
7、值加双引号。如：字体设置注意事项：输入始标签时，一定不要在“ 在和中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。标签有自己的属性，设置 标签内的属性，可控制整个页面的显示方式。 标签的属性属 性 描 述link 设定页面默认的连接颜色alink 设定鼠标正在单击时的连接颜色vlink 设定访问后连接文字的颜色background 设定页面背景图像bgcolor 设定页面背景颜色leftmargin 设定页面的左边距topmargin 设定页面的上边距bgproperties 设定页面背景图像为固定，不随页面的滚动而滚动text 设定页面文字的颜色格式：实例：2-1.htm
8、lbady的属性实例设定不同的连接颜色测试 body标签默认的连接颜色正在按下的连接颜色,访问过后的连接颜色,返回实例说明：的属性设定了页面的背景颜色，文字的颜色，链接的颜色为#3300ff，单击的连接颜色为#ff00ff，单击过后的颜色为#9900ff。 Body里面的是页面中的链接标签，对于属性可根据页面的效果来定，用那个属性就设定那个属性。对于上面的属性在后面的章节中还会介绍，在这里就不逐一引用了，我们的学习目的主要是掌握标签及属性的使用方法。二、 颜色的设定 颜色值是一个关键字或一个 RGB格式的数字。在网页中用得很多，在此就先介绍一下。颜色是由 “red“ “green“ “blue
9、 “ 三原色组合而成的，在 HTML 中对颜色的定义是用十六进位的，对於三原色 HTML 分别给予两个十六进位去定义，也就是每个原色可有 256 种彩度，故此三原色可混合成 16777216种颜色。例如： 白色的组成是 red=ff, green=ff, blue= ff,RGB 值即为 ffffff 红色的组成是 red=ff, green= 00, blue= 00, RGB 值即为ff0000 绿色的组成是 red=00, green=ff, blue= 00, RGB 值即为 00ff00 蓝色的组成是 red=00, green= 00, blue= ff, RGB 值即为0000f
10、f 黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000 应用时常在每个 RGB 值之前加上“ # “ 符号，如：bgcolor=“#336699“ 用英文名字表示颜色时直接写名字。如 bgcolor=green RGB颜色可以有四种表达形式:： #rrggbb (如 ，#00cc00) #rgb (如 ，#0c0) rgb(x,x,x) x 是一个介乎 0 到 255 之间的整数 (如 ，rgb(0,204,0) rgb(y%,y%,y%) y 是一个介乎 0.0 到 100.0 之间的整数 (如 ， rgb(0%,80%,0%)Windows V
11、GA(视频图像阵列)形成了 16各关键字: aqua，black， blue，fuchsia, gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，and yellow第三节：文字版面的编辑3-1 换行标签 换行标签是个单标签，也叫空标签，不包含任和内容，在 html文件中的任何位置只要使用了标签，当文件显示在浏览器中时，该标签之后的内容将显示下一行。请看下面的例子：3-1html无换行示例无换行标记：登鹳雀楼 白日依山尽，黄河入海流。欲穷千里目，更上一层楼。有换行标记：登鹳雀楼白日依山尽，黄河入海流。欲穷千里目，更
12、上一层楼。3-2 换段落标签及属性： 由标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个的开始就意味着上一个的结束。良好的习惯是成对使用。格式：其中,ALIGN 是标签的属性,属性有三个参数 left,center,right.这三个参数设置段落文字的左,中,右位置的对齐方式. 实例:3-2html测试分段控制标签花儿什么也没有。它们只有凋谢在风中的轻微、凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁，悲哀无助地发出一声声垂死的鸣叫。或许，这便是花儿那短暂一生最凄凉、
13、最伤感的归宿。而美丽苦短的花期却是那最后悲伤的秋风挽歌中的瞬间插曲。3-3 原样显示文字标签 要保留原始文字排版的格式,就可以通过标签来实现,方法是把制作好的文字排版内容前后分别加上始标签和尾标签.实例:3-3html原样显示文字标签白日依山尽,黄河入海流。欲穷千里目，更上一层楼。3-4 居中对齐标签 文本在页面中使用标签进行居中显示,是成对标签,在需要居中的内容部分开头处加,结尾处加实例：3-4html居中对齐标签送孟浩然之廣陵故人西辭黃鶴樓，煙花三月下揚州。孤帆遠影碧山盡，惟見長江天際流。3-5 引文标签 (缩排标签） 标签可以用来建立一个引文，他特别适合较长文本的引用，引文显示时将会自动
14、右移，左边空出几个格，加以区别。实例：3-5html 引文标签春 盼望着，盼望着，东风来了，春天脚步近了。一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球,赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味儿；闭了眼，村上仿佛已经满是桃儿、杏儿、梨儿。花下成千成百的蜜蜂嗡嗡地闹着，大小的蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里像眼睛，像
15、星星，还眨呀眨的。“吹面不寒杨柳风”，不错的，像母亲的手抚摸着你。风里带来些新翻的泥土的气息，混着青草味儿，还有各种花的香，都在微微润湿的空气里酝酿。鸟儿将巢安在繁花嫩叶当中，高兴起来了，呼朋引伴地卖弄清脆的喉咙，唱出宛转的曲子，跟轻风流水应和着。牛背上牧童的短笛，这时候也成天嘹亮地响着。雨是最寻常的，一下就是三两天。可别恼。看，像牛毛，像花针，像细丝，密密地斜织着，人家屋顶上全笼着一层薄烟。树叶儿却绿得发亮。小草儿也青得逼你的眼。傍晚时候，上灯了，一点点黄晕的光，烘托出一片安静而和平的夜。在乡下，小路上，石桥边，有撑着伞慢慢走着的人；地里还有工作的农民，披着蓑戴着笠。他们的房屋，稀稀疏疏的，
16、在雨里静默着。天上风筝渐渐多了，地上孩子也多了。城里乡下，家家户户，老老小小，也都赶趟儿似的，一个个都出来了。舒活舒活筋骨，抖擞抖擞精神，各做各的一份事儿去。“一年之计在于春”，刚起头儿，有的是工夫，有的是希望。春天像刚落地的娃娃，从头到脚都是新的，它生长着。春天像小姑娘，花枝招展的，笑着，走着。春天像健壮的青年，有铁一般的胳膊和腰脚，他领着我们上前去。3-6水平分隔线标签 标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐。通过设置标签的属性值，可以控制水平分隔线的样式。标签的属性属性 参数 功能 单位 默认值size 设置水平分隔线的粗细
17、pixel(像素) 2width 设置水平分隔线的宽度 pixel(像素） 、% 100%align left enter right 设置水平分隔线的对齐方式 centercolor 设置水平分隔线的颜色 blacknoshade 取消水平分隔线的 3d 阴影 实例：3-6html测试水平分隔线标签春 晓春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少？3-7署名标签署名标签一般用于说明这个网页是由谁或是由哪个公司编写的，以及其它相关信息。在标签之间的文字显示效果是斜体字。实例：3-7html署名标签乐 游 原向晚意不适，驱车登古原。夕阳无限好，只是近黄昏。唐 李商隐3-8特殊字符在 HTML
18、文档中，有些字符没办法直接显示出来，例如?. 使用特殊字符可以将键盘上没有的字符表达出来，而有些 HTML文档的特殊字符在键盘上虽然可以得到，但浏览器在解析 HTML文当时会报错，例如“ “ 空格 实例：3-8html特殊字符赋得古原草送别离离原上草，一岁一枯荣。野火烧不尽，春风吹又生。白居易 3-9注释标签在 HTML文档中可以加入相关的注释标记，便于查找和记忆有关的文件内容和标识，这些注释内容并不会在浏览器中显示出来。注释标签的格式有如下：实例:3-9html注释标签赋得古原草送别离离原上草，一岁一枯荣。野火烧不尽，春风吹又生。白居易 3-10字体属性3-10-1标题文字标签标签用于设置网
19、页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。标题标签的格式：说明：标签是成对出现的，标签共分为六级，在.之间的文字就是第一级标题，是最大最粗的标题；.之间的文字是最后一级，是最小最细的标题文字。align 属性用于设置标题的对齐方式，其参数为 left（左）， enter（中)， right (右）。标签本身具有换行的作用，标题总是从新的一行开始。实例 3-10-1html设定各级标题一级标题。二级标题。三级标题。四级标题。五级标题。六级标题。3-10-2文字格式控制标签标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。FONT标签的属性属性 使用功能 默
20、认值face 设置文字使用的字体 宋体size 设置文字的大小 3color 设置文字的颜色 黑色格式：说明：如果用户的系统中没有 face属性所指的字体，则将使用默认字体。size属性的取值为 17。也可以用“+“或“-“来设定字号的相对值。color 属性的值为：rgb颜色“#nnnnnn“或颜色的名称实例：3-10-2html控制文字的格式盼望着，盼望着，东风来了，春天脚步近了。 一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回
21、迷藏。风轻悄悄的，草软绵绵的。3-10-3特定文字样式标签在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在 html中用于这种功能的标签可以分为两类，物理类型和逻辑类型。1、物理类型(1) 粗体标签放在与标签之间的文字将以粗体方式显示。(2) 斜体标签放在与标签之间的文字将以斜体方式显示。(3) 下划线标签 放在与标签之间的文字将以下划线方式显示。实例 3-10-31html字体的物理类型这些文字是粗体的这些文字是斜体的 这些文字带有下划线2、逻辑类型逻辑类型是使用一些标签来改变字体的形态和式样，以便产生一些浏览者习惯的或约定的显示效果，常用的逻辑类型标
22、签有八种，放在标签之间的文字受其控制。下面请看常用逻辑标签的实例实例 3-10-32htrml字体的逻辑类型em标签：用于强调的文本，一般显示为斜体字strong标签：用于特别强调的文本，显示为粗体字cite标签：用于引证和举例，通常是斜体字code标签：用来指出这是一组代码small标签：规定文本以小号字显示big标签：规定文本以大号字显示samp标签：显示一段计算机常用的字体，即宽度相等的字体kbd标签：由用户输入文本，通常显示为较粗的宽体字var标签：用来表示变量，通常显示为斜体字dfn标签：表示一个定义或说明，通常显示为斜体字sup标签：122=144sub标签：硫酸亚铁的分子式是 F
23、e2SO4第四节:建立超链接超链接是一个网站的灵魂，web 上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。建立超链接的标签为和格式为：超链接名称说明：标签表示一个链接的开始，表示链接的结束；属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。建立目标窗口的属性属性值
24、描 述_parent在上一级窗口中打开，一般使用分桢的框架页会经常使用_blank 在新窗口打开_self 在同一个桢或窗口中打开，这项一般不用设置_top 在浏览器的整个窗口中打开，忽略任何框架TITLE：该属性用于指定指向链接时所显示的标题文字。“超链接名称“是要单击到链接的元素，元素可以包含文本，也可以包含图像。文本带下划线且与其它文字颜色不同，图形链接通常带有边框显示。用图形做链接时只要把显示图像的标志嵌套在之间就能实现图像链接的效果。当鼠标指向“超链接名称“处时会变成手状，单击这个元素可以访问指定的目标文件。4-1 链接路径每一个文件都有自己的存放位置和路径，理解一个文件到要链接的那
25、个文件之间的路径关系是创建链接的根本。URL(Uniform Resourc Locator)中文名字为“统一资源定位器“。指的就是每一个网站都具有的地址。同一个网站下的每一个网页都属于同一个地址之下，在创建一个网站的网页时，不需要为每一个连接都输入完全的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。因此，链接可以分以下三种：绝对路径如：http:/相对路径如：news/index.html根路径如：d/web/news/index.html 绝对路径如：http:/ 相对路径如：news/index.html 根路径如：d/web/news/index.html1、绝对
26、路径绝对路径：包含了标识 INTERNET上的文件所需要的所有信息。文件的链接是相对原文档而定的。包括完整的协议名称，主机名称，文件夹名称和文件名称其格式为 ： 通讯协议 ：/服务器地址：通讯端口/文件位置/文件名。lnternet遵循一个重要的协议及 HTTP(Hypertext Transfer Protocol)超文本传输协议，http 是用于传输 Web页的客户端/服务器协议。当浏览器发出 Web页请求时,此协议将建立一个与服务器的链接.当链接畅通后,服务器将找到请求页,并将它发送给客户端,信息发送到客户端后,http 将释放此链接.这使得此协议可以接受并服务大量的客户端请求.Web应
27、用程序是指 Web服务器上包含的许多静态的和动态的资源集合.Web 服务器承但着为浏览器提供服务的责任. 就是资源所在的主机名为：通常情况下使用默认的端口号，资源在 WWW服务器主机 web文件夹下，资源的名称为：index.html.。http:/ http 从名为 的服务器上的目录 myweb 中获得文件book.htm 2、相对路径相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名。甚至只有文件名。可以用相对 URL指向与源文档位于同一服务器或同
28、文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。 如果链接到同一目录下，则只需输入要链接文件的名称。 要链接到下级目录中的文件。只需先输入目录名，然后加“/“，再输入文件名。 要链接到上一级目录中文件，则先输入“/“，再输入文件名。相对路径的用法相对路径名 含 义herf=“shouey.html“ shouey.html 是本地当前路径下的文件herf=“web/shouey.html“ shouey.html 是本地当前路径下称做“web“子目录下的文件herf=“/shouey.html“ shouey.html 是本地当前目录的上一级子目录下的文件herf=“/
29、shouey.html“ shouey.html 是本地当前目录的上两级子目录下的文件3、根路径根路径目录地址同样可用于创建内部链接，但大多数情况下，不建议使用此种链接形式。根路径目录地址的书写也很简单，首先以一个斜杠开头，代表根目录，然后书写文件夹名，最后书写文件名。如果根目录要写盘符，就在盘符后使用“,而不用“:“ 这点与 DOS的写法不同。如：/web/highight/shouey.htmld/web/highight/shouey.html也许读者会问，链接本地机器上的文件时，应该使用相对路径还是根路径？在绝大多数情况下使用相对路径比较好，例如，用绝对路径定义了链接，当把文件夹改名或
30、者移动之后，那么所有的链接都要失败，这样就必须对你的所有html文件的链接进行重新编排，而一旦将此文夹件移到网络服务器上时，需要重新改动的地方就更多了，那是一件很麻烦的事情。而使用相对路径，不仅在本地机器环境下适合，就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。4-2 超链接的应用 4-2-1书签链接 链接文档中的特定位置也叫书签链接，在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上头阅读到尾，又可以选择自己感兴趣的部分阅读，这种效果就可以通过书签链接来实现，方法是选者一个目标定位点，用来创建一个定位标记，用标签的属性 name的值来确定定位标记名
31、。然后在网页的任何地方建立对这个目标标记的链接“标题“，在标题上建立的链接地址的名字要和定位标记名相同，前面还要加上“#“号，。单击标题就跳到要访问的内容。书签链接可以在同一页面中链接，也可以在不同页面中链接，在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签位置 格式： 在同一页面要使用链接的地址：超连链标题名称 在不同页面要使用链接的地址：超链接标题名称 链接到的目的地址：目标超链接名称name的属性值为该目标定位点的定位标记点名称，是给特定位置点(这个位置点也叫锚点)起个名称。 实例：4-2-11html 唐诗欣赏唐诗欣赏李白清平調三首長干行月下獨酌清平調三首 雲想衣裳花想容，
32、春風拂檻露華濃。若非群玉山頭見，會向瑤台月下逢。一枝紅艷露凝香，雲雨巫山枉斷腸。借問漢宮誰得似？可憐飛燕倚新妝。名花傾國兩相歡，常得君王帶笑看。解釋春風無限恨，沈香亭北倚闌干。 長干行 妾髮初覆額，折花門前劇。郎騎竹馬來，遶床弄青梅。同居長干里，兩小無嫌猜。十四為君婦，羞顏未嘗開。低頭向暗壁，千喚不一回。十五始展眉，願同塵與灰。常存抱柱信，豈上望夫臺。十六君遠行，瞿塘灩澦堆。五月不可觸，猿鳴天上哀。門前遲行跡，一一生綠苔。苔深不能掃，落葉秋風早。八月蝴蝶來，雙飛西園草。感此傷妾心，坐愁紅顏老。早晚下三巴，預將書報家。相迎不道遠，直至長風沙。 唐诗欣赏月下獨酌 花間一壺酒，獨酌無相親。舉杯邀明月
33、，對影成三人。月既不解飲，影徒隨我身。暫伴月將影，行樂須及春。我歌月裴回，我舞影零亂。醒時同交歡，醉後各分散。永結無情遊，相期邈雲漢。李白蔑视权贵 实例：4-2-12html李白李白李白（701762），字太白，号青莲居士。祖籍陇西成纪（今甘肃省天水市附近的秦安县），隋朝末年其先租因罪住在中亚细亚。李白的家世和出生地至今还是个谜，学术界说法不一。一说李白就诞生在安西都护府所辖的碎叶城，五岁时随父迁到绵州昌隆县青莲乡。李白性情豪放，喜爱纵横家的作风，爱好任侠之事，轻视财货。早年在蜀中度过。他的父亲是个富商。李白二十五岁开始漫游全国，走过湖北，江西，河南，山东等地. 李白蔑视权贵，传说他喝醉酒，曾
34、在玄宗面前使高力士给他脱靴。高力士认为这是很大的耻辱，就摘取李白诗句激怒杨贵妃。玄宗每次让李白做官，杨贵妃就加以阻止。李白知道玄宗的亲信对他有意见，于是恳求还家。玄宗赐给他财物，放他开.李白是我国唐代伟大的浪漫主义诗人，被誉为“诗仙”。他的诗豪迈瑰丽，诗里有突破现实的幻想。也有对当时民生疾苦的反映和对政治黑暗的抨击。他的散文具有清新明朗，奔放流畅的特点。4-2-2在站点内部建立链接 所谓内部链接，指的是在同一个网站内部，不同的 html页面之间的链接关系，在建立网站内部链接的时候，要明确哪个是主链接文件（即当前页），哪个是被链接文件。在前面介绍链接路径时，已经给大家介绍了内部链接概念，内部链接
35、一般采用相对路径链接比较好。下面我们根据如图示，来看看相对路径的具体的链接方法:在站点内部建立链接当前页面 被链接页面 超链接代码2-1.html 3-1.html 超链接元素3-1.html 1-1.html 超链接元素 sy.html 1-1.html 超链接元素2-1.html sy.html 超链接元素1-1.html sy.html 超链接元素sy.html 2-1.html 超链接元素4-2-3 外部链接所谓外部链接，指的是跳转到当前网站外部，与其它网站中页面或其它元素之间的链接关系。这种链接的 URL地址一般要用绝对路径，要有完整的 URL地址，包括协议名，主机名，文件所在主机上
36、的的位置的路径以及文件名。最常用的外部链接格式是：,还有其他的格式如下表所示：URL外链部接格式 服 务URL格式描 述WWWhttp:/“地址“进入万维网站点Ftpftp:/“进入文件传输协议Telnettelnet:/“启动 Telnet方式Gophergopher:/“访问一个 gopher服务器Newsnews:/“启动新闻讨论组Emailemail:/“启动邮件4-2-31 链接其它站点： 站点之间的页面和元素的链接是万维网交流信息的关键，这种链接用 HTTP协议来建立网站之间的超链接。 格式： 实例：4-2-31.html链接到 http:/绝对路径链接清 华 大 学北 京 大 学
37、上海外国语学院4-2-32 发送 E-mail在 HTML页面中，可以建立 E-mail链接。当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件。基本语法：描述文字在实际应用中，用户还可以加入另外的两个参数“?cc=“E-mali 地址“和“WWW： WWW 又叫万维网;WWW： internet 提供的最常用的服务是 WWW;5-5 目录列表和菜单列表为目录列表标签,为菜单列表标签,它们的格式和无序列表是一样的,例如:格式 1:第一项第二项第三项格式 2第一项第二项第三项实例：5-5.HTML无序列表默认的无序列表加“实心园“默认的无序列表“实心园“默认的无序列表“实心园“默认的目
38、录列表加“实心园“默认的目录列表“实心园“默认的目录列表“实心园“默认的菜单列表加“实心园“默认的菜单列表“实心园“默认的菜单列表“实心园“目录列表 square加方块目录列表 square加方块目录列表 square加方块菜单列表 circle加空心园菜单列表 circle加空心园菜单列表 circle加空心园第 6 节:图像的处理图像可以使 html页面美观生动且富有生机。浏览器可以显示的图像格式有jpeg，bmp，gif。其中 bmp文件存储空间大，传输慢，不提倡用，常用的 jpeg和 gif格式的图像相比较，jpeg 图像支持数百万种颜色，即使在传输过程中丢失数据，也不会在质量上有明显
39、的不同，占位空间比 gif大，gif 图像仅包括265色彩，虽然质量上没有 jpeg图像高，但占位储存空间小，下载速度最快、支持动画效果及背景色透明等特点。因此使用图像美画页面可视情况而决定使用那种格式。6-1 背景图像的设定 在网页中除了可以用单一的颜色做背景外，还可用图像设置背景。设置背景图像的格式：其中 “image-url“ 指图像的位置。实例：6-1.html设置背景图像盼望着，盼望着，东风来了，春天脚步近了.6-2 网页中插入图片标签网页中插入图片用单标签，当浏览器读取到标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够的，还要配合其它属性来完成。插入图片标签的属性
