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

需积分: 9 0 下载量 110 浏览量 更新于2024-07-12 收藏 428KB PPT 举报
"网页文件命名-html基本知识" 在学习HTML(HyperText Markup Language)时,了解网页文件的命名规则至关重要。HTML是一种用于创建超文本文档的标记语言,这些文档通常被称为HTML文档。HTML文档可以通过多种方式编写,包括使用文本编辑器(如记事本)手动编写并保存为.htm或.html格式,使用可视化编辑器(如Frontpage、Dreamweaver)或者通过Web服务器动态生成。 网页文件的命名有以下几点需要注意: 1. 扩展名:网页文件通常以 "*.htm" 或 "*.html" 结尾,这是告诉浏览器文件包含的是HTML代码。 2. 空格与特殊符号:文件名中不应包含空格,而应使用下划线 "_" 替代。同时,避免使用特殊字符,如 "&" 符号,确保文件名只包含英文和数字。 3. 大小写敏感:HTML文件名是区分大小写的,因此"myPage.htm"与"MyPage.htm"会被视为不同的文件。 4. 首页默认文件名:通常,网站的首页文件名为 "index.htm" 或 "index.html"。当访问一个目录而没有指定具体文件时,浏览器会自动寻找名为"index"的文件作为首页。 HTML文档的结构分为几个主要部分,包裹在整个文档中的最外层元素是 `<html>` 标签,它定义了整个HTML文档的开始和结束。文档内部包含两个主要部分:`<head>` 和 `<body>`。 - `<head>` 元素包含了文档的元信息,比如 `<title>` 用于设置网页的标题,显示在浏览器的标签页上;`<meta>` 标签则可以设置文档的元数据,如字符编码等。 - `<body>` 元素包含了网页的可见内容,也就是用户在浏览器窗口中看到的部分。 一个简单的HTML文件示例: ```html <!DOCTYPE html> <html> <head> <title>我的第一个页面</title> </head> <body> 这是我的第一个主页! </body> </html> ``` 在这个例子中,`<!DOCTYPE html>` 是文档类型声明,告诉浏览器文档遵循的HTML版本。`<title>` 标签内的文本会显示在浏览器的标题栏。`<body>` 标签内的文本则是用户在网页上实际看到的内容。 了解这些基本的HTML知识后,你就可以开始创建自己的网页了。不过这只是HTML的基础,更深入的学习包括标签的使用、样式表(CSS)的应用以及JavaScript的集成,这些都会让你的网页变得更加丰富多彩。