网页制作中段落缩进的5种解决方法

2016-02-19 17:25 11 1 收藏

下面是个网页制作中段落缩进的5种解决方法教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

  1、人为的加入两个中文全角空格,才能够显示出位置缩进效果。

  2、插入点图或图形

  点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  同样可以插入图形,只不过该图形的颜色需要用网页背景色,这种方式用IMG的WIDTH和HEIGHT属性调整图形大小,以达到缩进。

  插入图形的方法,需要我们掌握好HSPACE和VSPACE大小的尺度,使之刚好留出两个汉字的位置,这样才比较美观。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  3、插入没有边框和内容的表格

  这种方式与上述的插入图形方式类似,该表格没有边框和内容,是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。

  利用表格来定位一般来说比较可靠,我常常就采用这种方式来对比较复杂的页面进行定位。不过这种方法有一个问题,就是可能是页面的源文件变大。因此也不见得是格式控制的首选。

  4、插入特殊的空格字符“&nbsp”

  “&nbsp”代表非显示空格字符。插入若干个“&nbsp”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在Netscape 3.01中只能写小写字母,而在IE中大小写都可以。

  这四种方法主要是针对利用HTML的语言编写网页而言。在一些网页制作工具,如网景浏览器中有专门加入空格的工具条,也可以完成段落缩进。

  5、预格式(PRE)

  用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为:

pre
--预格式显示……
/pre

  网页就会按照你预先设置好的显示方式显示,即在“预格式显示”的前面就会空两个汉字的位置。

  通过以上方法,就可以解决网页制作中段落缩进的问题。

来源:http://www.tulaoshi.com/n/20160219/1615180.html

延伸阅读
标签: 电脑入门
一篇文章,不管是阅读还是展示都希望以一种赏心悦目的方式呈现出来。无疑,下面这篇文章看着便让人感觉压抑,行与行之间太过拥挤。WPS文字的段落行距就能很好的解决这个问题。 首先,选中你要进行调整设置的文章,可以全文设置,也可以段落设置。下面以全文为例进行段落行距的设置:ctrl+a(全选)右击文章段落。 打开段落设置的对话框以...
标签: Web开发
段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。 我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。 ...
标签: word
Word中段落边框如何设置   其实可能很多的朋友,不知道段落边框是用来做什么的。它有时可以用来设置分割线,来给文档实现内容分割效果。这个段落边框的设置也不难,一起来了解一下。 第1步,打开Word2003文档窗口,将插入点光标定位到文章标题所在的段落中。在菜单栏依次单击格式→边框和底纹命令,如图所示。 单击...
标签: word
Word 2007中段落间距三种设置技巧   一篇文档编辑完后,对文字、段落设置好后,还要对文档的间距进行调整,如果一篇文档太长又太密,容易是阅读者产生视觉疲劳,所以对文本段落间距的设置是非常有必要的。下面我们就一起来看看吧。 方法一、 先将鼠标移动到需要调整的段落下,然后在开始选项卡中的段落选项组中点击行距按钮...
标签: Web开发
如果在用CSS设计网页时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢? 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默...

经验教程

180

收藏

52
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部