HTML网页文件命名规范与基础

需积分: 10 51 浏览量更新于2024-08-22 收藏 531KB PPT 举报

"该资源是一份关于HTML网页文件命名规则及HTML基础知识的讲解资料，主要由南京信息工程大学的刘生主讲。" 在网页开发中，HTML（HyperText Markup Language）是创建网页的标准标记语言，它使得文本具有结构和样式，让网页变得丰富多彩。HTML文档通常以`.htm`或`.html`为扩展名，表示这是一个可以被浏览器解析的文件。以下是对HTML文件命名的一些关键点： 1. **文件扩展名**：网页文件通常命名为`*.htm`或`*.html`，这两种扩展名都表示这是一个HTML文档。 2. **命名规范**：文件名中不应包含空格，而是使用下划线`_`来分隔单词。此外，文件名只能包含英文字母和数字，避免使用特殊字符，尤其是像`&`这样的符号，因为这些符号在URL编码中可能引起问题。 3. **大小写不敏感**：HTML文件名是不区分大小写的，但为了保持一致性，通常推荐使用小写字母。 4. **首页文件名**：网站的默认首页文件名通常是`index.htm`或`index.html`。当用户输入网站地址时，服务器会自动寻找这个文件来显示。 HTML文档的结构通常分为三部分： - `<html>`：整个文档的根元素，包含了文档的所有内容。 - `<head>`：这部分包含了文档的元信息，如标题（`<title>`）、字符集设置（`<meta charset="UTF-8">`）以及外部资源引用等。 - `<body>`：这是网页的实际内容，用户在浏览器中看到的部分。 HTML标记是HTML文档的基础，它们定义了网页的结构和内容。标记通常成对出现，比如`<p>`（段落）和`</p>`，`<h1>`（一级标题）和`</h1>`。标记可以拥有属性，这些属性提供了额外的信息，比如`<img src="image.jpg" alt="Image description">`中的`src`和`alt`属性分别指定了图片的源地址和替代文本。在HTML文件中，一个简单的网页示例可能如下所示： ```html <!DOCTYPE html> <html> <head><title>我的第一个页面</title></head> <body>这是我的第一个主页!</body> </html> ``` 在这个例子中，`<!DOCTYPE html>`声明了文档类型，`<title>`定义了浏览器标题栏显示的文本，而`<body>`内的文本则是用户在浏览器窗口中看到的内容。了解并遵循这些基本的HTML规则，将有助于创建有效的、可访问的网页，为用户提供更好的浏览体验。学习HTML是成为Web开发者的第一步，也是构建动态网站和应用的重要基础。

三里屯一级杠精

粉丝: 35
资源: 2万+

HTML网页文件命名规范与基础

MetInfo模板文件结构与概况详解

TCP-IP详解卷3 TCP事务协议，HTTP，NNTP和UNIX域协议.rar

完全手册-JavaScript动态网页开发详解

HTML教程：网页文件命名规则与结构详解

网页命名与CSS规范详解：文件夹与文件结构

前端开源工具库-swint-builder-css详解

HTML文字标签属性详解：颜色与文件命名规则

Linux文件命名规则与常用命令详解

美食网Cate-remark-master文件详解

PHP入门：条件语句if-else详解及XAMPP安装

最新资源