网页制作如何设置文本缩进

网页制作如何设置文本缩进

      网页制作设置文本缩进的方法有这些：一是用Dreaweave自身所带的功能，同背景色相同颜色的字符插入空格;二是用HTML语言，如使用预格式(PRE);三是用输入法的全角。

      一、用Dreaweave自身所带的功能

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

      二、用HTML语言

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

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

      〈pre〉

      --预格式显示……

      〈/pre〉

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

      三、用输入法的全角

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

      四、另类方法

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

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

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

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

      五、CSS方法

      把标记加上一些属性就可以实现就可以了!

      1. 打开框架网页，选择一个页面元素或者对象。

      2. 打开行为面板。

      3. 点击“添加行为(+)”按钮，在弹出的'下拉菜单中选择“设置文本”项，在子菜单中选择“设置框架文本”命令。如下图所示：

      4. 打开“设置框架文本”对话框

      框架：选择一个目标框架。

      新建 HTML：输入要设置的文本。

      获取当前 HTML：将当前目标框架的元素的内容复制到“新建 HTML”文本框中，在此基础上进行必要的修改。

      保留背景色：选择此项，则保留原来框架文档的背景颜色。

      提示：也可以在“新建 HTML”框中输入任何JavaScript函数、属性、变量或者表达式。如果输入JavaScript表达式，请将其放在大括号({})中。如果要显示大括号，请在前面加上反斜杠转义字符({ 和 })。

      (1)使用JavaScript表达式示例：

      这个页面的URL地址是：{window.location}

      将代码输入到“新建 HTML”文本框中即可。

      (2)使用文本内容示例：

      您好!

      将内容输入到“新建 HTML”文本框中即可。

      5. 单击“确定”按钮。

      6. 查看附加的事件是否是需要的事件。如果不是需要的事件，可以更改事件。

      7. 查看行为参数是否合适。如果不合适，也可以修改行为参数。

      1. 打开文档，选择一个页面元素。

      2. 给选取的元素添加ID，在属性面板中点击ID文本框，输入ID号。或者在源代码中直接添加ID号。

      3. 打开行为面板。

      4. 点击“添加行为(+)”按钮，在弹出的`下拉菜单中选择“设置文本”项，在子菜单中选择“设置容器的文本”命令。

      5. 打开“设置容器的文本”对话框

      容器：选择一个目标元素。

      新建 HTML：输入要设置的文本。

      提示：也可以在“新建 HTML”框中输入任何JavaScript函数、属性、变量或者表达式。如果输入JavaScript表达式，请将其放在大括号({})中。如果要显示大括号，请在前面加上反斜杠转义字符({ 和 })。

      (1)使用JavaScript表达式示例一：

      这个页面的URL地址是：{window.location}

      将代码输入到“新建 HTML”文本框中即可。

      (2)使用JavaScript表达式示例二：

      今天是：{new Date()}

      将代码输入到“新建 HTML”文本框中即可。

      6. 单击“确定”按钮。

      7. 查看附加的事件是否是需要的事件。如果不是需要的事件，可以更改事件。此例中将onmouseover事件修改为onmousemove事件。

      8. 查看行为参数是否合适。如果不合适，也可以修改行为参数。

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-31301.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注网页制作频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050