如何在网页设计时设置格式和列表

格式和列表在网页设计时是网页文本排版中两个非常有用的功能，格式主要用来设置固定标题、预定义文本格式、显示和设置段落；列表主要用来组织多列文本，方便排版。

定义文本格式

在网站建设时，Dreamweaver中有几种既定的文本格式，每种格式都有规定的大小、对齐方式等属性值。Dreamweaver中共定义了6级标题，用来实现文本的格式化。

【操作步骤】

第1步，启动Dreamweaver，选择【文件】|【新建】命令，或者按Ctrl+N快捷键，新建一个空白的HTML文档，保存为test.html。

第2步，把光标置于文档编辑窗口中，输入文本“HTML标题标签：”，在【属性】面板中设置【格式】为“段落”。

提示：【格式】下拉列表框中各选项的含义分别如下。

•无：没有设置文本的格式。

•段落：设置当前文本为段落文本，即表示能自动换行并以一个段落块显示。

•标题1：它的字号约为6号，行的高度大于正文。

•标题2~标题6：字号相应地逐渐减小。

•预先格式化的：表示保留文本预先定义的格式。

第3步，按Enter键换行，然后输入文本“一级标题”，在【属性】面板中设置【格式】为“标题1”。

第4步，重复操作：按Enter键换行，分别输入文本“二级标题”、“三级标题”、“四级标题”、“五级标题”和“六级标题”，然后在【属性】面板中分别设置【格式】为“标题2”、“标题3”、“标题4”、“标题5”和“标题6”。

技巧：用标题格式化文本，也可以使用组合键。首先将鼠标指针置于要格式化的段落中，然后按快捷键“Ctrl+相应的标题号”。例如，将某一段落设置为标题3的格式，就可以用Ctrl+3快捷键来实现。

第5步，另起一行，输入文本“页面源代码：”，设置文本格式为“段落”。按Enter键换行，在【属性】面板中设置文本格式为“预先格式化的”。

第6步，输入本页源代码，这时可以看到用户输入的代码能够正确显示，且可以自由缩进显示。

第7步，按Ctrl+S快捷键保存文档，然后按F12键在浏览器中预览。

定义文本列表

列表是文本组织最有效的方式，传统习惯上用户喜欢在网站建设时用表格来组织文本等网页元素，但随着网页技术新标准的推出，CSS技术革新，W3C组织建议广大用户最好用列表组织文本。

【操作步骤】

第1步，启动Dreamweaver，选择【文件】|【新建】命令，或者按Ctrl+N快捷键，新建一个空白的HTML文档，保存为test.html。

第2步，把光标置于文档编辑窗口中，输入文本“HTML列表标签”，在【属性】面板中设置【格式】为“标题1”。

第3步，继续输入多行段落文本。

第4步，使用鼠标拖选输入的多行文本，然后在【属性】面板中单击【项目列表】按钮，把段落文本转换为列表文本。

第5步，在设计视图中可以看到列表文本效果。可以看到，列表文本前面都添加一个项目符号，同时文本缩进显示。

提示：任选以下几种方法之一都可以定义列表文本。

•打开【属性】面板，单击该面板上的【项目列表】按钮或者【编号列表】按钮。

•选择【格式】|【列表】命令，在打开的子菜单中选择一个命令即可。

•右击选中段落，选择快捷菜单中的【列表】子菜单中的命令。也可以自定义这些列表的属性，选择【格式】|【列表】|【属性】命令，打开【列表属性】对话框，在该对话框中可以定义不同类型列表的各种属性。

分享名称：如何在网页设计时设置格式和列表
转载来源：https://www.cdcxhl.com/news40/173340.html

成都网站建设公司_创新互联，为您提供App开发、软件开发、网站改版、品牌网站设计、小程序开发、搜索引擎优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联