以文本方式查看主题

-  湖南知青  (http://2009.hnzqw.com/index.asp)
--  衡阳知青  (http://2009.hnzqw.com/list.asp?boardid=112)
----  HTML编辑  (http://2009.hnzqw.com/dispbbs.asp?boardid=112&id=27008)

--  作者:夜深人静
--  发布时间:2009/1/5 16:58:43

--  HTML编辑


HTML代码制作音画

2008-10-2 18:46:30

(供初学HTML代码的朋友参考)

   人到秋暮,老有所乐,因此,玩电脑上网学习代码贴图成为我们知青生活中的内容。 2007年12月我开始入门,把学习的一些HTNL基本知识和认识供初学代码者参考。我的水平较低,但这不需要高深文化,知道A、B、C、26个单词和0——10个阿拉伯数字就可以了,这只是我的体会,不是什么教材,错误之处难免,大家共同学习探讨。

   HTML文件就是各种代码组成超文本标记语言,是网络普及的描述语言,用HTML命令组成的文本,可以说明文字、图形、动画、声音等。HTML是网络的通用语言,通俗、易懂,是一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,HTML只是组合成一个文本文件的一系列标签。文本文件是以各式代码组成,你只需要将需要的图片属性地址插入固定的格式即可。重要的是有关数据要调整正确,每一段HTML文本代码的功用必须清楚。

(一)

  我们在网上经常看到很多精彩漂亮的网页和音画。这些佳作都是用各种代码和软件编辑出来的。半年前很想学,可是看教材头就晕人,眼睛发瞢,入门难呵!后来采用瞎子的老成法,边学边测试,才开始入门。没有专业知识,一样可以学会,事在人为,只要你反复操作,总会摸索出自己的一套简单方法,只要你会电脑系统操作和26个英文字母就可以了。学习HTML语言,看不懂没关系,仔细去领会,实践出真知。就怕数理化,没有数理化,我辈畏惧什么呢?

   简略认识HTML文件代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、视频等许多内容,还可以从一个文件跳转到另一个文件,与全世界各主机的文件连接,通过WWW浏览器显示出效果。它的特点最为简单,就是用一对小尖括弧“<  >"作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签、名字、属性>”来表示。而且绝大部份是成对的双标签,就是首标签和尾标签相同。

  我们可以用实际例子来理解标签的含义。比如:在页面上显示“湖南知青”四个红色隶书体大字,就必须用下面文字设置代码。

设置:

<font style=font:60pt face=隶书 color=ff0000>湖南知青</font>

显示结果:
湖南知青

   这组文字设置代码在前面的font是“始标签”,在后面的</font>是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。

对照说明:

<font style=font:60pt face=隶书 color=ff0000>
湖南知青
</font>

1、代码的第一行标签名:font  

   字号大小:style=font:60pt

   字体:face=隶书

   字的颜色:color=ff0000

2、代码的第二行文字内容:“湖南知青”

3、代码的第三行尾标签:</font>

   在“湖南知青”4个字前面加一个移动始标<marquee>,后面加一个尾标签</marquee>,这4个字就能移动了。

移动标签代码:

<marquee>湖南知青</marquee>。

只有名称,没有其他属性内容时,系统默认从右向左走。

显示结果:

湖南知青

   增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“湖南知青”四个大字从左向右走编一组代码:

<marquee direction=right scrollamount=2>
<font style=font:60pt face=隶书 color=ff0000>湖南知青</font>
</marquee>

湖南知青

   代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。

1、代码的第二行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。

2、代码的第三行是移动标签的结尾标签。

3、记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。 只有少数几个标签可以单独使用,如过行<br>代码就不用尾标签。

启步学习代码先从三个内容入手:
(一)文字设置或叫布局。  
(二)表格(图框)设置。  
(三)常用代码语句的应用。


2008-10-2 18:46:30

代码编辑特效字

代码贴特效美术字

   网页漂亮的美术字,这些特效文字都是用软件或代码编辑而成的。要用代码编辑美术字,必须弄懂较多的有关代码知识,以下是网络搜寻的特效美术字,共享!


<FONT color=#c4b77d>
<FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:45pt">美丽的海星在大海</FONT><DIV align=center>

美丽的海星在大海


 

<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>衡阳雁城,我的故乡。</B></FONT>

衡阳雁城,我的故乡。

<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>欢迎你,我的朋友!</FONT>

欢迎你我的朋友!

<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>
海星</FONT></DIV></DIV>
<BR>


海星



<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=green, strength=100); WIDTH: 480px"><FONT face=华文彩云 color=#fff000>
<CENTER>湘<BR>江<BR>之<BR>滨<BR><BR></CENTER></FONT></DIV>









--  作者:夜深人静
--  发布时间:2009/1/5 17:05:18

--  


怎样制作图片羽化效果
  
   图片雾化或叫羽化效果,就是一张图片只突出显示中心的主要图像,周边朦胧淡化。方法有通常使用的代码和简化的代码.

   二种雾化代码模式:

   通常使用的代码:

<TABLE border=0>
<TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=图片地址 >
</TD></TR></TABLE>
<br><br>

   简化的代码:

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="图片地址"INPUT>

   下面是我的同学知青图片和图片地址:

http://2008.hnzqw.com/UploadFile/2008-10/200810220285367429.jpg
图片雾化通常使用的代码:

<TABLE border=0>
<TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=500 height=450 background=http://2008.hnzqw.com/UploadFile/2008-10/200810220285367429.jpg >
</TD></TR></TABLE>
<br><br>

通常使用的代码显示结果:

简化的图片雾化代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg"INPUT>


简化的代码显示结果:



   圆形雾化效果和矩形雾化效果代码是一样的,不同之处是:
   把圆形雾化效果 style=2 改为:
   矩形雾化效果 style=3
   通常使用的是圆形雾化效果 style=2 .