关于图象和影音的使用~(页 1) - □-电脑·网络·游戏 - 燕郊网城论坛 -京东第一热点社区,热线,信息港,燕郊房产,燕郊房价,租房,人才,招聘求职,京东,三河,廊坊,交友,聚会,娱乐,高校,搞笑,生活,文学,时尚,宠物,美食,影视,音乐,情感,心理-yanjiao.com,燕郊网城

冰尘发表于 2004-11-16 18:29

关于图象和影音的使用~

<TABLE bgColor=#ffffff border=1 borderColor=#808080 borderColorDark=#808080 borderColorLight=#808080 cellPadding=2 cellSpacing=0 width="100%">

<TR>
<TD bgColor=#eaeaea width="100%">
1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title></TD></TR>
<TR>
<TD width="100%"> Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志：

1.<html></html>
<html>标志用于Html文档的最前边，用来标识Html文档的开始。而</html>标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。

2.<head></head>
<head>和</head>构成Html文档的开头部分，在此标志对之间可以使用<title></title>、<script></script>等等标志对，这些标志对都是描述Html文档相关信息的标志对，<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。

3.<body></body>
<body></body>是Html文档的主体部分，在此标志对之间可包含、、<h1>、</h1>、 、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性：

<TABLE bgColor=#ffffff border=1 borderColor=#ff80c0 borderColorDark=#ff80c0 borderColorLight=#ff80c0 cellPadding=2 cellSpacing=0 width="100%">

<TR>
<TD bgColor=#eaeaea width="33%">
属性</TD>
<TD bgColor=#eaeaea width="33%">
用途</TD>
<TD bgColor=#eaeaea width="34%">
示例</TD></TR>
<TR>
<TD width="33%"><body bgcolor="#rrggbb"></TD>
<TD width="33%">设置背景颜色。</TD>
<TD width="34%"><body bgcolor="red">红色背景</TD></TR>
<TR>
<TD width="33%"><body text="#rrggbb"></TD>
<TD width="33%">设置文本颜色。</TD>
<TD width="34%"><body text="#0000ff">蓝色文本</TD></TR>
<TR>
<TD width="33%"><body link="#rrggbb"></TD>
<TD width="33%">设置链接颜色。</TD>
<TD width="34%"><body link="blue">链接为蓝色</TD></TR>
<TR>
<TD width="33%"><body vlink="#rrggbb"></TD>
<TD width="33%">设置已使用的链接的颜色。</TD>
<TD width="34%"><body vlink="#ff0000"></TD></TR>
<TR>
<TD width="33%"><body alink="#rrggbb"></TD>
<TD width="33%">设置正在被击中的链接的颜色。</TD>
<TD width="34%"><body alink="yellow"></TD></TR>
<TR>
<TD bgColor=#eaeaea colSpan=3 width="100%"> 说明:以上各个属性可以结合使用，如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的框内。</TD></TR></TABLE>
4.<title></title>
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在<title></title>标志对之间加入您要显示的文本即可。注意：<title></title>标志对只能放在<head></head>标志对之间。

下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。
例1 Html文档中基本标志的使用
<html>

<head>
<title>显示在浏览器最上边蓝色条中的文本</title>
</head>

<body bgcolor="red" text="blue">
红色背景、蓝色文本
</body>

</html></TD></TR></TABLE>
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
　　所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
　　通过HTML可以表现出丰富多彩的设计风格
　　　　　图片调用：<IMG SRC="文件名">
　　　　　文字格式：文字
　　通过HTML可以实现页面之间的跳转
　　　　　页面跳转：〈A HREF="文件路径/文件名"></A>
　　通过HTML可以展现多媒体的效果
　　　　　声频：<EMBED SRC="音乐文件名" AUTOSTART=true>
　　　　　视频：<EMBED SRC="视频文件名" AUTOSTART=true>


HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：
〈H1>…</H1>　　　　　第一级标题
〈H2>…</H2>　　　　　第二级标题
〈H3>…</H3>　　　　　第三级标题
〈H4>…</H4>　　　　　第四级标题
〈H5>…</H5>　　　　　第五级标题
〈H6>…</H6>　　　　　第六级标题
代码部分
换行 
段落标签
水平线段<HR>
<HR>有三个属性：
size　水平线的宽度
width 水平线的长，用占屏幕宽度的百分比或象素值来表示
align 水平线的对齐方式，有LEFT RIGHT CENTER三种
noshade 线段无阴影属性，为实心线段
文字的大小设置这是size=7的字体
文字的字体与样式
文字的颜色…
位置控制<DIV ALIGN=#> 说明：#＝left／right／center
表格的基本结构
<table>...</table> 　定义表格
<caption>...</caption>　定义标题
<tr> 　定义表行
<th> 　定义表头
<td> 　定义表元(表格的具体数据)
表格的标题：
设置标题位于表格上方：
<caption align=top> ... </caption>
设置标题位于表格下方：
<caption align=bottom> ... </caption>
表格尺寸设置：
表格的大小：<table width=n1 height=n2>
width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。
边框尺寸设置：边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。如：<table border=10　width=250>
格间线宽度：格与格之间的线为格间线，它的宽度可以使用<TABLE>中的CELLSPACING属性加以调节。格式是：<TABLE　CELLSPACING=#>#表示要取用的像素值
内容与格线之间的宽度：我们还可以在<TABLE>中设置CELLPADDING属性，用来规定内容与格线之间的宽度。格式为<TABLE　CELLPADDING=#>#表示要取用的像素值
背景色彩和文字色彩
<H3><body bgcolor=# text=# link=# alink=# vlink=#></H3>
<DL>
<DD>bgcolor --- 背景色彩

<DD>text --- 非可链接文字的色彩

<DD>link --- 可链接文字的色彩

<DD>alink --- 正被点击的可链接文字的色彩

<DD>vlink --- 已经点击(访问)过的可链接文字的色彩

<H3>#=rrggbb</H3>
<DD>色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

</DD></DL>
<H3>背景图象 <body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED> </H3>
<H3>文件间的连接：
</H3>
超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下：
<A HREF="资源地址">链接文字</A>
·标签<A>表示一个链接的开始，</A>表示链接的结束；
·属性“HREF”定义了这个链接所指的地方；
·通过点击“链接文字”可以到达指定的文件。
本地链接：
　　现在我们把这几种路径的表示方法写入链接中：
　　以绝对路径表示：<A HREF="/c:\study\HTML教程\link01.htm">文件的链接</A>
　　以相对路径表示：<A HREF="link01.htm">文件的链接</A>
　　链接上一目录中的文件：<A HREF="../../Internet/IP地址">IP地址</A>
URL链接
************

