·39·第4章文字布局文字布局指对文字进行处理、设置样式.
文字布局在网页中的用途是必不可少的,主要涉及到文章的段落、列表等,一篇文章在网页中的美观与文字的布局有很大关系.
本章主要从HTML的布局标签作讲解,学完本章的内容,将会掌握以下内容:行的控制文字对齐段落设置列表文字布局手把手4.
1行的控制有时在页面中要对文字的行进行控制或处理,如设置其在某个位置换行、文本对齐等,对这行的文本设置不同的样式,那么学习行的控制是很重要的.
行的控制主要分为:换行控制和不换行控制.
4.
1.
1换行控制仔细想想,在前面学习标记是否与行有联系呢比如空一行出来.
是的,就是前面学习过的标记对.
在这里告诉读者,也可以单独使用,语法代码如下:文字一文字二意思是文字一后面有一对,简写,从网页上看,两行文字中间空出一行,也就是的作用.
代码4.
1说明了行的控制.
代码4.
1源代码\第4章\p的用法.
htm的用法-->文字一文字二代码4.
1说明在文字中间插入标记,使文本到此处中断本行,再起新的段落,效果·40·如图4.
1所示.
在前面也学过一个标记,—强制换行符.
标准的写法是:当然,很多人喜欢写成,在语法上没有错,但最好是用标准写法.
如果存在多个,会出现多行空行.
请读者思考为什么代码4.
2是表示的用法.
代码4.
2源代码\第4章\br的用法.
htm的用法文字一文字二在代码4.
2中,两行文字中间加了4个换行符,即出现3个空行(其中第1个换行标记表示在第1行中换行,其他的在空行中换行),下面来看上面代码强制换行后的效果,如图4.
2所示.
图4.
1的用法图4.
2强制换行4.
1.
2不换行控制有读者可能会问,能不能不换行一直显示下去,有的.
如需要不换行控制,用标记对表示,标记对中的内容在页面中一直都不会换行.
本标记对并不会经常用到,下面列出不换行控制的完整语法:·41·只要在标签里面的,不管有多长,都在一行里面,在状态栏上会出现左右移动的框,说明在标签里显示超过了正常宽度.
代码4.
3表示不换行符的用法.
代码4.
3源代码\第4章\不换行.
htm不换换行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.
3用一直没换行从代码中可以看到,这与代码中有没有换行和长度大小都没关系.
所以,想对行进行控制,可以使用、、等标签符.
注意:就是的简写,只不过里面没有内容,所以出现空格.
请读者注意,如果想空两行是不是就用两个呢不是的.
后面输入再多也是空一行.
Hostinger 商家我们可能一些新用户不是太熟悉,因为我们很多新人用户都可能较多的直接从云服务器、独立服务器起步的。而Hostinger商家已经有将近十年的历史的商家,曾经主做低价虚拟主机,也是比较有知名度的,那时候也有接触过,不过一直没有过多的使用。这不这么多年过去,Hostinger商家一直比较稳妥的在运营,最近看到这个商家在改版UI后且产品上也在活动策划比较多。目前Hostinger在进...
Friendhosting发布了针对“系统管理日”(每年7月的最后一个星期五)的优惠活动,针对VPS主机提供55%的优惠(相当于四五折),支持1-6个月付款使用,首付折扣非永久,优惠后最低套餐首半年7.18欧元起。这是一家保加利亚主机商,成立于2009年4月,商家提供VDS和独立服务器租用等,数据中心目前可选美国洛杉矶、保加利亚、乌克兰、荷兰、拉脱维亚、捷克和波兰等8个地区机房。下面以最低套餐为例...
数脉科技怎么样?昨天看到数脉科技发布了7月优惠,如果你想购买香港服务器,可以看看他家的产品,性价比还是非常高的。数脉科技对香港自营机房的香港服务器进行超低价促销,可选择10M、30M的优质bgp网络。目前商家有优质BGP、CN2、阿里云线路,国内用户用来做站非常不错,目前E3/16GB阿里云CN2线路的套餐有一个立减400元的优惠,有需要的朋友可以看看。点击进入:数脉科技商家官方网站香港特价阿里云...