HTML网页文件命名规范与基本结构解析

需积分: 15 1 下载量 170 浏览量 更新于2024-08-18 收藏 1.06MB PPT 举报
"网页文件命名-HTML从零开始学" HTML(HyperText Markup Language)是用于创建超文本文档的标记语言,它构成了互联网上大部分网页的基础。HTML文件通常以`.htm`或`.html`为扩展名,这表示它们是可被浏览器解析的文档。 在命名HTML文件时,遵循以下规则: 1. 使用`.htm`或`.html`作为文件扩展名,两者都是有效的。 2. 文件名中不应包含空格,以避免解析问题,可以用下划线`_`替代。 3. 避免使用特殊字符,特别是`&`符号,因为它是HTML中的特殊实体引用。仅能包含英文字母和数字。 4. HTML文件名是区分大小写的,因此`MyPage.html`不同于`mypage.html`。 5. 首页文件通常命名为`index.htm`或`index.html`,这样浏览器在访问目录时会自动加载这个文件。 编写HTML文档主要有三种方式: 1. 手工直接编写:使用简单的文本编辑器如记事本,将HTML代码保存为`.htm`或`.html`文件。 2. 使用可视化HTML编辑器:如Frontpage、Dreamweaver等,这些工具提供了直观的界面来创建和编辑HTML内容。 3. 动态生成:通过Web服务器,如PHP、ASP等脚本语言,根据用户请求实时生成HTML内容。 HTML文件的基本结构包括`<html>`、`<head>`和`<body>`三个主要部分: - `<html>`元素是整个文档的根元素,包裹着所有其他元素。 - `<head>`元素包含了文档元信息,如页面标题`<title>`和`<meta>`标签等,不直接显示在页面上。 - `<body>`元素包含了网页的可见内容,如文字、图片、链接等。 HTML元素由开始标记和结束标记组成,如`<body>`和`</body>`。元素的属性定义了元素的行为或外观,例如在`<p align="center">`中,`align`属性设定了段落的对齐方式。 在创建基本的HTML网页时,如"01.htm"所示,会包含如下内容: ```html <!DOCTYPE html> <html> <head> <title>第一张网页</title> </head> <body> 欢迎光临我的主页! </body> </html> ``` 而"02.htm"则展示了如何使用属性,例如`<p>`元素的`align`属性来居中显示文本: ```html <!DOCTYPE html> <html> <head> <title>第一张网页</title> </head> <body> <p align="center">欢迎光临我的主页!</p> </body> </html> ``` HTML元素属性允许我们控制网页元素的具体行为,比如设置颜色、大小、位置等。每个属性都有其特定的用途,学习和理解这些属性对于创建复杂的网页布局至关重要。通过学习HTML,我们可以构建出功能丰富、设计美观的网页,与全世界的用户进行交流。