　　URL链接的形式是：　　协议名：//主机.域名／路径／文件名
　　其中协议包括：
　　file　　　　　　本地系统文件
　　http　　　　　　WWW服务器
　　ftp　　　　　　 ftp服务器
　　telnet　　　　　基于TELNET的协议
　　mailto　　　　　电子邮件
　　news　　　　　　Usenet新闻组
　　gopher　　　　　GOPHER服务器
　　wais　　　　　　WAIS服务器
　写在HTML文件中，链接其他主机上的文件时，格式如下：
　　<A HREF="http://WWW.*******.*******/">某网站</A>
[align=right][color=#000066][此贴子已经被作者于2004-11-16 11:09:09编辑过][/color][/align]

冰尘发表于 2004-11-16 18:30

<TABLE align=center border=15 height=315 width=716><TR align=middle><TH height=2 width=72>类别一</TH><TH height=2 width=47>序号</TH><TH height=2 width=125>标签符号</TH><TH height=2 width=228>命令作用</TH><TH height=2 width=188>备注　</TH></TR><TR align=middle><TD height=19 rowSpan=24 width=72>创建Web页</TD><TD height=1 width=47>1</TD><TD height=1 width=125><HEAD>
<TITLE></TITLE>
</HEAD></TD><TD height=1 width=228>为建立HTML文件头应放入的信息，以及在浏览窗口的标题框内一什么样的名称去调用该文件。</TD><TD height=1 width=188><HEAD>
<TITLE>我的主页</TITLE>
</HEAD></TD></TR><TR align=middle><TD height=19 width=47>2</TD><TD height=19 width=125>,</TD><TD height=19 width=228>强调显示</TD><TD height=19 width=188>隐式格式化标记 </TD></TR><TR align=middle><TD height=19 width=47>3</TD><TD height=19 width=125><HR></TD><TD height=19 width=228>空标记</TD><TD height=19 width=188>上下两句话之间被一条水平线隔开</TD></TR><TR align=middle><TD height=19 width=47>4</TD><TD height=19 width=125>,</TD><TD height=19 width=228>段落标记</TD><TD height=19 width=188>多数情况下，Web浏览器只认识字间只有一个空格，忽略字间的其他空格和HTML文件中加入的回车。</TD></TR><TR align=middle><TD height=16 width=47>5</TD><TD height=16 width=125> 　</TD><TD height=16 width=228>分行标记</TD><TD height=16 width=188>它在Web文件中强制实现换行</TD></TR><TR align=middle><TD height=16 width=47>6</TD><TD height=16 width=125>　</TD><TD height=16 width=228>注释标记</TD><TD height=16 width=188>通常使用注释标记是处于个人目的的，因此可以用注释写上一个版权信息或者个人情况</TD></TR><TR align=middle><TD height=16 width=47>7</TD><TD height=16 width=125><H1>,</H1></TD><TD height=96 rowSpan=6 width=228>　标题标记 　　</TD><TD height=16 width=188>　第一级字号最大，用于总标题</TD></TR><TR align=middle><TD height=16 width=47>8</TD><TD height=16 width=125><H2>,</H2></TD><TD height=16 width=188>第二级小一些，用于大分标题</TD></TR><TR align=middle><TD height=16 width=47>9</TD><TD height=16 width=125><H3>,</H3></TD><TD height=16 width=188>第三级再小些，用于小分标题</TD></TR><TR align=middle><TD height=16 width=47>10</TD><TD height=16 width=125><H4>,</H4></TD><TD height=16 width=188>第四级字号大小和正常字号相同</TD></TR><TR align=middle><TD height=16 width=47>11</TD><TD height=16 width=125><H5>,</H5></TD><TD height=16 width=188>第五级也加强调，但比正常字号小</TD></TR><TR align=middle><TD height=16 width=47>12</TD><TD height=16 width=125><H6>,</H6></TD><TD height=16 width=188>第六级最小</TD></TR><TR align=middle><TD height=16 width=47>13</TD><TD height=16 width=125>,</TD><TD height=48 rowSpan=3 width=228>　 　强调显示标记 </TD><TD height=16 width=188>黑体　</TD></TR><TR align=middle><TD height=16 width=47>14</TD><TD height=16 width=125>,</TD><TD height=16 width=188>斜体</TD></TR><TR align=middle><TD height=16 width=47>15</TD><TD height=16 width=125>,</TD><TD height=16 width=188>下划线文本</TD></TR><TR align=middle><TD height=16 width=47>16</TD><TD height=16 width=125><TT>,</TT>　</TD><TD height=24 rowSpan=3 width=228>　 隐式标记　</TD><TD height=16 width=188>一般再现为等宽字体文　</TD></TR><TR align=middle><TD height=16 width=47>17</TD><TD height=16 width=125>,</TD><TD height=16 width=188>进一步强调，一般为斜体</TD></TR><TR align=middle><TD height=16 width=47>18</TD><TD height=16 width=125>　,</TD><TD height=16 width=188>进一步强调，一般为黑体</TD></TR><TR align=middle><TD height=16 width=47>19</TD><TD height=16 width=125><CODE>,</CODE>　</TD><TD height=64 rowSpan=4 width=228>程序员的HTML标记.HTML早期被用来编制计算机程序应用说明，为计算机编程人员提供便利和建议。后来，HTML2.0标准提供了一些（逻辑的》HTML标记，从而使HTML设计人员可以对文本做标记使得该文本能够更容易展示计算机编程代码。　</TD><TD height=16 width=188>　编程行，一般再现为等宽字体，如<TT></TD></TR><TR align=middle><TD height=16 width=47>20</TD><TD height=16 width=125><KBD>,</KBD>　</TD><TD height=16 width=188>键盘文本，一般再现为等宽字体　</TD></TR><TR align=middle><TD height=16 width=47>21</TD><TD height=16 width=125><SAMP>,</SAMP>　</TD><TD height=16 width=188>样本输出，一般再现为等宽字体　</TD></TR><TR align=middle><TD height=16 width=47>22</TD><TD height=16 width=125><VAR>,</VAR>　</TD><TD height=16 width=188>变量，一般为等宽字体　</TD></TR><TR align=middle><TD height=16 width=47>23</TD><TD height=16 width=125><CITE>,</CITE></TD><TD height=32 rowSpan=2 width=228>　 排版类标记　</TD><TD height=16 width=188>引文，一般再现为斜体　</TD></TR><TR align=middle><TD height=16 width=47>24</TD><TD height=16 width=125><BLOCKQUOTE>, </BLOCKQUOTE>　</TD><TD height=16 width=188>块引述，一般再现为缩格</TD></TR></TABLE>

冰尘发表于 2004-11-16 18:30

<TABLE bgColor=#ffffff border=1 borderColor=#808080 borderColorDark=#808080 borderColorLight=#808080 cellPadding=2 cellSpacing=0 width="100%"><TR><TD bgColor=#c0c0c0 width="100%">图像标志</TD></TR><TR><TD bgColor=#eaeaea width="100%">1.<img>
2.<hr></TD></TR><TR><TD width="100%"> 再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了<img>标志来处理图像的输出。

1.<img>
<img>标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img src="images/logo.gif">；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<img src="../home/logo.gif">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为<img src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧！
必须强调一下，src属性在<img>标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt、align、border、width和height属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本。

2.<hr>
<hr>标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。
下面是本教程的一个综合例子。

例5 图像标志举例
<html>
<head>
<title>图像标志的综合示例</title>
</head>

<body>
<img src="../logo468_60.gif" alt="网页制作" WIDTH="468" HEIGHT="60">

<hr width="600" size="1" color="#0000FF">
</body>
</html>

</TD></TR></TABLE>

冰尘发表于 2004-11-16 18:30

<TABLE bgColor=#ffffff border=1 borderColor=#808080 borderColorDark=#808080 borderColorLight=#808080 cellPadding=2 cellSpacing=0 width="100%"><TR><TD bgColor=#c0c0c0 width="100%">教程六、链接标志</TD></TR><TR><TD bgColor=#eaeaea width="100%">1.<a href=""></a>
2.<a name=""></a></TD></TR><TR><TD width="100%"> 教程六的内容不是很多，而且很简单。链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。

1.<a href=""></a>
本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入<img src="">标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailt形式，即发送E-Mail形式。对于第一种情况，语法为<a href="URL"></a>，这就能创建一个超文本链接了，例如：
<a href="http://bbs.dvbbs.net/">这是我的网站</a>
对于第二种情况，语法为<a href="mailtEMAIL"></a>，这就创建了一个自动发送电子邮件的链接，mailt后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址)，例如：
<a href="mail:123@263.net">这是我的电子信箱(E-Mail信箱)</a>
此外，<a href=""></a>还具有target属性，此属性用来指明浏览的目标帧，我们将在讲帧标志时作详细的说明，这里您只要知道如果不使用target属性，当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档，若target的值等于“_blank”，点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。例如：
<a href="http://bbs.dvbbs.net/" target="_blank">这是我的网站</a>

