发新帖  新投票  回帖 
15545个阅读者,156条回复 | 打印 | 订阅 | 收藏
秋光

回复时间:2006-2-16 07:12
锦绣中华


 
永远的风铃

回复时间:2006-2-17 18:33
怎么看不清楚呀

 
秋光

回复时间:2006-2-17 19:02

 
秋光

回复时间:2006-2-17 19:05









击点欣赏蝶恋花





[此贴子已经被作者于2006-2-17 19:11:26编辑过]

 
秋光

回复时间:2006-2-21 09:11





















欢迎您!启步学代码。
(游子编辑 供初学HTML代码的朋友参考)



在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。 没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。




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

可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。

<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>

显示结果:
网络世界

这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:

<font style=font:60pt face=隶书 color=ff0000>
网络世界
</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移动速度。
代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。
代码的第四行是移动标签的结尾标签。

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


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




编辑:游子
(待续)















[此贴子已经被作者于2006-2-21 9:16:48编辑过]

 
秋光

回复时间:2006-2-21 09:12


<







欢迎您!启步学代码。
(2)


(游子编辑 供初学HTML代码的朋友参考)


先来学文字设置



文字设置三要素(三属值):

style=font:30pt    字的大小
color=navy    字的颜色
face=幼圆    那一种字体

文字设置的一组代码:

<font style=font:30pt face=隶书 color=ff0000>锦绣中华</font>

显示效果如下:
锦绣中华

相同的文字设置代码,三要素改变了,
显示效果就不同。


<font style=font:40pt face=华文新魏 color=red>锦绣中华</font>

显示效果如下:

锦绣中华



<font style=font:80pt face=华文彩云 color=ff0000>锦绣中华</font>

显示效果如下:

锦绣中华

  

你可以把(文字设置的一组代码)复制到记事本去,改为你喜欢的文字内容,让后用回复的方式试贴,粘贴时注意先选择[HTML]标签,同时把自动修正的钩去掉。












设置字体大小还有一种叫标题字体。

<h#> ... </h#> #=1, 2, 3, 4, 5, 6,

<h1>网络世界论坛</h1>



人间正道是沧桑


<h2>人间正道是沧桑</h2>



人间正道是沧桑


<h3>人间正道是沧桑</h3>



人间正道是沧桑


<h4>人间正道是沧桑</h4>



人间正道是沧桑


<h5>人间正道是沧桑</h5>



人间正道是沧桑

<h6>影画世界论坛</h6>



人间正道是沧桑

标题字体默认黑色宋体,
故只有字体大小的变化。









常用字体代码

宋体 黑体   楷体_GB2312   仿宋_GB2312   新宋体   幼圆 隶书

  方正舒体  华文新魏 华文行楷   华文细黑  华文彩云  方正姚体








编辑:游子







[此贴子已经被作者于2006-2-21 9:33:43编辑过]

 
秋光

回复时间:2006-2-21 09:20












欢迎您!启步学代码。
(3)

(游子编辑 供初学HTML代码的朋友参考)





文字显示位置的控制



文字显示位置分别为:


水平方向(align),垂直方向(valign)

水平方向即左中右:

left(左对齐)

middle(居中)

RIGHT(右对齐)


垂直方向即靠顶和靠底.


top(靠顶)、bottom(靠底)等。










水平方向即左中右的代码:



<p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P>


<p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P>


<p align=RIGHT><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>



显示效果如下:





向左对齐



表示居中



向右对齐








实例:










送给春兰妹妹



祝你生日快乐!






大姐冬梅
20060228






实例代码:














<CENTER>

<TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg
border=18>

<TBODY>

<TR>

<td align=center valign=top><br>

<FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>

<p align=left>送给春兰妹妹</P><br>

<p align=CENTER>祝你生日快乐!</P><br><br><br><br>

<p align=RIGHT>大姐冬梅<br>20060228</P>

</B> </FONT>

</TD></TR></TOBDY></TBODY></TABLE></CENTER>








垂直方向valign)靠顶的代码:



<TD align=LEFT valign=top>居左靠顶</TD>

<TD align=center valign=top>居中靠顶</TD>

<TDalign=RIGHT valign=top>居右靠顶</TD>







垂直方向valign)靠底的代码:



<TD align=LEFT valign=bottom>居左靠底</TD>

<TD align=center valign=bottom>居中靠底</TD>

<TD align=RIGHT valign=bottom>居右靠底</TD>





文字输出位置垂直方向的代码是设置在单元格里(TD),方便易用。但我只能在一个单元格中设一组代码。实例如下:









居左靠顶的代码

align=LEFT valign=top






代码:













<CENTER>

<TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg
border=18>

<TBODY>

<TR>

<TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷
color=#fff000><B>

居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT>

</TD></TR></TOBDY></TBODY></TABLE></CENTER>

<BR><BR>





文字输出位置垂直方向的实例二:







居右靠底的代码

align=RIGHT valign=bottom






居右靠底的代码:














<BR>

<CENTER>

<TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg
border=18>

<TBODY>

<TR>

<TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷
color=#fff000><B>

居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT>

</TD></TR></TOBDY></TBODY></TABLE></CENTER>

<BR><BR>










文字(或图片)放置的地位,
还可以用空格(&nbsp;)和空行(BR)调整;

用代码编辑绝对位置挂贴(外部定位)等办法。




编辑:游子
(待续)







[此贴子已经被作者于2006-2-21 9:21:24编辑过]

 
秋光

回复时间:2006-2-21 09:24











欢迎您!启步学代码。
(4)

(游子编辑 供初学HTML代码的朋友参考)







文字移动属性的设置



<marquee>内容文字或图片</marquee>


上面是最简单的移动标签。把它复制粘贴发表结果如下:






内容文字或图片






移动属性值主要的有几个内容:



