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

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 47 ::
收藏到网摘: 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>
看完了别忘了留言