#表示要取用的像素值 背景色彩和文字色彩
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
背景图象
Non Scrolling Background
文件之间的链接
超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下：
链接文字
·标签表示一个链接的开始， 表示链接的结束；
·属性“HREF”定义了这个链接所指的地方；
·通过点击“链接文字”可以到达指定的文件。
本地链接：
现在我们把这几种路径的表示方法写入链接中：
以绝对路径表示：文件的链接
以相对路径表示：文件的链接
链接上一目录中的文件：IP地址
URL链接
************
URL链接的形式是： 协议名：//主机.域名／路径／文件名
其中协议包括：
file 本地系统文件
http WWW服务器
ftp ftp服务器
telnet 基于TELNET的协议
mailto 电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器
写在HTML文件中，链接其他主机上的文件时，格式如下：
动网先锋
序号
标签符号
1
为建立HTML文件头应放入的信息，以及在浏览窗口的
2
3
,
标题框内一什么样的名称去调用该文件。
强调显示
空标记
我的主页</T</HEAD> </p><p style="text-indent: 2em;";>隐式格式化标记 </p><p style="text-indent: 2em;";>上下两句话之间被一条水多数情况下，Web浏览器只认识4 </p><p style="text-indent: 2em;";><P>,</P> </p><p style="text-indent: 2em;";>段落标记 </p><p style="text-indent: 2em;";>空格，忽略字间的其他空格和入的回车。 </p><p style="text-indent: 2em;";>5 </p><p style="text-indent: 2em;";>6 </p><p style="text-indent: 2em;";><BR> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> <!-- ..... --> </p><p style="text-indent: 2em;";>分行标记 </p><p style="text-indent: 2em;";>注释标记 </p><p style="text-indent: 2em;";>它在Web文件中强制实通常使用注释标记是处于个人以用注释写上一个版权信息7 </p><p style="text-indent: 2em;";>8 </p><p style="text-indent: 2em;";>9 </p><p style="text-indent: 2em;";>10 </p><p style="text-indent: 2em;";><H1>,</H1> </p><p style="text-indent: 2em;";><H2>,</H2> </p><p style="text-indent: 2em;";><H3>,</H3> </p><p style="text-indent: 2em;";><H4>,</H4> </p><p style="text-indent: 2em;";><H5>,</H5> </p><p style="text-indent: 2em;";><H6>,</H6> </p><p style="text-indent: 2em;";><B>,</B> </p><p style="text-indent: 2em;";><I>,</I> </p><p style="text-indent: 2em;";> 强调显示标记 </p><p style="text-indent: 2em;";>15 </p><p style="text-indent: 2em;";><U>,</U> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>16 </p><p style="text-indent: 2em;";>17 </p><p style="text-indent: 2em;";><TT>,</TT> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><EM>,</EM> </p><p style="text-indent: 2em;";>隐式标记 </p><p style="text-indent: 2em;";>18 </p><p style="text-indent: 2em;";> <STRONG>,</STRONG> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>19 </p><p style="text-indent: 2em;";>20 </p><p style="text-indent: 2em;";>21 </p><p style="text-indent: 2em;";><CODE>,</CODE> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><KBD>,</KBD> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><SAMP>,</SAMP> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>程序员的HTML标记.HTML早期被用来编制计算机程序应用说明，为计算机编程人员提供便利和建议。后来，HTML2.0标准提供了一些（逻辑的》HTML标记，从而使HTML设计人员可以对文本做标记使得该文本能够更容易展示计算机编程代码。 </p><p style="text-indent: 2em;";>样本输出，一般再现为 编程行，一般再现为等宽键盘文本，一般再现为进一步强调，一般为 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>一般再现为等宽字进一步强调，一般为下划线文本 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>标题标记 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> 第一级字号最大，用第二级小一些，用于大第三级再小些，用于小第四级字号大小和正常第五级也加强调，但比正第六级最小 </p><p style="text-indent: 2em;";>黑体 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>斜体 </p><p style="text-indent: 2em;";>命令作用 </p><p style="text-indent: 2em;";>备注 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><HEAD> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>11 </p><p style="text-indent: 2em;";>12 </p><p style="text-indent: 2em;";>13 </p><p style="text-indent: 2em;";>14 </p><p style="text-indent: 2em;";>22 </p><p style="text-indent: 2em;";><VAR>,</VAR> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>变量，一般为等宽</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>23 </p><p style="text-indent: 2em;";><CITE>,</CITE> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>引文，一般再现为斜体 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>24 </p><p style="text-indent: 2em;";><BLOCKQUOTE>, </p><p style="text-indent: 2em;";></BLOCKQUOTE> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>排版类标记 </p><p style="text-indent: 2em;";>块引述，一般再现为缩格 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>图像标志 </p><p style="text-indent: 2em;";>1.<img> </p><p style="text-indent: 2em;";>2.<hr> </p><p style="text-indent: 2em;";> 再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了<img>标志来处理图像的输出。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>1.<img> </p><p style="text-indent: 2em;";> <img>标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是)在同一个目录下，则可以将代码写成；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<p style="text-indent: 2em;";>src="../home/">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为<p style="text-indent: 2em;";>src="../king/home/">了。现在您对相对路径应该有所了解了吧！ </p><p style="text-indent: 2em;";> 必须强调一下，src属性在<img>标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt、align、border、width和height属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>2.<hr> </p><p style="text-indent: 2em;";> <hr>标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。 </p><p style="text-indent: 2em;";> 下面是本教程的一个综合例子。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>例5 图像标志举例 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><title>图像标志的综合示例
本例在浏览其中的显示结果如下：
教程六、链接标志
1.
2.
教程六的内容不是很多，而且很简单。链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。
1.
本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailt形式，即发送E-Mail形式。对于第一种情况，语法为href="URL">
这是我的网站
对于第二种情况，语法为
这是我的电子信箱(E-Mail信箱)
此外，
这是我的网站
2.
此处创建了一个标签
创建标签是为了在Html文档中创建一些链接，以便能够找到同一文档中的有标签的地方。要找到标签所在地，就必须使用
点击此处将使浏览器跳到“标签名”处
注意：href属性赋的值若是标签的名字，必须在标签名
前边加一个“#”号。
下面是本教程的一个综合示例：
例7 链接标志的综合示例
链接标志的综合示例
style="font-size:9pt;color:yellow;background:black">
创建标签处
欢迎想要学习网页制作的同学访问我的网站
color="lime">
" target=_blank>/
alt="欢迎访问"网页制作"" border="0" width="468"
height="60">
本网站的主要内容
Html教程
动态Html教程
ASP教程
JavaScript教程
VBScript教程
友情链接
我要留言
作者介绍
欢迎给我来信，我的E-Mail是：
color="lime">123@
点击此处回到标签处
教程八、表单标志
1.
2.
3.
4.
表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个Html文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的 ASP 或 CGI 等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。这里我们只讲怎样使用Html标志来设计表单。
1.
标志对用来创建一个表单，也即定义表单的开始和结束位置，在标志对之间的一切都属于表单的内容。标志对之间。type属性取值 输入区域类型 输入区域示例
单行的文本输入区域,size与
maxlength属性用来定义此种size=""
输入区域显示的尺寸大小与maxlength="">
输入的最大字符数
type="SUBMIT">
type="RESET">
将表单内容提交给服务器的按钮
将表单内容全部清除,重新填写的按钮
你喜欢哪些教程：
type="CHECKBOX"
checked>
一个复选框,checked属性用来设置该复选框缺省时是否被选中,右边示例中使用了三门个复选框
HtmlHtml入动态ASP
type="HIDDEN">
隐藏区域,用户不能在其中输入,用来预设某些要传送的信
息
使用图像来代替Submit按
type="IMAGE"
src="URL">
钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器
type="PASSWARD">
输入密码的区域,当用户输入密码时,区域内将会显示"*"号
单选按钮类型,checked属性用来设置该单选框缺省时是否被选中,右边示例中使用了请输入您的密码：
10月3日中韩国奥队比赛结果会是：
type="RADIO">
三个单选框
中国胜平局韩国胜
此外，八种类型的输入区域有一个公共的属性name，此属性给每一个输入区域一个名字。这个名字与输入区域是一一对应的，即一个输入区域对应一个名字。服务器就是通过调用某一输入区域的名字的value属性来获得该区域的数据的。而value属性是另一个公共属性，它可用来指定输入区域的缺省值。
3.
标志对之间。具有multiple、name和size属性。multiple属性不用赋值，直接加入标志中即可使用，加入了此属性后列表框就成了可多选的了；name是此列表框的名字，它与上边讲的name属性作用是一样的；size属性用来设置列表的高度，缺省时值为1，若没有设置(加入)multiple属性，显示的将是一个弹出式的列表框。 标志用来指定列表框中的一个选项，它放在 指定的那一个选项赋值，这个值是要传送到服务器上的，服务器正是通过调用区域的名字的value属性来获得该区域选中的数据项的。请看下例：
Html代码
4.
用来创建一个可以输入多行的文本框，此标志对用于
标志对之间。
浏览器显示的结果
您的意见对我很重要:
请将意见输入此区域
本文标签：
属性
标志
用来
链接
使用
admin 管理员组
发表评论