注册 | 登录 | 搜索 
 ›› ›› 『 动网新手起航 』›› HTML语法常用的代码人士请进
共有 1187 人关注过本帖  
<< 上一主题    下一主题 >>
树形 打印

HTML语法常用的代码人士请进

美女呀,离线,留言给我吧!

头衔:靈 & 异

等级:业余侠客

文章:322

积分:1471

注册:2007-06-21 20:56:33

楼主  2007-12-31 16:13:14  

就是比如说下划线`~~粗体字  闪动字  漂浮文字   大小等等的代码谁知道的帮忙发过来!

是HTML标签的哦!

1111111


动网论坛商业版热卖中
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:小人物一个

等级:论坛游民

文章:38

积分:846

注册:2005-12-12 13:05:00

沙发  2007-12-31 16:22:45  
 一、HTML各种命令的代码:
1、文本标签(命令)
<pre></pre>         创建预格式化文本
<h1></h1>          创建最大的标题
<h6></h6>          创建最小的标题
<b></b>           创建黑体字
<i></i>           创建斜体字
<tt></tt>          创建打字机风格的字体
<cite></cite>        创建一个引用,通常是斜体
<em></em>          加重一个单词(通常是斜体加黑体)
<strong></strong>      加重一个单词(通常是斜体加黑体)
<font size=dispbbs.php?></font>     设置字体大小,从 1 到 7
<font color=dispbbs.php?></font>    设置字体的颜色,使用名字或十六进制值

2、图形(命令)
<img src="name">       添加一个图像
<img src="name" align=dispbbs.php?>   排列对齐一个图像:左中右或上中下
<img src="name" border=dispbbs.php?>  设置围绕一个图像的边框的大小
<hr>             加入一条水平线
<hr size=dispbbs.php?>         设置水平线的大小(高度)
<hr width=dispbbs.php?>         设置水平线的宽度(百分比或绝对像素点)
<hr noshade>         创建一个没有阴影的水平线



3、链接(命令)
<a href="URL"></a>      创建一个超链接
<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接
<a name="NAME"></a>     创建一个位于文档内部的靶位
<a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接

4、格式排版(命令)
<p>             创建一个新的段落
<p align=dispbbs.php?>         将段落按左、 中、 右对齐
<br>             插入一个回车换行符
<blockquote></blockquote>  从两边缩进文本
<dl></dl>          创建一个定义列表
<dt>             放在每个定义术语词之前
<dd>             放在每个定义之前
<ol></ol>          创建一个标有数字的列表
<li>             放在每个数字列表项之前,并加上一个数字
<ul></ul>          创建一个标有圆点的列表
<li>             放在每个圆点列表项之前,并加上一个圆点
<div align=dispbbs.php?>        一个用来排版大块HTML 段落的标签,也用于格式化表


二、HTML基本语法

文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字体大小<basefont size>(取值范围从1到7,默认值为3)
改变字体大小<font size=dispbbs.php?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=dispbbs.php?></font>(?=宋体,楷体等)
网址链结<a href="URL"></a>
设定锚点<a name="dispbbs.php?"></a>(?以容易记为原则)
链结到锚点<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(锚点不同文件)
显示图形<img src="URL"></a>
图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src="URL"alt=dispbbs.php?>(无法显示图形时用)
图形尺寸<img src="URL" width=dispbbs.php? height=dispbbs.php?>(?以像素为单位)
连结图形边线<img src="URL"border=dispbbs.php?>(?以像素为单位)
图形四周留白<img src="URL"hspace=dispbbs.php? vspace=dispbbs.php?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=dispbbs.php?>(?以像素为单位)
横线长度<hr width=dispbbs.php?>(?以像素为单位)
横线长度<hr width=dispbbs.php?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)

111111
动网·网络社区源动力
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:小人物一个

等级:论坛游民

文章:38

积分:846

注册:2005-12-12 13:05:00

板凳  2007-12-31 16:24:00  
一、最常用的代码

1、文字加粗 倾斜的代码

◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u>

2、文字链接代码

如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:

<a href="网站地址";>九州在线</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址";; target="_blank">九州在线</a>

 

3、在网站上放图片的代码

如果你看到一个好看的图片想放到网站上,代码是这样的:

<img src="http://www.123.com/images/n/163logo.gif"; width="150" height="100">

后面的数字调节图片的尺寸大小。

4、图片链接代码

如果要点一下图片就能打开一个网站的链接代码是这样的: 

<a href="http://www.123.com";><img src="http://www.123.com/images/n/163logo.gif"; width="150" height="100"></a>

如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的: 

<a href="http://www.123.com";; target="_blank"><img src="http://www.123.com/images/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。

只显示图片代码: <img border=0 src="图片地址" height=100 width=100> 

5、换行代码

如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br>

,这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明。

6、移动文字 

<marquee width="157" height="21">你想要的文字</marquee>

7、移动图片的代码

<marquee><img src="http://es.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>

把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:

<img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";>

里面的图片地址自己定。 

二、比较常用的代码

1. Flash代码 (写在日记内容里,或者在主页新模块的网址里) [代码中的Flash地址就是网上以.swf结尾的网址] 

<embed src=’http://你的Flash地址’quality=high pluginspage=’http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash’ type=’application/x-shockwave-flash’ width=330 height=240></embed>  

注意: width=330 height=240 这个是指在模板上插入的FLASH的大小。 width=是宽度 height=是高度 所有代码都是一样,可以自己修改下. 

2. 背景音乐代码 (写在超级连接名称里) [代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址] 

显示播放器: <EMBED src=http://你的音乐地址> 

不显示播放器: <EMBED SRC=http://你的音乐地址 width="0" height="0" loop="true"> 

3. 视频MTV代码 (写在网址处~也就是URL地址的地方) [代码中的视频文件地址就是网上以.rm结尾的网址] 

<embed SRC=你的视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 

CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true> 

↑高度 ↑宽度 

还一个MTV代码也可用 <embed src=http://你的mtv地址> 这个只是不能调整大小. 

4. 电台代码 [代码中的电台地址就是网上以.asp结尾的网址] (写在网址处就是URL地址处) 

< embed SRC=你的电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS =ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true> 

例如: (随自己喜欢,一些DJ电台好玩哦!) 

mms://220.191.131.206/jxyinyue 

5.  移动公告<marquee style="color:#3333FF;font-size:12px;line-height:17px; " direction="up" height="50" scrollamount="1" scrolldelay="615" onMouseOver ="this.scrollDelay=500" onMouseOut="this.scrollDelay=1">歡迎光臨我的Q-ZONE 

<br>又说什么. 

<br>这里又说什么. 

<br>还要说什么. 

<br>哈哈,没有了,自己想添加多少可以复制多行就可以了~~! 

<br>这样明白吗? 

</td></marquee> 

注: 

direction="up" 将UP改为down就是下移动,左left,右right``` 

