HTML之页面布局、图片音频和滚动字幕的处理
一、页面布局
由于浏览器不识别文本中的格式,文字都连续显示在屏幕上,需要按什么格式显示,
必需加格式控制符,如“br”就是换行控制符。常用的还有分段符“p”,用“p”
不仅将以后文字换到下行,而且还插入一空行。如连用两个“br”“br”与换成一
个“p”可完成同样功能。
还有一个强制不换行指令<nobr>,到一个</nobe>中间的字符都在一行显示。
浏览器对于文本中的空格,不管多少只认一个空格。必须把输入法条中的“半角”
改成“全角”也就是把“半月”形标志改为“满月”形的再输入空格,浏览器才识别,
因为这种“空格”实际上完全不同于西文空格,这是在汉字库中的一种不可显示的具有
两个ASC代码的一种字符,所以浏览器可以完全保留这种空格。在HTML代码中也有专用
的空格代码,就是在 表示空格,不过嫌麻烦,一般人不常用。只是在西文输入中
没有“全角”空格,才用 ,每 表示一个半角空格。
在页面中有时需要用横线分切内容,“hr”是画线指令,在这个指令中还可以设置
必需加格式控制符,如“br”就是换行控制符。常用的还有分段符“p”,用“p”
不仅将以后文字换到下行,而且还插入一空行。如连用两个“br”“br”与换成一
个“p”可完成同样功能。
还有一个强制不换行指令<nobr>,到一个</nobe>中间的字符都在一行显示。
浏览器对于文本中的空格,不管多少只认一个空格。必须把输入法条中的“半角”
改成“全角”也就是把“半月”形标志改为“满月”形的再输入空格,浏览器才识别,
因为这种“空格”实际上完全不同于西文空格,这是在汉字库中的一种不可显示的具有
两个ASC代码的一种字符,所以浏览器可以完全保留这种空格。在HTML代码中也有专用
的空格代码,就是在 表示空格,不过嫌麻烦,一般人不常用。只是在西文输入中
没有“全角”空格,才用 ,每 表示一个半角空格。
在页面中有时需要用横线分切内容,“hr”是画线指令,在这个指令中还可以设置
线尺寸和颜。线的横向尺寸我们习惯叫“长度”,这里我们叫“宽”,是按屏幕来说
的,我们的屏幕横向叫“宽”,纵向叫高,所以也把线的横向尺寸叫“宽”。指令格式
如下:
“hr size=XXpx width=XXpx color=XXXXXX>”
其中“size=”纵向尺寸、“width=”横向尺寸、“color=”线条颜。“px”表
示“点”,就是以多少个“点”来定义尺寸。或者有人问那这一个“点”是多大呀!这
可要看你的显示器了,你现在的显示模式如是“600X800”,横向看你的屏幕就是800个
点,每个点大小你自己算吧。如果你还不清楚,下面我给你画个线看:这线是纵向尺寸
4点,横向尺寸400点,颜是红,代码是: “hr size=4 width=400 color=ff0000”。
--------------------------------------------------------------------------------
各项参数之间要有空格,注意这可是“半角”空格。以后注意在书写代码时所有字符
必须在“半角”状态下输入,如误用了“全角”字符,系统是不承认的。另外对初学者还
的,我们的屏幕横向叫“宽”,纵向叫高,所以也把线的横向尺寸叫“宽”。指令格式
如下:
“hr size=XXpx width=XXpx color=XXXXXX>”
其中“size=”纵向尺寸、“width=”横向尺寸、“color=”线条颜。“px”表
示“点”,就是以多少个“点”来定义尺寸。或者有人问那这一个“点”是多大呀!这
可要看你的显示器了,你现在的显示模式如是“600X800”,横向看你的屏幕就是800个
点,每个点大小你自己算吧。如果你还不清楚,下面我给你画个线看:这线是纵向尺寸
4点,横向尺寸400点,颜是红,代码是: “hr size=4 width=400 color=ff0000”。
--------------------------------------------------------------------------------
各项参数之间要有空格,注意这可是“半角”空格。以后注意在书写代码时所有字符
必须在“半角”状态下输入,如误用了“全角”字符,系统是不承认的。另外对初学者还
要提醒一项,有些服务器对字符的大、小写也是敏感的,就是说同一个字符的大写和小写,
系统认为是两个不同的字符,这点在写网页时也应注意。
html图片展示特效在页面中两行文字中还需要设置间距,使用指令是:“style=line-height:XX”
其中“XX”可以是每行高度在屏幕上的点数,也可以是与文字的比例。如要使每行高
度是文字高度的1.5倍,就设“style=line-height:150%”,这样行与行间就有半个字的
空间。也可以点数来设,“style=line-height:20px”,表示每行所占高度的尺寸是20点。
设置参数可以放在<body>里面,这是对整个页面有效,如“body style=line-height:20px”,也可以放在分段符里,只对该段设置,如“p style=line-height:20px”。
为了对某一部分内容设定格式,要用一个定义区域的指令,“div”定义区域,
用“/div”结束。
在“div”里面可以放很多设置参数,如上面的行高度也可以放在“div”里面:
“div style=line-height:20px”。
“div”里面还可把字符安排为靠左、靠右、居中,指令格式分别是:
“div align=left、div align=right、div align=center ”
系统认为是两个不同的字符,这点在写网页时也应注意。
html图片展示特效在页面中两行文字中还需要设置间距,使用指令是:“style=line-height:XX”
其中“XX”可以是每行高度在屏幕上的点数,也可以是与文字的比例。如要使每行高
度是文字高度的1.5倍,就设“style=line-height:150%”,这样行与行间就有半个字的
空间。也可以点数来设,“style=line-height:20px”,表示每行所占高度的尺寸是20点。
设置参数可以放在<body>里面,这是对整个页面有效,如“body style=line-height:20px”,也可以放在分段符里,只对该段设置,如“p style=line-height:20px”。
为了对某一部分内容设定格式,要用一个定义区域的指令,“div”定义区域,
用“/div”结束。
在“div”里面可以放很多设置参数,如上面的行高度也可以放在“div”里面:
“div style=line-height:20px”。
“div”里面还可把字符安排为靠左、靠右、居中,指令格式分别是:
“div align=left、div align=right、div align=center ”
注意:引号内的内容,使用时两端要换成<>括起来,这里为了能正常显示用“”代替。
二、图片,音频,和滚动字幕的处理
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论