博客制作代码速学体会(2-2)
—青云学习笔记—
如果我们已经基本掌握了html标识语言中表格图框的制作运用,那么也就已经掌握了html代码语言的基础了,接下来就是帖子制作的三个基本内容要素:文字内容、图片内容和多媒体内容的插入,现在再来学习这几个内容插入的标识代码就应该容易得多了。 其实,在博客代码帖子编辑中,如果文字、图片和多媒体的插入没有特殊的位置要求和装饰要求,在放置好图框格子代码后就可以回到正常的编辑功能中来进行正常的编辑,无需再自己用html标识语言来编辑代码了,用这种方法来完成帖子的编辑要简单方便得多。只有碰到文字、图片等有特殊的修饰要求和摆放位置有一定的要求的时候,才必须通过代码语言来完成制作。 一、文字插入的标识定义代码:
<font +文字属性标识代码>插入文字</font>
* <font>意译为:字体、字形的设定,在它的里面加上字体的字形(face=数值)、尺寸(size=数值)、颜色(color=数值)等文字属性,一段文字代码就完成了。
* 文字大小的属性代码:size=数值(1-7);如果文字要更大,就要用:style=font:属值(1-100pt 或更大) 如果要让文字向不同方向走动,就再在文字代码组前面加上走动的属性代码(我们可以在基本掌握了这些简单的基础代码后,在实际的制作中再逐步地增加对代码的了解和运用,因为其基本原理就是这些。)
文字代码组样式:
(其中<MARQUEE>......</MARQUEE>为移动属性代码,因为里面没有加入走动方向的命令,默认为从右向左走。)
<MARQUEE> <font face=黑体 size=6 color=#ff0000> 博客制作代码速学,文字插入的代码运用。</font> </MARQUEE>
|
二、图片插入的标识定义代码:
<img src="图片地址">
img和src的网络意译就是图形和属性;在这个代码里面再加上尺寸属性代码语言等就是一段完整的图片标识定义代码了。
图片代码样式:
<img src="图片地址" type=image width=图片宽度 border=图片边框宽度> 在这个代码中,图片的尺寸不受原图尺寸的约束,可以根据自己的需要任意设置,图片会随设置的尺寸按照原图比例放大或缩小。 [其实,如果只是如实例设置的话,用不到自己制作代码,按照正常的图片插入编辑就可以完成的。]
<img src="http://img0.ph.126.net/wX_XdhvBzirKRXd9VFAkLw==/1672242836738256219.jpg" type=image width=300 align=center border=0>
三、多媒体插入的标识代码:
1、flash文件的插入代码: <EMBED height=图片高度 type=application/x-shockwave-flash align=center pluginspage=http://www.macromedia.com/go/getflashplayer width=图片宽度 src=flash图片地址 quality="high" wmode="transparent"></EMBED> 2、音乐文件插入的标识代码: <EMBED src=音乐地址 width=播放器宽度 height=播放器高度 type=audio/x-ms-wma volume="音量值(1-100)" autostart="true" loop="true"></EMBED> *:loop="true"循环播放;loop="loop"播放一遍。
四、绝对定位的标识代码:
<DIV style="POSITION: relative; TOP:离边框顶端距离px; LEFT: 离边框左边距离px" id=table1>此处加入内容代码组</DIV>
其中的DIV为区隔标记,为一段的开始和一段的结束;在定位文字段落的时候,因为一般都把文字放置在框格代码中,因此可以不用<DIV......></DIV>标记,直接把定位代码放在<ID的后面就可以了>;而图片和多媒体文件的定位就要用<DIV......></DIV>来区隔段落安放的位置。
五、标记代码,用来代表一定的标识。
*<hr>表示是在Html文档中加入一条水平线;
* <BR>表示创建一个回车换行;
* 空格标识
以上这些只是一些基本的常用标识语言代码,等我们稍微熟悉了这些基本代码的运用原理以后,在实际的制作和使用中再去学习和掌握其他的标识语言代码的时候也就相对容易和方便得多了。
【我们可以将这种代码文件保存为htm格式文件(在电脑上看到的文件标识就是一个浏览器的快捷方式),鼠标双击打开它就可以在你的电脑上看到帖子的完全效果;用记事本方式打开它,可以看到文本的源代码,并且还可以继续编辑和修改。】
参考帖子:HTML编辑浏览器http://qingyun0307.blog.163.com/blog/static/2208020682012112010306964?suggestedreading |