长篇女强穿越玄幻小说:定位插入的各种代码

来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 03:50:10
页面上要在那一个位置插入文字或图片等内容,有三种方法:第一,是定位标签.第二,是用表格多行多列,在单元格内插入内容.第三,是html标签行内套用css语句,设置绝对定位加叠内容.先学习第一种方法定位标签.
定位标签有二种属性内容及属值:
定位标签属性内容:水平方向(align)和垂直方向(valign).
水平方向align有三种属值:left(左对齐),center(居中),right(右对齐).
垂直方向valign有二种属值:top(靠顶),bottom(靠底)。
定位标签模式:
定位标签模式1

定位标签模式2


 
水平方向即左中右的示例:
文字左对齐的代码:



文字左对齐的标签:



显示结果:
文字左对齐的标签:


 
文字居中的代码:



文字居中的标签:



还有下面两条居中标签:
居中标签

居中标签

显示结果:文字居中的标签:


 
文字右对齐的代码:



文字右对齐的标签:



显示结果:文字右对齐的标签:


 
垂直方向即靠顶和靠底的示例:
垂直方向定位靠顶或靠底,可以结合水平方向左中右,构成六种位置指令.代码必须加在表格的列标签中,才有效.一个单元格中只能执行一条指令.
代码模式:


(一) 靠顶top的不同水平位置代码:
居左靠顶
居中靠顶
居右靠顶
(二) 靠底bottom的不同水平位置代码:
居左靠顶
居中靠顶
居右靠顶
 
不同位置插入文字的实例 (一)
练习做生日图片.设置一张有鲜花作背景的图框,表格分拆为上中下三个单元格,边框粗度设为"0". 第一单元格插入的文字靠顶居左;第二单元插入的文字居中;第三单元格插入的文字靠底居右.代码如下:
说明:

居中标签.

表格标签,用鲜花图片作背景.
第一单元格.加入居左靠顶语句.<
第二单元格.加入居中语句.
第三单元格.加入居右靠底语句.

表格和图片居中代码的尾标签.
显示结果:
送给春兰妹妹
祝你生日快乐!
 
大姐冬梅
20080808
 
注:  这种多元格表格,边框虽设定为零,但有一些论坛发表时,仍显示出单元格分隔线,用下面不设多元格的方法,也可达到相仿的效果.
 
说明:
◆列标签指令第一行文字居左靠顶语句.
定义居中的第二行特效文字的代码.






设置6个空行标签,占用一些位置.
定义第三行文字居右靠底.
显示结果:
送给春兰妹妹
祝你生日快乐!
大姐冬梅
20080808
 
◇ 击点打开html代码浏览器◇
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)