HTML网页制作基础:文件命名与文档结构

需积分: 0 1 下载量 48 浏览量 更新于2024-07-12 收藏 105KB PPT 举报
"网页文件命名规范与HTML基础知识" 在网页制作过程中,文件命名是一个重要的细节,它直接影响到网页的正常工作和搜索引擎优化。通常,网页文件的扩展名应该是 "*.htm" 或 "*.html",这两种扩展名都代表HTML文档。值得注意的是,文件名中不应包含空格,因为这可能导致解析问题。为了确保兼容性,应使用下划线 "_" 来代替空格,并且只能包含英文字符和数字。此外,文件名是区分大小写的,因此 "mypage.htm" 和 "MyPage.htm" 被视为不同的文件。 对于首页文件,有一个默认的命名惯例,即 "index.htm" 或 "index.html"。当用户访问一个目录而没有指定具体的文件时,Web服务器会自动寻找名为 "index" 的文件来显示,这通常被设置为网站的主页。 HTML,全称为HyperText Markup Language,是用于创建网页的标准标记语言。HTML文档由一系列元素组成,这些元素可以理解为标签对,如 "<html>"、"<head>" 和 "<body>" 等。每个元素都有其特定的作用和功能。 HTML文件的基本结构分为三个主要部分: 1. `<html>` 元素:这是整个HTML文档的根元素,包裹着整个文档。 2. `<head>` 元素:包含了文档的元信息,如页面标题、字符编码等。其中,`<title>` 元素定义了浏览器标题栏显示的页面标题,`<meta>` 元素则常用于设置页面的元数据,如描述、关键词等。 3. `<body>` 元素:包含网页的实际内容,如文字、图像、链接等。 HTML元素可以具有属性,这些属性提供了额外的信息。例如,`<img>` 元素的 "src" 属性指定图像的URL,"alt" 属性提供替代文本。属性值通常放在等号后,双引号中,如 `<img src="image.jpg" alt="描述图像">`。 一个简单的HTML页面示例如下: ```html <!DOCTYPE html> <html> <head> <title>我的第一个页面</title> </head> <body> 这是我的第一个主页! </body> </html> ``` 在这个例子中,`<!DOCTYPE html>` 是文档类型声明,告知浏览器这是一个HTML5文档。`<title>` 元素设置了页面标题,`<body>` 元素内的文本则是用户在浏览器中看到的内容。 通过了解这些基本的HTML知识,你可以开始创建自己的网页,并逐步掌握更复杂的布局和交互设计。学习HTML是网页制作的基础,也是进阶到CSS和JavaScript等技术的起点。