HTML基础知识:创建与布局

需积分: 1 1 下载量 107 浏览量 更新于2024-08-18 收藏 1.15MB PPT 举报
"这篇资源主要介绍了HTML的基础知识,包括文字布局、HTML的概念、文档编写方法、网页文件命名规则、HTML文件结构以及HTML元素属性。" 在网页设计中,HTML(HyperText Markup Language)是最基础的语言,它用于创建和构建超文本文档。HTML文件由一系列的元素组成,这些元素通过开始和结束的标签来定义,比如`<body>`和`</body>`。HTML文档通常分为三个主要部分:`<html>`、`<head>`和`<body>`。`<html>`元素是整个文档的根元素,`<head>`包含元数据,如页面标题`<title>`,而`<body>`则包含了网页的可见内容。 HTML文档的编写方式多样,既可以手动用文本编辑器(如记事本)编写,也可以使用可视化工具(如Frontpage、Dreamweaver)辅助。当创建网页文件时,应遵循一些命名规则,例如使用`.htm`或`.html`作为扩展名,避免空格和特殊字符,允许下划线和英文字母或数字,并注意区分大小写。首页文件通常命名为`index.htm`或`index.html`。 在HTML中,元素可以有属性来进一步定制其行为。例如,在`<p align="center">`中,`align`就是属性,其值`center`使得段落居中显示。这种属性-值对出现在元素的开始标签内,用引号包围。 通过这些基本概念,我们可以创建简单的网页,如示例中的`01.htm`和`02.htm`。`01.htm`展示了基本的HTML结构,包括头部`<head>`和主体`<body>`,并用`<title>`标签设置了网页标题,`<body>`内包含欢迎语。`02.htm`则进一步添加了`<p>`元素,并通过`align`属性实现了段落的居中布局。 了解这些HTML基础知识对于创建和修改网页至关重要,它们构成了网页内容的基础框架,并提供了对网页元素样式和行为进行控制的方法。随着学习深入,开发者还可以探索更复杂的HTML标签、CSS(Cascading Style Sheets)用于样式设计,以及JavaScript实现交互功能,从而构建更加丰富和动态的网页。