小技巧:网页制作中段落缩进的方法

2016-02-19 23:10 3 1 收藏

岁数大了，QQ也不闪了，微信也不响了，电话也不来了，但是图老师依旧坚持为大家推荐最精彩的内容，下面为大家精心准备的小技巧:网页制作中段落缩进的方法，希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发】

　　在制作有关文档资料内容的网页时，如果是英文书写格式，段落一般不缩进;如果是中文格式则需要缩进，即段落开头要求空两个汉字的位置。

　　在实际制作中，有以下四种段落缩进方法，现介绍如下：

　　1.预格式(PRE)

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

　　 PRE
　　--预格式显示
　　 /PRE

　　网页显示时在预格式显示的前面就会空两个汉字的位置。

　　2.插入点图或图形

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

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

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

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

　　4.插入特殊的空格字符

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

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

来源:https://www.tulaoshi.com/n/20160219/1629383.html

上一篇： QQ电脑管家下载保护功能的使用
下一篇： Vista/Win7 ADSL本地连接上网受限

看过《小技巧:网页制作中段落缩进的方法》的人还看了以下文章更多>>

wps文字中段落行距的设置

标签：电脑入门

一篇文章，不管是阅读还是展示都希望以一种赏心悦目的方式呈现出来。无疑，下面这篇文章看着便让人感觉压抑,行与行之间太过拥挤。WPS文字的段落行距就能很好的解决这个问题。首先，选中你要进行调整设置的文章，可以全文设置，也可以段落设置。下面以全文为例进行段落行距的设置：ctrl+a(全选)右击文章段落。打开段落设置的对话框以...

Word 2007中段落间距三种设置技巧

标签： word

Word 2007中段落间距三种设置技巧一篇文档编辑完后，对文字、段落设置好后，还要对文档的间距进行调整，如果一篇文档太长又太密，容易是阅读者产生视觉疲劳，所以对文本段落间距的设置是非常有必要的。下面我们就一起来看看吧。方法一、先将鼠标移动到需要调整的段落下，然后在开始选项卡中的段落选项组中点击行距按钮...

Dreamweaver制作网页小技巧汇集

标签： Web开发

本文汇集了一些Dreamweaver制作网页时的可以用的一些小技巧。希望对您有所帮助。 1）怎样将 Dreamweaver 集成到 IE 浏览器？ Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令，我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按...

网页制作小技巧：还网页链接“清白”

标签： Web开发

网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。首先只要在链接标签中添加onFocus="if(this.blur)this.blur...

用CSS巧控制段落缩进

标签： Html CSS布局 Div+CSS XHTML

有关CSS段落缩进的语法如下：语法: text-indent: 〈值〉允许值: 〈长度〉 | 〈百分比〉初始值: 0 文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } ...

查看更多精彩>>