Dreamweaver基础教程:网页制作与基本标签使用

需积分: 15 3 下载量 122 浏览量 更新于2024-08-13 收藏 1.74MB PPT 举报
"该资源主要讲解了使用Dreamweaver进行网页制作中的基本HTML标签应用,包括网页标题、页面背景、超链接、地图图片、Flash多媒体的插入,以及如何实现这些功能。此外,还提到了格式化文本、空格、换行、无序和有序列表的使用,表格布局以及相关的样式调整。" 在网页制作中,基本标签是构建网页结构和内容的基础。HTML(HyperText Markup Language)是一种标记语言,用于描述网页内容和结构。以下是一些关键的基本标签及其用途: 1. **网页标题**:`<title>` 标签定义了浏览器工具栏中的页面标题,同时影响搜索引擎优化(SEO)。 2. **页面背景**:可以使用CSS(Cascading Style Sheets)来设置页面背景颜色或图像,例如 `background-color` 或 `background-image` 属性。 3. **超连接**:`<a>` 标签创建超链接,链接到其他网页或文档。通过 `href` 属性指定链接地址,`target` 属性控制新窗口打开链接。 - 链接到其他文档:`<a href="http://example.com">链接文字</a>` - 链接到同一文档的特定位置:`<a href="#section1">跳转到段落1</a>` 和 `<a name="section1">段落1</a>` 4. **地图图片**:`<map>` 和 `<area>` 标签可创建图像映射,允许定义图像的不同区域链接到不同地址。 5. **Flash多媒体**:虽然现代网页倾向于使用HTML5的多媒体元素,但旧版本的网页可能仍包含Flash内容。`<embed>` 标签用于插入Flash文件,如示例所示,设置`src`属性为Flash文件路径,`width` 和 `height` 定义尺寸,`wmode` 控制透明度。 6. **格式化文本**:HTML提供了一系列标签来改变文本格式,如 `<b>` 加粗,`<i>` 斜体,`<u>` 下划线,`<font>` 设置字体、颜色和大小。 7. **空格和换行**:`<br>` 标签用于换行,`<p>` 标签定义段落。在Dreamweaver中,`Enter` 代表换段,`Shift+Enter` 表示换行。 8. **列表**:`<ul>` 用于创建无序列表,`<ol>` 创建有序列表,`<li>` 为列表项。可以嵌套列表以创建复杂的层次结构。 9. **表格布局**:`<table>`、`<tr>`、`<td>` 和 `<th>` 标签用于创建表格。表格的样式可以通过CSS调整,如设置边框宽度、填充和间距。`colspan` 和 `rowspan` 属性用于合并单元格。 在Dreamweaver中,这些基本标签的使用通常通过直观的界面和拖放功能来简化,使得非编程背景的用户也能轻松创建和编辑网页。通过学习和熟练掌握这些基本标签,可以构建出功能丰富、布局清晰的网页。在实际操作中,结合CSS的使用能进一步提升网页的视觉效果和用户体验。