移动方向 <direction=#>
速度 <scrollamount=#>

方式 <bihavior=#>
循环 <loop=#>
延时 <scrolldelay=#>








启步先学方向和速度。



移动方向


direction=left 从右向左移

direction=right 从左向右移

direction=down 从上向下移

direction=up 从下向上移







移动代码:-文字从右向左移





<marquee direction=left scrollAmount=2>

<font style=font:15pt face=黑体 color=fff000>
文字从右向左移!</font></marquee>





显示效果:





文字从右向左移!








移动方向-文字从左向右移的代杩。


<marquee direction=right scrollAmount=2>

<font style=font:15pt face=黑体 color=fff000>

文字从左向右移!!</font></marquee>





显示效果:



文字从左向右移!





移动方向-文字从上向下移的代码:。


<marquee direction=direction=down scrollAmount=2>

<font style=font:15pt face=黑体 color=fff000><CENTER>

文字从上向下移!!</font></CENTER></marquee>





显示效果:



文字从上向下移!!








移动方向-文字从下向上移!的代码:。


<marquee direction=up scrollAmount=2>

<font style=font:15pt face=黑体 color=fff000><CENTER>

文字从下向上移!!!</CENTER></font></marquee>

BR>


显示效果:



文字从下向上移!!








文字来回走代码:


<marquee behavior=alternate scrollAmount=8>

<font style=font:15pt face=黑体 color=fff000>

文字来回走耶!!!</font></marquee>





显示效果:






文字来回走耶!!









移动速度 <scrollamount=#>



移动速度设置数值小就走得慢的代码:



<marquee direction=left scrollAmount=2>

<font style=font:15pt face=黑体 color=fff000>

scrollAmount=2移动速度设置数值小就走得慢!!</font></marquee>




显示效果:




scrollAmount=2移动速度设置数值小就走得慢!!



移动速度设置数值大就走得快!的代码:




<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=fff000>scrollAmount=8移动速度设置数值大就走得快!!</font></marquee>




显示效果:




scrollAmount=8移动速度设置数值大就走得快!!








文字上下移动代码:




<font size=5 face=隶书 color=lime>

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>

<center>

文字上下移动</center></marquee>





文字上下移动










文字图片走四方的代码:














<TABLE borderColor=fff000 height=350 cellSpacing=1 cellPadding=10
width=450 border=3><TBODY><TR><TD bgColor=#000000>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=450>

<IMG src="http://www.dabaoku.com/gif/164/gif001.gif">&nbsp;<FONT
color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src="http://homediy.myrice.com/gif/cat/cat004.gif">

</MARQUEE></MARQUEE>

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



文字图片走四方








欣赏文字图片走四方





编辑:游子
(待续)







[此贴子已经被作者于2006-2-21 9:24:56编辑过]

 
秋光

回复时间:2006-2-21 09:35



 欣赏文字图片走四方


[此贴子已经被作者于2006-2-21 9:37:26编辑过]

 
yyzzmm

回复时间:2006-3-1 12:47
向你学习




----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 13:02
我爱华声论坛






----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 13:44
一个笑意的HTML示例



这是我第一次学习HTLM,无论如何,我都要努力做好!




----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 13:51

欢迎批评指正



请多多关照




----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 14:23
普通文字(标题示例)


第一级标题 </H1>
<H2> 第二级标题</H2>
<H3> 第三级标题</H3>
<H4>第四级标题</H4>
<H5>第五级标题</H5>
<H6>第六级标题</H6>
</BODY> </HTML>





----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 14:24
普通文字(标题示例)


第一级标题 </H1>
<H2> 第二级标题</H2>
<H3> 第三级标题</H3>
<H4>第四级标题</H4>
<H5>第五级标题</H5>
<H6>第六级标题</H6>
</BODY> </HTML>





----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 14:27
楼主:请问,怎么没有显示出标题的效果呢?




----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
yyzzmm

回复时间:2006-3-1 14:36


这是一行普通文字


〈H1>一级标题
〈H2>二级标题
〈H3>三级标题
〈H4>四级标题
〈H5>五级标题
〈H6>六级标题








----------------------------------------------
独上高楼凭栏眺
青山依旧在,几度夕阳红
古今多少事,都付笑谈中
 
秋光

回复时间:2006-3-1 16:25






















        世界上最远的距离
不是 生与死的距离
而是 我站在你面前
你不知道我爱你

世界上最远的距离
不是 我站在你面前
你不知道我爱你
而是 爱到痴迷
却不能说我爱你

世界上最远的距离
不是 我不能说我爱你
而是 想你痛彻心脾
却只能深埋心底

世界上最远的距离
不是 我不能说我想你
而是 彼此相爱却不能够在一起

世界上最远的距离
不是 彼此相爱却不能够在一起
而是明知道真爱无敌
却装作毫不在意

世界上最远的距离
不是 树与树的距离
而是 同根生长的树枝
却无法在风中相依

世界上最远的距离
不是 树枝无法相依
而是 相互了望的星星
却没有交汇的轨迹

世界上最远的距离
不是 星星之间的轨迹
而是 纵然轨迹交汇
却在转瞬间无处寻觅

世界上最远的距离
不是 瞬间便无处寻觅
而是 尚未相遇
便注定无法相聚

世界上最远的距离
是鱼与飞鸟的距离
一个在天,一个却深潜海底










世界上最远的距离















[此贴子已经被作者于2006-3-1 16:27:22编辑过]

 
guyunjia

回复时间:2006-3-1 21:21


多年的潜水者也安耐不住了,谢谢先!!

 
guyunjia

回复时间:2006-3-1 21:23
呵呵 哎 看来还是要认真学习啊!

 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定
   



Processed in 0.069432 s, 8 q - 无图精简版,sitemap,