Dreamweaver8轻松实现文本的段落缩进

2016-02-19 22:06 35 1 收藏

下面是个超简单的Dreamweaver8轻松实现文本的段落缩进教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

  我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。

  一、用自Dreaweave身所带的功能

  1、在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格。

  2、用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐、不易修改,而且在浏览内容被选取时,隐藏的字符就曝光了。

  二、用HTML语言

  用HTML语言方实现中文段落缩进。对于不懂HTML的初学者来说就有些困难了。

  1、预格式(PRE)

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

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

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

  2、插入特殊的空格字符“ ”

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

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

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

  三、用输入法的全角

  如果你用的是智能ABC的拼音输入的话,那请按SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。另外智能陈桥五笔的全角方式也可以直接输入空格。这种方法相对比较简单,缺点是英文字符集下,全角空格会变成乱码。

  四、另类方法

  1、插入点图或图形

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

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

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

  利用表格来定位一般来说比较可靠,这种方法容易使页面的源文件变大。因此也不见得是格式控制的首选。

  最后告诉你一个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。

  五、CSS方法

  把标记加上一些属性就可以实现,就可以了!本站推荐使用此方法,以后网页教学网也要改版符合WEB标准的网站的

  介绍了这么多种,用哪种好呢?各位可以按自己的喜好而定。

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

延伸阅读
标签: Web开发
网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。 注:通过模板所建网页无法添加网页过渡效果! 制作步骤: 1、 打开一个页面,这一步非常关键。为什么要打开一个页面,而不是在编辑过程中进行设置呢?这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用。而刚...
标签: Web开发
译者序:这个系列原文一共8篇文章,从普及 Web Standards 入手,讲述如何用 Dreamweaver 8 来构建符合标准的 Web ,由于
标签: Web开发
在DW8中创建代码片段--提高CSS布局开发效率 本文介绍的是如何在DW8中创建自定义的代码片段,以提高CSS布局开发效率,文章末端有演示代码下载。 如何创建 1.在DW8的代码片段中新建一个文件夹,命名为:CSS Navigation。 2.右键选中CSS Navigation,新建个代码片段,命名为:Nav01。 3.在对话框中写入代码。 使用时只要把代码拖到需...
标签: Web开发
译者序:这个系列原文一共8篇文章,从普及 Web Standards 入手,讲述如何用 Dreamweaver 8 来构建符合标准的 Web ,由于
标签: Web开发
很多朋友在使用Dreamweaver8的时候都会遇到这样的情况:给当前编辑的文档链接了CSS文件,并对页面元素应用了定义的CSS样式,但在DW8中却看不到任何效果。如下图。 主要原因就是DW8新多出了一个“样式呈现工具栏”,该工具栏允许你轻易的为不同的媒体类型,例如屏幕、手持设备和打印输出进行设计。其他的支持媒体类型有投影设...

经验教程

520

收藏

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