当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网易博客中用到的简单网页代码

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 网易博客中用到的简单网页代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 72 ::
收藏到网摘: n/a


                         代码在网易博客中的用法:首先登录博客--- 点击博客主页左上方的绿箭头---装扮博客----设置首页内容----添加自定义模块---这时窗口就会打开,代码就是在这里写的。把你复制的代码粘贴在这里,取一个模块名字确定即可这时就会马上在上页的第一行出现,如果你的代码没有             
代码在网易博客中的用法:首先登录博客--- 点击博客主页左上方的绿箭头---装扮博客----设置首页内容----添加自定义模块---这时窗口就会打开,代码就是在这里写的。把你复制的代码粘贴在这里,取一个模块名字确定即可这时就会马上在上页的第一行出现,如果你的代码没有语法错误的话,然后你把模块拖到放在你想要的地方就行,然后别忘记点上保存。
一、超级链接
1、普通的超级链接(一点链接就从一个网页转到另一个网页)
<a href= "地址" target=_blank ><font size="3" color="#D9D919"> 显示的名字</font></a> <br>
解释:
地址:你要写上你要转到的目标,一定不要忘了半角引号。
target=_blank :为在新的窗口中打开
size="写号"
color="字体颜色" #D9D919为黄色
<br> 使用多行时换行命令
常用字体颜色代码如下:
1白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00
4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF
7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93
10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853
16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719
19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F
22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78
28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F
2、图片的超级链接
<P align=center><A href="转到的地址" target=_blank><IMG alt= 提示文字 src="图片地址" width="150" height="50" border=0></IMG></A></P> <br>
解释:网络图片地址获取方法:打开图片在上面右击---属性---就会有图片地址。
width和height是控制图片长宽的命令,后的数值可以根据情况改动
<P> </P> 是段落命令,不用时可省。 <br>为换行
二、插入视频
1、从youku tudou等视频网转接的办法。
如上所说,打开添加自定义模块 ---插入FLASH----(从youku tudou等网站复制来的代码)粘贴代码即可。
2、把自已录的录像或本地视频放到播客里。
现在大多博客不支持直接把视频放到博客中,所以我们要想个别的办法。
我的思路是先到youku 或tudou 网申请空间,把你要的视频上传。然后获取你上传的视频的FLAH地址后,可以在自定义模块的插入来完成。
土豆网申请地址:http://www.tudou.com/my/program/publish.php
上面的办法一般窗口不居中,也可以用这个 “自定义模块” 里输入下面的代码:
<center>
<embed allowScriptAccess="never" allowNetworking="internal" src="FLSAH视频地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%" width="100" height="350" autostart="0"></embed>
</center>
解释: width="100" 和 height="350" 是视频窗口的大小,数字可以调整。
三、滚动的好友链接(这个也是用 自定义模块 完成)
代码如下:
<marquee behavior="scroll" direction= right width="90%" height="100" scrollamount="2" scrolldelay="30" >
<a target="cont" href="好友的博客地址"><img src="好友的头像或照片地址" width="100" height="100" border="0"></a>
&nbsp;&nbsp;&nbsp;
</marquee>
解释: 代码由四个段组成,如果有多个好友请把第一段重得用即可,如果头像之间留一些距离请在第二段代码后用 &nbsp; 空格代码。
direction= right 中的right 可以换成(left 从右往左)、(right 从左往右)、(up从下往上)、(从上往下down)
多个好友的链接如上所说以下:
<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" >
<a target="cont" href="好友的博客地址1"><img src="好友的头像或照片地址1" width="100" height="100" border="0"></a>
&nbsp;&nbsp;&nbsp;
<a target="cont" href="好友的博客地址2"><img src="好友的头像或照片地址2" width="100" height="100" border="0"></a>
&nbsp;&nbsp;&nbsp;
<a target="cont" href="好友的博客地址n"><img src="好友的头像或照片地址n" width="100" height="100" border="0"></a>
</marquee>
看完了别忘了留言