HTML网页文件命名与基础结构

需积分: 1 132 浏览量更新于2024-08-18 收藏 1.15MB PPT 举报

“网页文件命名-HTML基础知识” 在网页开发中，HTML（HyperText Markup Language，超文本标记语言）是创建网页内容的基础。HTML文件通常以`.htm`或`.html`为扩展名，这是它们的标准格式。命名时需要注意以下几点： 1. **文件扩展名**：HTML文件通常使用`.htm`或`.html`作为后缀，这两个扩展名在大多数情况下是等价的，用于表明文件是HTML格式的。 2. **命名规范**：网页文件名不能包含空格，而是使用下划线“_”来分隔单词。同时，应避免使用特殊字符，比如&符号。文件名只能包含英文字母和数字。 3. **大小写敏感**：HTML文件名是区分大小写的，因此“Index.htm”和“index.htm”会被视为不同的文件。 4. **首页文件**：默认的首页文件名通常是`index.htm`或`index.html`，这意味着当你访问一个网站而没有指定具体页面时，服务器会自动查找并加载这个文件。 HTML文件结构由三部分组成： 1. **<html>元素**：这是HTML文档的根元素，包含了整个文档的内容。 2. **<head>元素**：这部分不显示在网页上，但包含了一些元数据，如网页标题（<title>）、字符集设置（<meta charset>）以及CSS和JavaScript引用等。 3. **<body>元素**：这部分是网页的主体内容，用户在浏览器中看到的所有内容都位于此元素中。 HTML文档的基本组成部分还包括各种元素，它们以标记对的形式存在，如`<body>`和`</body>`。每个元素可以有零个或多个属性，例如`<p align="center">`中的`align`属性，它定义了段落的对齐方式。在这个例子中，属性值为`center`，使得段落居中显示。例如，下面是一个简单的HTML文件示例（01.htm）： ```html <!DOCTYPE html> <html> <head><title>第一张网页</title></head> <body> 欢迎光临我的主页！ </body> </html> ``` 这个文件定义了一个包含标题“第一张网页”的网页，并在正文中显示了“欢迎光临我的主页！”的文本。其中，`<!DOCTYPE html>`声明了文档类型为HTML5。另一个例子（02.htm）展示了如何使用属性来定制元素的行为： ```html <!DOCTYPE html> <html> <head><title>第一张网页</title></head> <body> <p align="center">欢迎光临我的主页!</p> </body> </html> ``` 在这个例子中，`<p>`元素的`align`属性被设置为`center`，使得“欢迎光临我的主页！”文本居中显示。通过理解这些基本的HTML概念和规则，开发者可以构建出具有丰富内容和布局的网页。无论是手工编写HTML代码，还是借助像Frontpage、Dreamweaver这样的可视化编辑器，都需要遵循这些基础原则。

顾阑

粉丝: 17
资源: 2万+

HTML网页文件命名与基础结构

实训四-HTML基础知识之表格化网页.pdf

网页制作公选课基础知识题库.docx

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

HTML网页文件命名与基础教程

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

HTML网页设计基础：文件命名与结构解析

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

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

2019-2020-2网页设计作业 - 未命名课程

掌握HTML基础：第三讲-HTTP网页设计与命名规则

最新资源