font-size:12px   字体大小 

color:#3333FF    字体颜色 #333FF 


6.移动友情连接代码,跟上面一样可以修改!      

<marquee direction=up height=150 scrollamount=1 scrolldelay=60 width="100%"> 

<img border=0 src="图片地址1"><br> 

<img border=0 src="图片地址2"><br> 

<img border=0 src="图片地址3"><br> 

<img border=0 src="图片地址4"><br> 

</marquee> 

需要加多少自己加吧! 滚动上下左右修改方法跟上面移动公告一样! 


7.天气预报: 

<iframe scrolling=YES height=288 width=222 frameborder=0 marginHeight=0 marginWidth=0 src=http://minisite.qq.com/Weather/index.html></iframe> 


8. 音乐播放: 

<iframe src=音乐地址 frameborder=0 width=100% height=34> 
<embed src="http://www.6kyx.com/Music/lz.wma" hidden autostart="true" loop="true">

9.网页中加入背景音乐 

IE: <bgsound src="*.mid" loop=infinite> 

NS:<embed src="*.mid" autostart=true hidden=true loop=true> 

10. 主页加flash时钟: 

< EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash src="flash时钟网址" width=200 height=200 type =application/x-shockwave-flash></EMBED> 

 多种flash时钟地址: 

http://www.fengzhuju.com/page-00s/wzgg/clocks.htm 

11. 许愿代码:      

<iframe name="jiro22" src="http://free.ecaifly.com/wish/wish.asp?user=kjmdiba" width="450" height="350"></iframe> 

12. 百度搜索: (大小都调好的,不错!) 

<iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="140" height="75" src="http://unstat.baidu.com/bdun.bsc?tn=kjmdiba&csid=105&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=0&bd=1&bdas=0"> 

</iframe> 

13. 主页滚动新闻:如 CCTV代码: 

<table border=0 cellspacing=1 cellpadding=0 width=’98%’> 

<td valign="top"><div align="center"> 

<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express" width="354" height="16" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe> 

</div> 

</table> 

14. 日历代码:     

<iframe name="jiro23" src="http://astro.sina.com.cn/calendar1.htm" width="600" height="600"></iframe> 

大小自己改 

15. 插入网页代码: (整个网站都可以,这个代码灵活运用的话是很好的~~) 

<IFRAME frameBorder=0 height=600 marginHeight=0 marginWidth=0 scrolling=yes src="网页地址" width=800></IFRAME> 

16. 设为首页代码: 

