HTML入门：设置绝对路径与文档结构解析

下载需积分: 0 | PPT格式 | 10.57MB | 更新于2024-08-17 | 27 浏览量 | 举报

"这篇教程主要介绍了HTML的基本概念和如何设置绝对路径。HTML是超文本标记语言，用于创建超文本文档。它通过一系列的元素和属性来构建网页结构。绝对路径在HTML中用于指定文件的完整地址，适用于外部链接。" 在HTML中，设置绝对路径是链接到网站外部资源（如图片、文档或其他网页）的关键步骤。绝对路径提供了一个完整的文件地址，包括文件传输协议，如HTTP或FTP。例如，`http://www.broadview.com.cn` 和 `ftp://219.153.41.160` 分别是HTTP和FTP协议下的两个绝对路径示例。 HTML文档通常有以下几种创建方式： 1. 手工直接编写：使用简单的文本编辑器如记事本，保存为`.htm`或`.html`格式。 2. 使用可视化HTML编辑器：如Frontpage、Dreamweaver等，提供图形用户界面，简化编码过程。 3. 动态生成：由Web服务器根据用户请求实时生成HTML内容。在创建网页时，文件命名需遵循一些规则： 1. 文件扩展名通常是`.htm`或`.html`。 2. 避免使用空格，可使用下划线`_`替代。 3. 只能包含英文和数字，不能有特殊字符，如`&`。 4. 文件名区分大小写。 5. 首页文件名常设为`index.htm`或`index.html`。 HTML文件的基本结构由`<html>`、`<head>`和`<body>`元素组成。`<html>`是整个文档的根元素，`<head>`包含元数据，如页面标题和CSS链接，而`<body>`则包含实际的网页内容。元素是HTML的基本构成单位，以成对的标记形式存在，如`<body>`和`</body>`。元素可以拥有属性，这些属性定义了元素的特定行为或特征。例如，在`<p align="center">`中，`align`就是属性，其值为`center`，使得段落内容居中显示。教程中还展示了两个简单的HTML示例： - 第一张网页`01.htm`包含基本的HTML结构，标题是"第一张网页"，正文显示"欢迎光临我的主页！"。 - 第二张网页`02.htm`扩展了第一张，使用了`<p>`元素的`align`属性将文本内容居中。学习这些基础概念和技巧，初学者可以开始构建自己的基本HTML网页，并逐渐掌握更复杂的网页设计技术。