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

2016-02-19 23:10 7 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的语言编写网页而言。在一些网页制作工具，如网景浏览器中有专门加入空格的工具条，也可以完成段落缩进。

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

上一篇： WEB标准,Web前端工程师定位浅谈
下一篇： Vista/Win7 ADSL本地连接上网受限

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

Word中段落边框如何设置

标签： word

Word中段落边框如何设置其实可能很多的朋友，不知道段落边框是用来做什么的。它有时可以用来设置分割线，来给文档实现内容分割效果。这个段落边框的设置也不难，一起来了解一下。第1步，打开Word2003文档窗口，将插入点光标定位到文章标题所在的段落中。在菜单栏依次单击格式→边框和底纹命令，如图所示。单击...

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

标签： word

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

用CSS巧控制段落缩进

标签： Html CSS布局 Div+CSS XHTML

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

使用CSS控制段落首行缩进

标签： Web开发

p{ font-size:10.5pt; text-indent: 21pt}text-indent的值为font-size的2倍，相当于缩进2个汉字

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

标签： Web开发

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

查看更多精彩>>