<a style=cursor:hand onclick=this.style.behavior=’url(#default#homepage)’;this.setHomePage(’你空间的地址’)>设为首页</a> 

17. IP地址代码: 

<iframe src="http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="160" height="36" marginheight="4" marginwidth="0"></iframe> 

18. 星座占卜: 1 

<iframe src="http://astro.qq.com/index/ladyastro.htm" width="200" height="320" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 

  星座占卜: 2 

<iframe src="http://act1.astro.women.sohu.com/search/search.htm" width="200" height="320" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 

 
19. 日历代码:     

  红色时间日历代码: 

<iframe scrolling=no height=170 width=165 frameborder=0 marginHeight=0 marginWidth=0 src=http://home.id666.com/user/420009598/disk/webdisk/55.html></iframe> 

  蓝色时间日历代码: 

<iframe scrolling=no height=200 width=180 frameborder=0 marginHeight=0 marginWidth=0 src=http://www.8s8s.com/js/htm/time/date1.htm></iframe> 

20. 弹出窗口代码: 

进入腾讯QQ空间主页:q-zone.qq.com,用自己的QQ号和密码登陆(注意:不要点击"进入我的空间")新建1个新窗口,在地址栏里输入 ("这里输入内容")</script> 然后按回车键,提示“修改成功”即可。 

21. 时间代码1: 

<IMG src="http://escati.linkopp.net/cgi-bin/clock.cgi?prgb=00ffff&timezone=GMT+0800" border="0" width="80" height="20"> 

  时间代码2:

<iframe src="http://bjtime.cn/time/?color=ff0000&size=9pt&bg=ffffff&bold=0" width=200 height=20 frameborder=0></iframe>

参数说明:

color-字体颜色,默认为000000

size-字体大小,默认为18pt

bg-背景颜色,默认为ffffff

bold-是否粗体,1:是,0:不是,默认为1

width-显示区的宽度,请选择合适宽度

height-显示区的高度,请选择合适高度

  时间代码3:

<embed src="http://biz.cnhoo.com/wz/test/top8.swf" quality="high" style="position: absolute; left: 20 top: 6; width:675px; height:208px" ;; wmode="transparent">

22.显示日期 

<script language="javascript"><!-- 

today=new Date(); 

var week; var date; 

if(today.getDay()==0) week="星期日" 

if(today.getDay()==1) week="星期一" 

if(today.getDay()==2) week="星期二" 

if(today.getDay()==3) week="星期三" 

if(today.getDay()==4) week="星期四" 

if(today.getDay()==5) week="星期五" 

if(today.getDay()==6) week="星期六" 

date=(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+" " 

document.write("<span style='font-size: 9pt;'>"+date+week+"</span>"); 

// --> 

</script>

 
23.邮箱链接代码:

<a href="mailto:邮箱">邮箱名称</a>

邮箱如:ttt@163.com   邮箱名称可以是中文也可以是其它。

111111
动网论坛专用虚拟主机
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:哈哈~

等级:超级版主

文章:3651

积分:11115

注册:2002-07-23 15:31:00

木地板  2007-12-31 16:25:13  

赫赫

这些东西百度知道里一搜索到处都是...都是批量复制...

哎...

动网论坛商业版热卖中

为迅坛用户服务</p><p>遇到我解决不了的问题,请发站内信息给:wlhot
动网论坛专用虚拟主机
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:小人物一个

等级:论坛游民

文章:38

积分:846

注册:2005-12-12 13:05:00

5  2007-12-31 16:28:18  
以下是引用冰冷在2007-12-31 16:25:13的发言:

赫赫

这些东西百度知道里一搜索到处都是...都是批量复制...

哎...

我比楼主勤快一点点,搜索了,然后复制过来。。。。

111111
动网·网络社区源动力
引用 | 回复 | TOP

美女呀,离线,留言给我吧!

头衔:靈 & 异

等级:业余侠客

文章:322

积分:1471

注册:2007-06-21 20:56:33

6  2007-12-31 16:30:00  

讯坛里很多代码都是HTML完成的~~
而且上面很多都的是UBB代码来的~~~~根本就不能用~!
 

1111111


动网论坛专用虚拟主机
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:小人物一个

等级:论坛游民

文章:38

积分:846

注册:2005-12-12 13:05:00

7  2007-12-31 16:33:11  
以下是引用死神月在2007-12-31 16:30:00的发言:

讯坛里很多代码都是HTML完成的~~
而且上面很多都的是UBB代码来的~~~~根本就不能用~!
 

自己多用点搜索引擎就可以找到 你要的代码了。。。。。。
111111
动网论坛商业版热卖中
引用 | 回复 | TOP

美女呀,离线,留言给我吧!

头衔:靈 & 异

等级:业余侠客

文章:322

积分:1471

注册:2007-06-21 20:56:33

8  2007-12-31 16:34:30  
以下是引用寒空桔在2007-12-31 16:33:11的发言:

自己多用点搜索引擎就可以找到 你要的代码了。。。。。。

汗 ~~~还是要自己找!

1111111


动网论坛PHP官方站点
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:小人物一个

等级:论坛游民

文章:38

积分:846

注册:2005-12-12 13:05:00

9  2007-12-31 16:46:23  
自己动手丰衣足食
111111
动网论坛PHP官方站点
引用 | 回复 | TOP

帅哥哟,离线,有人找我吗?

头衔:八度论坛管理员

等级:青蜂侠

文章:1958

积分:6930

注册:2004-12-23 14:19:00

10  2007-12-31 18:44:46  
以下是引用死神月在2007-12-31 16:34:30的发言:

汗 ~~~还是要自己找!

哪个也不是天生就会的,呵呵

1111111

动网论坛商业版热卖中
引用 | 回复 | TOP

10 / 回复数 1/2 12 GO