2.<a name=""></a>
<a name=""></a>标志对要结合<a href=""></a>标志对使用才有效果。<a name=""></a>标志对用来在Html文档中创建一个标签(即做一个记号)，属性name是不可缺少的，它的值也即是标签名，例如：
<a name="标签名">此处创建了一个标签</a>
创建标签是为了在Html文档中创建一些链接，以便能够找到同一文档中的有标签的地方。要找到标签所在地，就必须使用<a href=""></a>标志对。例如要找到“标签名”这个标签，就要编写如下代码：
<a href="#标签名">点击此处将使浏览器跳到“标签名”处</a>
注意：href属性赋的值若是标签的名字，必须在标签名前边加一个“#”号。

下面是本教程的一个综合示例：

例7 链接标志的综合示例
<html>
<head>
<title>链接标志的综合示例</title>
</head>

<body>
 
<a name="Top">创建标签处</a> 
 
 
欢迎想要学习网页制作的同学访问我的网站 
<a href="http://bbs.dvbbs.net/" target="_blank"><a href="http://bbs.dvbbs.net/
" target=_blank>http://bbs.dvbbs.net/ </A>
 
<img src="http://bbs.dvbbs.net/images/logo.gif"
alt="欢迎访问&quot;网页制作&quot;" border="0" width="468" height="60"></a> 
 
本网站的主要内容 
 
<a href="index_Html.htm" target="_blank">Html教程</a> 
 
