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

需积分: 0 1 下载量 177 浏览量 更新于2024-08-17 收藏 10.57MB PPT 举报
"网页文件命名-html初级教程" 在学习HTML(HyperText Markup Language)时,首先要了解HTML是一种用于创建超文本文档的标记语言,这些文档通常被称为Web文件。HTML文件通常以.htm或.html为扩展名,它们是互联网上网页内容的基础。 在创建HTML文件时,遵循一定的命名规则至关重要。网页文件的命名应避免使用空格,而是采用下划线"_"来分隔单词。同时,文件名中不能包含特殊字符,比如"&",只允许使用英文字母和数字。值得注意的是,HTML文件名是区分大小写的,因此"myPage.html"与"mypage.html"会被视为不同的文件。通常,网站的首页文件名默认为"index.htm"或"index.html"。 HTML文档的结构分为三个主要部分:`<html>`、`<head>`和`<body>`。`<html>`是整个文档的根元素,包含了所有其他元素。`<head>`部分不显示在页面上,但它包含了文档的元信息,如标题(`<title>`)和元数据(`<meta>`)。`<body>`则是网页实际显示的内容所在。 元素是HTML语言的核心组成部分,它们总是成对出现,如`<body>`和`</body>`。元素的开始标记以"<"开头,结束标记以"/>"或"</...>"表示。例如,`<p>`用于创建段落,而`</p>`则表示段落结束。 HTML元素还可能包含属性,这些属性提供了有关元素的附加信息。属性写在元素的<>内,与元素名称间用空格隔开,属性值通常用引号括起来。例如,在`<p align="center">`中,`align`是属性,`center`是它的值,用于将段落内容居中对齐。 以下是一个简单的HTML网页示例: ```html <html> <head><title>第一张网页</title></head> <body> 欢迎光临我的主页! </body> </html> ``` 在这个例子中,`<title>`元素定义了网页的标题,而`<body>`元素则包含用户在浏览器中看到的实际内容。 另一个例子展示了如何使用属性来改变元素的行为: ```html <html> <head><title>第一张网页</title></head> <body> <p align="center">欢迎光临我的主页!</p> </body> </html> ``` 在这里,`<p>`元素的`align`属性被设置为`center`,使得文本"欢迎光临我的主页!"居中显示。 通过熟练掌握这些基础概念和规则,你可以开始创建自己的HTML网页,并逐步探索更高级的功能,如图像、链接、表格、列表、样式和框架等。随着技能的提升,你还可以使用像Frontpage、Dreamweaver这样的可视化编辑器,或者利用Web服务器动态生成HTML内容,进一步提升网页设计和开发的效率。