军旅同心聊天室登录口﹦﹦﹦﹦》》》   昵称:       密码: 


  共有8796人关注过本帖树形打印复制链接

主题:[转帖]起步学代码(申请区固顶):)

美女呀,离线,留言给我吧!
黄脸婆
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
[转帖]起步学代码(申请区固顶):)  发帖心情 Post By:2006/7/16 9:15:00 [只看该作者]

01.txt 欢迎您!启步学HTML代码。1 HTML代码是什么?
图片点击可在新窗口打开查看



图片点击可在新窗口打开查看
欢迎您!启步学代码。
(1)

(游子编辑 供初学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-7-18 9:27:23编辑过]


[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/16 9:31:00 [只看该作者]

图片点击可在新窗口打开查看



图片点击可在新窗口打开查看

欢迎您!启步学代码。

(游子编辑 供初学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   新宋体   幼圆 隶书

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



图片点击可在新窗口打开查看
                    
常用颜色代码
      
#FF0000#FFFFf0#0000F#008000#FF00FF#000080
      
#008000#00FFFF#FFf000#993333#FFFF00#000099
      
#000066#009933#F00000#FFCC00#0099FF#33CCCC
      
#FFCCFF#33CC33#CC0000#3333CC#9900CC#993333
      
#993333#006600#FF9900#00CCFF#66FF33#003300


编辑:游子




[此贴子已经被作者于2006-7-16 9:38:49编辑过]


[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/16 9:42:00 [只看该作者]

图片点击可在新窗口打开查看
图片点击可在新窗口打开查看
欢迎您!启步学代码。
(3)

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


文字显示位置的控制

文字显示位置分别为:

水平方向(align),垂直方向(valign)
水平方向即左中右:
left(左对齐)
center(居中)
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)调整;
用代码编辑绝对位置挂贴(外部定位)等办法。


图片点击可在新窗口打开查看


编辑:游子
(待续)





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

<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)调整;
用代码编辑绝对位置挂贴(外部定位)等办法。


图片点击可在新窗口打开查看


编辑:游子
(待续)



[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/18 9:12:00 [只看该作者]

图片点击可在新窗口打开查看
图片点击可在新窗口打开查看
欢迎您!启步学代码。
(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>

<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>


文字图片走四方


图片点击可在新窗口打开查看 欣赏文字图片走四方 图片点击可在新窗口打开查看

图片点击可在新窗口打开查看


编辑:游子
(待续)



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

移动方向 <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>

<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>


文字图片走四方


图片点击可在新窗口打开查看 欣赏文字图片走四方 图片点击可在新窗口打开查看

图片点击可在新窗口打开查看


编辑:游子
(待续)









[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/18 9:25:00 [只看该作者]

图片点击可在新窗口打开查看
图片点击可在新窗口打开查看
欢迎您!启步学代码。
(5)

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


文字编辑几种常用代码语句的浅识


掌握HTML语法中的分隔标签非常有必要,娴熟地
应用分隔标签,能令帖子可读性强、外观整洁漂亮。

文字编辑常用代码语句:

<BR> 换行标记一个<BR>令文字显示于下一行,二个<BR>留一空白行。
<p>文字编辑  段落标记 令文字之间留一空白行。
(&nbsp;) 括号内的语句,令文字之间留一空隔。(可单独使用)
<b>  令字体加粗</b>(双标签)
<u> 令文字加上底线</u>(双标签)
<CENTER> 居中 令字、画、表格等显示于中间</CENTER>(双标签)



    对<BR> 换行标记,即强行换行指令的认识。
    下面这首李白的诗,在输入编辑时虽然有分行,但无用强行换行<BR>标签,由于系统有顺延功能作用,所以仍然是从左侧顺延联成一片显示出来。


先看文字设置无换行标记的一组代码:


<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=fff000>


《 望庐山瀑布》 李 白

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。
</P></FONT>

显示效果是联成一片。


《 望庐山瀑布》 李 白日照香炉生紫烟,遥看瀑布挂前川。飞流直下三千尺,疑是银河落九天。



再看文字编辑时,在要断行的地方加入<BR>分隔标签的一组代码:


<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=lime>
《 望庐山瀑布》 李 白<BR><BR>

日照香炉生紫烟,遥看瀑布挂前川。<BR>
飞流直下三千尺,疑是银河落九天。<BR>
</P></FONT>

显示效果:

《 望庐山瀑布》 李 白

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。




在页面上文字显示位置的实例。


  《 望庐山瀑布》 李 白

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。



《 望庐山瀑布》 李 白

      
日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。



《 望庐山瀑布》 李 白      

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。


  《 望庐山瀑布》 李 白

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。



《 望庐山瀑布》 李 白

      
日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。



《 望庐山瀑布》 李 白      

日照香炉生紫烟,遥看瀑布挂前川。
飞流直下三千尺,疑是银河落九天。






在页面上文字显示位置的实例的一组代码:

<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=lime>
<P align=LEFT>
&nbsp;&nbsp;《 望庐山瀑布》 李 白<BR><BR>
日照香炉生紫烟,遥看瀑布挂前川。<BR>
飞流直下三千尺,疑是银河落九天。<BR></P>
<BR><BR>


<P align=center>
《 望庐山瀑布》 李 白<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>

日照香炉生紫烟,遥看瀑布挂前川。<BR>
飞流直下三千尺,疑是银河落九天。<BR></P>
<BR><BR>


<P align=RIGHT>
《 望庐山瀑布》 李 白&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR><BR>
日照香炉生紫烟,遥看瀑布挂前川。<BR>
飞流直下三千尺,疑是银河落九天。</P><BR>
</FONT>
<BR>
 

说明:文字显示位置的关键代码语句。

<P align=LEFT>左对齐</P>
<P align=center>居中</P>
<P align=RIGHT>右对齐</P>

注意这三个代码都是双标签,要成对使用。


图片点击可在新窗口打开查看


编辑:游子
(待续)




[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
帅哥哟,离线,有人找我吗?
~开心*阳光~
  6楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:贵宾 帖子:768 积分:7054 威望:25 精华:0 注册:2003/11/27 20:22:00
  发帖心情 Post By:2006/7/18 9:28:00 [只看该作者]

黄脸婆斑主,我这里看到的只是左面一部分教程。不知是我的原因还是你转发的问题?呵呵
[此贴子已经被作者于2006-7-18 9:29:02编辑过]


[img]http://attach.sl.iciba.com/images/thread/9e/92/9e92ebc5d8c4a59562c58ed4933fe228.gif[/img]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/18 12:52:00 [只看该作者]

以下是引用~开心*阳光~在2006-7-18 9:28:00的发言:
黄脸婆斑主,我这里看到的只是左面一部分教程。不知是我的原因还是你转发的问题?呵呵

阳光好!虽然我这是转贴的,但代码上我都做了修改,不然咱这论坛上的发言框里根本就显示不了,我这里看着挺好的.我估计你那电脑分辨率设置可能是800*600.把分辨率改成1024*768的就好了.



[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
帅哥哟,离线,有人找我吗?
~开心*阳光~
  8楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:贵宾 帖子:768 积分:7054 威望:25 精华:0 注册:2003/11/27 20:22:00
  发帖心情 Post By:2006/7/18 13:31:00 [只看该作者]

以下是引用黄脸婆在2006-7-18 12:52:00的发言:

阳光好!虽然我这是转贴的,但代码上我都做了修改,不然咱这论坛上的发言框里根本就显示不了,我这里看着挺好的.我估计你那电脑分辨率设置可能是800*600.把分辨率改成1024*768的就好了.

黄版主你好,我没有别的意思,就是我想学,但内容看不全,没有想到是自己电脑分辨率设置问题。请谅解。



[img]http://attach.sl.iciba.com/images/thread/9e/92/9e92ebc5d8c4a59562c58ed4933fe228.gif[/img]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/18 21:57:00 [只看该作者]

以下是引用~开心*阳光~在2006-7-18 13:31:00的发言:

黄版主你好,我没有别的意思,就是我想学,但内容看不全,没有想到是自己电脑分辨率设置问题。请谅解。

哈哈,阳光,说什么呢,只要能看到就好了.干吗那么小心翼翼的说话

 

图片点击可在新窗口打开查看图片点击可在新窗口打开查看


[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部
美女呀,离线,留言给我吧!
黄脸婆
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC
更多


加好友 发短信
等级:版主 帖子:1536 积分:13035 威望:20 精华:3 注册:2004/5/28 12:52:00
  发帖心情 Post By:2006/7/20 17:38:00 [只看该作者]

图片点击可在新窗口打开查看
图片点击可在新窗口打开查看
欢迎您!启步学代码。
(6)

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

文字输出范围的设置-文本框


   在页面或图片上要输出很多文字,就要考虑其输出范围。 我们输入文字时,如果没有设置过行过段标签 系统默认居中左对齐,向右顺延至边框,自动过下一行,因此必需设置文本框来空制 文字输入的范围。如果输入英文特别是代码时,虽然有设置普通文本框,但仍被挤得很宽,所以要设有滚动条的文本框。


文本框有二种:普通文本框和有滚动条的文本框。

文字直接显示在页面上的代码:

<font style=font:12pt face=幼圆 color=00ff00>
什么是虚拟内存
  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
</FONT>


显示效果:
什么是虚拟内存  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。

在普通文本框中输入文字的一组代码:

<TBODY>
<TR>
<TD bgColor=>
<p align="LEFT">
什么是虚拟内存
  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。 </p>
</TD></TR></TBODY></TABLE>


显示效果:


什么是虚拟内存
  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。



文字装在有滚动条的文本框的代码:

<CENTER>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR:olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR:olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR:00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
什么是虚拟内存
  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
</B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><br>


显示效果:

什么是虚拟内存  不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。




文字装在条幅中走马灯式移动的代码:

<marquee direction=left scrollamount=2 style=width=500 height=20><CENTER>
<font style=font:15pt face=华文新魏 color=00ff00><b>
什么是虚拟内存
不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),
它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,
这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,
它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
</b></FONT></marquee><br><br>
<BR>


显示效果:

什么是虚拟内存不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。



文字装在文本框内从下向上移动的代码:


<marquee direction=up scrollamount=1 style=width=350 height=120><CENTER>
<font style=font:15pt face=华文新魏 color=fff000><b>
什么是虚拟内存
不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),
它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,
这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,
它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
</marquee><br><br>


显示效果:

什么是虚拟内存不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。



图片点击可在新窗口打开查看


编辑:游子
(待续)



[IMG]http://www.f81.net/dv6/UploadFile/2008-6/20086290184218005.jpg[/IMG]

 回到顶部