<a href="../DHtml/index_DHtml.htm" target="_blank">动态Html教程</a> 
 
<a href="../ASP/index_ASP.htm" target="_blank">ASP教程</a> 
 
JavaScript教程 
 
VBScript教程 
 
<a href="../yqlj/yqlj.htm" target="_blank">友情链接</a> 
 
我要留言 
 
作者介绍 
 
 
欢迎给我来信，我的E-Mail是：
<a href="mailt123@263.net">123@263.net</a> 
 
<a href="#Top">点击此处回到标签处</a> 
 

</body>
</html></TD></TR></TABLE>

冰尘发表于 2004-11-16 18:31

<HR> <TABLE border=1 borderColor=#fffcc0 borderColorDark=#fffcc0 borderColorLight=#fffcc0 width="100%"><TR><TD borderColor=#fbbc66 borderColorDark=#fbbc66 borderColorLight=#fbbc66 height=341 vAlign=top width="33%"><TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 width="100%">基本标志</TD></TR><TR><TD width="45%"><html></html></TD><TD width="55%">创建一个HTML文档</TD></TR><TR><TD width="45%"><head></head></TD><TD width="55%">设置文档标题和其它在网页中不显示的信息</TD></TR><TR><TD width="45%"><body></body></TD><TD width="55%">设置文档的主体部分</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 width="100%">文档整体属性标志</TD></TR><TR><TD width="44%"><body bgcolor=""></TD><TD width="56%">设置背景颜色。使用名字或RGB的十六进制值　</TD></TR><TR><TD width="44%"><body text=""></TD><TD width="56%">设置文本颜色。使用名字或RGB的十六进制值</TD></TR><TR><TD width="44%"><body link=""></TD><TD width="56%">设置链接颜色。使用名字或RGB的十六进制值</TD></TR><TR><TD width="44%"><body vlink=""></TD><TD width="56%">设置已使用的链接的颜色。使用名字或RGB的十六进制值　 </TD></TR><TR><TD width="44%"><body alink=""></TD><TD width="56%">设置正在被击中的链接的颜色。使用名字或RGB的十六进制值</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 width="100%">图像标志</TD></TR><TR><TD width="55%"><img src="name">
</TD><TD width="45%">在HTML文档中嵌入一个图像</TD></TR><TR><TD width="55%"><img src="name" align=""></TD><TD width="45%">排列对齐一个图像:左、中、右或上、中、下</TD></TR><TR><TD width="55%"><img src="name" border=""></TD><TD width="45%">设置图像的边框的大小</TD></TR><TR><TD width="55%"><hr></TD><TD width="45%">加入一条水平线</TD></TR><TR><TD width="55%"><hr size=""></TD><TD width="45%">设置水平线的厚度</TD></TR><TR><TD width="55%"><hr width=""></TD><TD width="45%">设置水平线的宽度。可以是百分比或绝对像素点</TD></TR><TR><TD width="55%"><hr noshade></TD><TD width="45%">没有阴影的水平线</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 width="100%">表格标志</TD></TR><TR><TD width="100%"><TABLE border=0 cellPadding=2 cellSpacing=0 width=231><TR><TD width=103><table></table></TD><TD width=116>创建一个表格</TD></TR><TR><TD width=103><tr></tr></TD><TD width=116>表格中的每一行</TD></TR><TR><TD width=103><td></td></TD><TD width=116>表格中一行中的每一个格子</TD></TR><TR><TD width=103><th></th></TD><TD width=116>设置表格头:通常是黑体居中文字</TD></TR><TR><TD width=103><table border=""></TD><TD width=116>设置边框的宽度</TD></TR><TR><TD width=103><table cellspacing=""> </TD><TD width=116>设置表格格子之间空间的大小</TD></TR><TR><TD width=103><table cellpadding=""> </TD><TD width=116>设置表格格子边框与其内部内容之间空间的大小</TD></TR><TR><TD width=103><table width=""></TD><TD width=116>设置表格的宽度。用绝对像素值或总宽度的百分比 </TD></TR><TR><TD width=103><tr align=""></TD><TD width=116>设置表格格子的水平对齐方式(左中右)</TD></TR><TR><TD width=103><tr valign=""></TD><TD width=116>设置表格格子的垂直对齐方式(上中下)</TD></TR><TR><TD width=103><td colspan=""></TD><TD width=116>设置一个表格格子跨占的列数(缺省值为1) 　</TD></TR><TR><TD width=103><td rowspan=""></TD><TD width=116>设置一个表格格子跨占的行数(缺省值为1) 　</TD></TR><TR><TD width=103><td nowrap></TD><TD width=116>禁止表格格子内的内容自动断行</TD></TR></TABLE></TD></TR></TABLE></TD><TD borderColor=#3cd2a9 borderColorDark=#3cd2a9 borderColorLight=#3cd2a9 height=347 vAlign=top width="34%"><TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 width="100%">标题标志</TD></TR><TR><TD width="44%"><title></title> </TD><TD width="56%">将文档的题目放在浏览器的标题栏中</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 width="100%">文本标志</TD></TR><TR><TD width="39%"><pre></pre></TD><TD width="61%">预先格式化文本</TD></TR><TR><TD width="39%"><h1></h1></TD><TD width="61%">最大的标题</TD></TR><TR><TD width="39%"><h6></h6></TD><TD width="61%">最小的标题</TD></TR><TR><TD width="39%"></TD><TD width="61%">黑体字 </TD></TR><TR><TD width="39%"></TD><TD width="61%">斜体字</TD></TR><TR><TD width="39%"><tt></tt></TD><TD width="61%">打字机风格的字体</TD></TR><TR><TD width="39%"><cite></cite></TD><TD width="61%">引用,通常是斜体</TD></TR><TR><TD width="39%"></TD><TD width="61%">强调文本(通常是斜体加黑体)</TD></TR><TR><TD width="39%"></TD><TD width="61%">加重文本(通常是斜体加黑体)</TD></TR><TR><TD width="39%"></TD><TD width="61%">设置字体大小,从1到7</TD></TR><TR><TD width="39%"></TD><TD width="61%">设置字体的颜色,使用名字或RGB的十六进制值</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 width="100%">链接标志</TD></TR><TR><TD width="59%"><a href="URL"></a></TD><TD width="41%">创建超文本链接</TD></TR><TR><TD width="59%"><a href="mailtEMAIL">
</a></TD><TD width="41%">创建自动发送电子邮件的链接</TD></TR><TR><TD width="59%"><a name="name"></a></TD><TD width="41%">创建位于文档内部的书签</TD></TR><TR><TD width="59%"><a href="#name"></a> </TD><TD width="41%">创建指向位于文档内部书签的链接</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 width="100%">帧标志</TD></TR><TR><TD width="100%"><TABLE border=0 cellPadding=2 cellSpacing=0 width=260><TR><TD width=114><frameset></frameset></TD><TD width=134>放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中　</TD></TR><TR><TD width=114><frameset rows="value,value"></TD><TD width=134>定义一个帧内的行数,可以使用绝对像素值或高度的百分比　</TD></TR><TR><TD width=114><frameset cols="value,value"></TD><TD width=134>定义一个帧内的列数,可以使用绝对像素值或宽度的百分比</TD></TR><TR><TD width=114><frame></TD><TD width=134>定义一个帧内的单一窗或窗区域　</TD></TR><TR><TD width=114><noframes></noframes> </TD><TD width=134>定义在不支持帧的浏览器中显示什么提示</TD></TR><TR><TD width=114><frame src="URL"></TD><TD width=134>规定帧内显示的HTML文档</TD></TR><TR><TD width=114><frame name="name"></TD><TD width=134>命名帧或区域以便别的帧可以指向它</TD></TR><TR><TD width=114><frame marginwidth=""></TD><TD width=134>定义帧左右边缘的空白大小,必须大于等于1</TD></TR><TR><TD width=114><frame marginheight=""> </TD><TD width=134>定义帧上下边缘的空白大小,必须大于等于1</TD></TR><TR><TD width=114><frame scrolling=""></TD><TD width=134>设置帧是否有滚动栏,其值可以是"yes","no" 或"auto"</TD></TR><TR><TD width=114><frame noresize></TD><TD width=134>禁止用户调整一个帧的大小　</TD></TR></TABLE></TD></TR></TABLE>　</TD><TD borderColor=#f7a6e7 borderColorDark=#f7a6e7 borderColorLight=#f7a6e7 height=347 vAlign=top width="34%"><TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 colSpan=2 vAlign=top width="101%">格式标志</TD></TR><TR><TD width="50%"></TD><TD width="50%">创建一个段落</TD></TR><TR><TD width="50%"> </TD><TD width="50%">将段落按左、中、右对齐　</TD></TR><TR><TD width="50%"> </TD><TD width="50%">插入一个回车换行符</TD></TR><TR><TD width="50%"><blockquote></blockquote></TD><TD width="50%">从两边缩进文本</TD></TR><TR><TD width="50%"><dl></dl></TD><TD width="50%">定义列表</TD></TR><TR><TD width="50%"><dt></TD><TD width="50%">放在每个定义术语词前</TD></TR><TR><TD width="50%"><dd></TD><TD width="50%">放在每个定义之前</TD></TR><TR><TD width="50%"><ol></ol></TD><TD width="50%">创建一个标有数字的列表</TD></TR><TR><TD width="50%"><ul></ul></TD><TD width="50%">创建一个标有圆点的列表</TD></TR><TR><TD width="50%"><li></TD><TD width="50%">放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点　　 </TD></TR><TR><TD width="50%"><div align=""></div></TD><TD width="50%">用来排版大块HTML段落,也用于格式化表</TD></TR></TABLE>　<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%"><TR><TD bgColor=#930000 width="100%">表单标志</TD></TR><TR><TD width="100%"><TABLE border=0 cellPadding=2 cellSpacing=0 width=228><TR><TD width=126><form></form></TD><TD width=90>创建表单</TD></TR><TR><TD width=126><select multiple name="name" size=""></select></TD><TD width=90>创建滚动菜单,size设置在需要滚动前可以看到的表单项数目</TD></TR><TR><TD width=126><option></TD><TD width=90>设置每个表单项的内容</TD></TR><TR><TD width=126><select name="name"></select></TD><TD width=90>创建下拉菜单</TD></TR><TR><TD width=126><option></TD><TD width=90>设置每个菜单项的内容</TD></TR><TR><TD width=126><textarea name="name" cols=40 rows=8></textarea></TD><TD width=90>创建一个文本框区域,列的数目设置宽度,行的数目设置高度</TD></TR><TR><TD width=126><input type="checkbox" name="name"></TD><TD width=90>创建一个复选框,文字在标签后面</TD></TR><TR><TD width=126><input type="radio" name="name" value=""></TD><TD width=90>创建一个单选框,文字在标志后面</TD></TR><TR><TD width=126><input type=text name="foo" size=20></TD><TD width=90>创建一个单行文本输入区域,size设置以字符串的宽度</TD></TR><TR><TD width=126><input type="submit" value="name"></TD><TD width=90>创建提交(submit)按钮</TD></TR><TR><TD width=126><input type="image" border=0 name="name" src="name.gif"></TD><TD width=90>创建一个使用图象的提交(submit)按钮</TD></TR><TR><TD width=126><input type="reset"></TD><TD width=90>创建重置(reset)按钮</TD></TR></TABLE></TD></TR></TABLE>　</TD></TR></TABLE>

