【网页设计】【HTML+CSS】【第4章 文字布局】.pdf

【网页设计】【HTML+CSS】【第4章 文字布局】.pdf

ID:52954111

大小:590.40 KB

页数:17页

时间:2020-04-03

【网页设计】【HTML+CSS】【第4章 文字布局】.pdf_第1页
【网页设计】【HTML+CSS】【第4章 文字布局】.pdf_第2页
【网页设计】【HTML+CSS】【第4章 文字布局】.pdf_第3页
【网页设计】【HTML+CSS】【第4章 文字布局】.pdf_第4页
【网页设计】【HTML+CSS】【第4章 文字布局】.pdf_第5页
资源描述:

《【网页设计】【HTML+CSS】【第4章 文字布局】.pdf》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、·39·第4章文字布局文字布局指对文字进行处理、设置样式。文字布局在网页中的用途是必不可少的,主要涉及到文章的段落、列表等,一篇文章在网页中的美观与文字的布局有很大关系。本章主要从HTML的布局标签作讲解,学完本章的内容,将会掌握以下内容:行的控制文字对齐段落设置列表文字布局手把手4.1行的控制有时在页面中要对文字的行进行控制或处理,如设置其在某个位置换行、文本对齐等,对这行的文本设置不同的样式,那么学习行的控制是很重要的。行的控制主要分为:换行控制和不换行控制。4.1.1换行控制仔细想想,在前面学习标记是否与行有联系呢?比如空一行出来。是的,就是前面学习过的

标记对。在这

2、里告诉读者,

也可以单独使用,语法代码如下:文字一

文字二意思是文字一后面有一对

,简写

,从网页上看,两行文字中间空出一行,也就是

的作用。代码4.1说明了行的控制。代码4.1源代码第4章p的用法.htm<P>的用法-->文字一

文字二代码4.1说明在文字中间插入标记

,使文本到此处中断本行,再起新的段落,效果·40·如图4.1所示。在前面也学过一个标记,
—强制换行符。标准的写法是:

3、一行表示换行标记-->
当然,很多人喜欢写成
,在语法上没有错,但最好是用标准写法。如果存在多个
,会出现多行空行。请读者思考为什么?代码4.2是表示
的用法。代码4.2源代码第4章br的用法.htm<P>的用法文字一



文字二在代码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完成自学手册代码4.3中,在多个“HTML+CSS完成自学手册”的文本中,被标记对包围着,尽管在代码中,有4行文本,但在网页中出现的效果会不会像代码中的那样呢?看看代码4.3中的效果就知道了,效果如图4.3所示。图4.

6、3用一直没换行从代码中可以看到,这与代码中有没有换行和长度大小都没关系。所以,想对行进行控制,可以使用


等标签符。注意:

就是

的简写,只不过

里面没有内容,所以出现空格。请读者注意,如果想空两行是不是就用两个

呢?不是的。

后面输入再多

也是空一行。这与
不同。·42·4.2文字对齐文字对齐也很重要,当在一个段落或层里面的文字作对齐布局时,就会用到align标签了。对齐标签不会单独使用,往往通过某些标记配合使用,如在

标记、

标记都会用到,对

7、齐的语法如下:align="#"其中#代码表示方位,可选择的有:left向左,right向右,center居中。align可以放在

和以后再学的
里,表示文字在标记中向哪个方面偏向,可以包括文字与图片,也可以全是文字。代码4.4表示文字向右对齐。代码4.4源代码第4章文字对齐.htm文字对齐
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。