资源描述:
《【网页设计】【HTML+CSS】【第4章 文字布局】.pdf》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、·39·第4章文字布局文字布局指对文字进行处理、设置样式。文字布局在网页中的用途是必不可少的,主要涉及到文章的段落、列表等,一篇文章在网页中的美观与文字的布局有很大关系。本章主要从HTML的布局标签作讲解,学完本章的内容,将会掌握以下内容:行的控制文字对齐段落设置列表文字布局手把手4.1行的控制有时在页面中要对文字的行进行控制或处理,如设置其在某个位置换行、文本对齐等,对这行的文本设置不同的样式,那么学习行的控制是很重要的。行的控制主要分为:换行控制和不换行控制。4.1.1换行控制仔细想想,在前面学习标记是否与行有联系呢?比如空一行出来。是的,就是前面学习过的
标记对。在这
2、里告诉读者,
也可以单独使用,语法代码如下:文字一
文字二意思是文字一后面有一对
,简写
,从网页上看,两行文字中间空出一行,也就是
的作用。代码4.1说明了行的控制。代码4.1源代码第4章p的用法.htm
的用法
-->文字一
文字二代码4.1说明在文字中间插入标记
,使文本到此处中断本行,再起新的段落,效果·40·如图4.1所示。在前面也学过一个标记,
—强制换行符。标准的写法是:
3、一行表示换行标记-->
当然,很多人喜欢写成
,在语法上没有错,但最好是用标准写法。如果存在多个
,会出现多行空行。请读者思考为什么?代码4.2是表示
的用法。代码4.2源代码第4章br的用法.htm
的用法
文字一
文字二在代码4.2中,两行文字中间加了4个换行符,即出现3个空行(其中第1个换行标记表示在第1行中换行,其他的在空行中换行),下面来看上面代码强制换行后的效果,如图4.
4、2所示。图4.1
的用法图4.2强制换行4.1.2不换行控制有读者可能会问,能不能不换行一直显示下去,有的。如需要不换行控制,用标记对表示,标记对中的内容在页面中一直都不会换行。本标记对并不会经常用到,下面列出不换行控制的完整语法:·41·只要在标签里面的,不管有多长,都在一行里面,在状态栏上会出现左右移动的框,说明在标签里显示超过了正常宽度。代码4.3表示不换行符的用法。代码4.3源代码第4章不换行.htm不换换行5、y>HTML+CSS完成自学手册HTML+CSS完成自学手册HTML+CSS完成自学手册HTML+CSS完成自学手册HTML+CSS完成自学手册HTML+CSS完成自学手册HTML+CSS完成自学手册HTML+CSS完成自学手册