冰尘发表于 2004-11-16 18:33

实际上来说图象和影音的使用都是跟HTML的基本知识有关系的东西~所以偶就全发出来的撒~哪天光发了个图象的使用还发到贴图区了~实在是不好意思 ~~在这里给哪个MM道歉~~偶说错了哈~SORRY~~~所以这次偶都发出来的撒~呵呵~~~后面在跟上图象里的哪个帖子~谢谢大家~[em05][em05][em05]

冰尘发表于 2004-11-16 18:35

关于贴图~新加入的红色部分可以使边框变成实体的哦

自己改改数值说不定有意外的发现了

（table border="1" bordercolor="边框颜色" bgcolor="背景颜色" width="200" height="300" cellpadding="0" cellspacing="0"）

（tr）

（td）

（font color="字体颜色" face="字体格式"）这里就是留言的地方了（/font）

（img src="这里是你要贴的图片地址，是网络上的地址，一定是<a href="http://.....不是硬盘上的地址/" target="_blank" >http://.....不是硬盘上的地址</A>" border="0"）

（/td）

（/tr）

（tr align="center"）

（td）

（font color="字体颜色"）这儿可以写你自己喜欢的格言，随自己

（/font）

（/td）

（/tr）

（/table）

因为怕被解析了，所以用的（）代替<>

