Bootstrap

html如何调整lspan文字的位置,HTML代码写法规范

1.页面内码标识顺序

l

l

l

l

页面标题_栏目名_频道名_山东教育资源网

l

l

l

2.所有页面必须注明“Title”名称

3.

中必须标明bgcolor 属性,无背景色时附值 “#ffffff”

4.

项尽量填入

l例:

5.对引号的用法

l除特定标识的字符串外不得使用引号

6.对16进制数的标识一定要加 “#“

7.使用

、等格式控制时需加注,但在标题列表结构中可以单独使用

8.所有html格式必须写完整,格式>/image/Ow%3D%3D

9.所有图形均标注width及Height,稍大的图形或标志需要加ALT注释

10.关于广告的写法

l模板中广告标准写法

“广告位“

l所有大banner *** 468*60 *** 广告在页面上都应是上下两个

11.所有空格均为全角空格和半角空格,不使用  

12.“ >/image/Ow%3D%3D ” 用>/image/Ow%3D%3D “ </image/Ow%3D%3D ” 用</image/Ow%3D%3D

13.路径指示用 “ >/image/Ow%3D%3D ”( >/image/Ow%3D%3D)

14.更多指示用 “ >/image/Ow%3D%3D>/image/Ow%3D%3D ”( >/image/Ow%3D%3D >/image/Ow%3D%3D)

15.所有新闻类及广告类照片和图片

16.每页必须包括一个cookie tracker

l写法如下:/image/Ow%3D%3D前,并独立成行

17.禁止在字符串尾部加空格(西文、中文)方式控制屏幕位置。

18.两种浏览器下、1024*768和800*600下与PSD一致

19.页面文字与图、表格线等任何可见元素之间至少保持5像素的距离。

20.所有表格均应具有可纵向缩放特性。

21.尽量不使用控制字体

22.在制作带点符号的标题列表时一律采用〈li〉控制,在没有缩进要求的情况下可以不用〈UL〉〈/UL〉标准格式,但点前面至少保留五个像素的留白。并且,必须在STYLE中使用CSS(

23.字体字号的使用规范

l主要导航条***folder***、次要导航、小栏目名称、侧栏采用12px;

l(新闻)标题列表字体采用14.9px;行高采用1.1em(即130%)。

l(新闻)最终页、论坛、chat、搜索结果页面均采用默认字体,可随浏览器设置而改变;

l论坛日期、图片注释等文字采用或10px。

24.Table 的使用规范

l满页表格宽度为750 pixels 并页面居中

l尽量不使用百分比进行宽高控制

lTABLE尽量横切,便于加快下载速度

ltable位置

这里所说的table位置是指表格位于页面的左、中、右***align***,一般不指上、中、下***vlign***

table居左:

table居中:

表格
,这样可以避免手写HTML时写完而忘写

table居右:

ltable缩进

写页面时,对于比较复杂的页面,会有表格嵌套的情况发生,由于netscape读取页面时,读完才会显示此部分内容,所以相比IE的页面显示会慢一些,特别是表格嵌套过多的情况下,慢的现象尤为明显,所以应该尽量避免表格嵌套过多的情况发生。

对于不可避免的表格嵌套,应以以下方法写,每级table以一个"/image/Ow%3D%3DTAB"/image/Ow%3D%3D缩进,属于本级table下的

、应对齐本级

例1:

表格缩进

例2:

表格缩进
表格缩进

l定义表格宽、高

一般简单的定义表格的宽高,就是在

里面定义width= height=就可以了,但是这里面有一些技巧可以在这里说一下:

1>/image/Ow%3D%3D同列表格的宽:

同列表格如果宽度一样,只写第一行定义的宽度,其他的就允许不写。如下:

******
******
******

2>/image/Ow%3D%3D同行表格的高:

同行表格如果高一样,则把height=写入

内部需要做单独定义,另外其他同行相同的定义如背景颜色等,均可写入
******

3>/image/Ow%3D%3D

的宽高定义:

td有背景颜色,如有实质性内容,不写/image/Yy5naWY%3D和 等

td有背景颜色,无实质性内容,定义宽小于10像素不定义高时.写入
;定义高小于10像素不定义宽时,写入"/image/Ow%3D%3D/image/Yy5naWY%3D"/image/Ow%3D%3D;定义宽高均小于10像素时,写入"/image/Ow%3D%3D/image/Yy5naWY%3D"/image/Ow%3D%3D

td如果不含背景颜色并且不含实质性内容,那么td内可以为空 ***不写/image/Yy5naWY%3D和 等***

l表格边框线制作技巧

1、背景色加/image/Yy5naWY%3D 方法

/image/Yy5naWY%3D
;