用的时候把所有的()改成<>;

虽然麻烦了点

但要个性么，只有麻烦点了

记住引号不要不小心弄掉了

把上面的复制到记事本里

然后把所有的（）改成<>

然后根据提示把相关的东西替换掉提示

以.txt存档（最好保存到你经常用的地方）

然后每次回帖的时候

复制记事本的整个东西

粘贴到回帖的地方

再在上面提示的地方写留言

记住你一定要有可以使用html的权限

虽然很麻烦，但是很醒目的说

以下是相关的参考：

颜色参考：一般有 red ,blue,green,silver,brown,等

如果你想要自己的颜色的话

打开你系统上的画图

然后打开颜色选择

然后选个颜色，你会看见最右边的竖着的三个框里有颜色值，他们是以r,b,g的色值排列的，然后，那段代码提示颜色的地方输上

rgb(255,255,255) 当然我给的值是举例，那里面的数字是你要填的，就是刚刚提到的3个色值，从上往下（三个框里的值）的填那几个数字替代我的255，别忘了是逗号隔开的哦，字体颜色设置是一样的

字体格式参考：

中文的有宋体（电脑默认的一般都是），楷体，黑体，等

可以打开系统盘搜索一个叫font的文件夹，里面的文件的名字就是字体的格式

好了，虽然开始烦琐了点

但是弄好了也挺方便的

还有点

复制的快捷键是ctrl+c

粘贴的快捷键是ctrl+v

看见大家贴的很多

一定注意<>是切换到英语状态下的，其他的不行，别用其他状态下的<>,不然是解析不了的！

还有告诉大家怎么样去掉回复后表格上面的那段空白，只要把代码复制到记事本后，然后把所有的转行去掉，也就是说把所有的代码放在一行。。不要转行。。。这样就可以了。。


<TABLE border=0 class=tablebody2 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%">

<TR>
<TD width="100%" 12pt? LINE-HEIGHT: 9pt;><IMG src="http://yan9.com/bbs/Skins/Default/topicface/face1.gif"> 图片免费上传地址收集：（有的可能不能用~有的可能能用~实在不好意思~偶没测试~）

图片格式：gif/jpg/rar
图片大小：300k <a href="http://wyf.fywk.com/UpLoad/Demo1/" target="_blank" >http://wyf.fywk.com/UpLoad/Demo1/</A>

新浪相册：<a href="http://album.gd.sina.com.cn/" target="_blank" >http://album.gd.sina.com.cn/</A>

Yahoo!相册：<a href="http://cn.photos.yahoo.com/" target="_blank" >http://cn.photos.yahoo.com/</A>
<a href="http://www.herogame.cn/gallery/upload.php" target="_blank" >http://www.herogame.cn/gallery/upload.php</A>
<a href="http://house.people.com.cn/fang/xinwen/index.php" target="_blank" >http://house.people.com.cn/fang/xinwen/index.php</A>

网络家庭像册<a href="http://photo.pchome.com.tw/" target="_blank" >http://photo.pchome.com.tw/</A>
<a href="http://www.imageuploading.com/" target="_blank" >http://www.imageuploading.com</A>
<a href="http://freeimageupload.com/" target="_blank" >http://freeimageupload.com</A>
<a href="http://www.picnox.de.vu/" target="_blank" >http://www.picnox.de.vu/</A>
<a href="http://www.2and2.net/index.php?i=upload" target="_blank" >http://www.2and2.net/index.php?i=upload</A>
<a href="http://www.imageshack.us/" target="_blank" >http://www.imageshack.us/</A>

<a href="http://www.chengben.com/upload/upload.asp" target="_blank" >http://www.chengben.com/upload/upload.asp</A>
如果某些网站不能上传可以联系苦命~他没事就找免费的FTP的~
还有可能在偶发的哪个帖子里也有的~（（就是是“别人的收藏偶发出来的撒~））

看过的或者明白的请不要板砖小子在这里谢谢各位大大撒~

</TD></TR></TABLE>[em17][em17]
[align=right][color=#000066][此贴子已经被作者于2004-11-16 10:38:58编辑过][/color][/align]

琪琪-可人儿 发表于 2004-11-19 05:26

行,厉害不过看得俺头都痛

bunimu 发表于 2004-11-21 21:40

[em12][em12]这么好　能不支持！？》

冰尘发表于 2005-2-28 00:06

还有人问照片的问题~~

页: [1]