HTML超文本标识语言入门:目录列表<dir>与基本元素解析

需积分: 41 1 下载量 169 浏览量 更新于2024-07-12 收藏 10.57MB PPT 举报
"这篇资料主要介绍了HTML中的目录列表插入方法以及HTML的基础知识,包括HTML的概念、文档编写方式、网页文件命名规则、HTML文件结构、元素属性等。" 在HTML网页设计中,插入目录列表是一个常见的需求,这可以通过使用<dir>标签来实现。基本语法如下: ```html <dir> <li>项目名称1</li> <li>项目名称2</li> ... <li>项目名称n</li> </dir> ``` 在这个结构中,<dir>标签用于定义目录列表,而每个<li>标签则表示列表中的一个项目。列表项可以根据需要添加多个。 HTML,全称为HyperText Markup Language,即超文本标记语言,是用于创建网页的标准标记语言。HTML文件由一系列元素组成,这些元素以开始和结束标签的形式出现,如`<tag>`和`</tag>`。元素的属性可以提供额外的信息,例如在`<p align="center">`中,`align="center"`属性使段落内容居中对齐。 编写HTML文档有多种方式: 1. 手工直接编写:使用简单的文本编辑器如记事本,保存为.htm或.html格式。 2. 使用可视化HTML编辑器:如Frontpage、Dreamweaver等,提供图形界面操作。 3. 动态生成:由Web服务器根据用户请求实时生成HTML内容。 网页文件的命名有特定规范: 1. 文件扩展名通常为.htm或.html。 2. 文件名不应包含空格。 3. 避免使用特殊字符,可以使用下划线"_",仅限英文和数字。 4. 文件名区分大小写。 5. 首页文件常命名为index.htm或index.html。 HTML文件的基本结构分为三大部分: ```html <html> <head> <title>页面标题</title> <!-- 其他元数据,如<meta>标签 --> </head> <body> <!-- 网页内容 --> </body> </html> ``` <head>部分包含了文档元信息,如标题<title>,而<body>部分则承载了网页的可见内容。 HTML元素属性允许定制元素的行为,例如`<p align="center">`中,`align`属性设定了段落的对齐方式。属性值通常用双引号包围,如`"center"`。 以下是一个简单的HTML网页示例: ```html <html> <head><title>示例网页</title></head> <body> <h1>欢迎来到示例网页</h1> <p>这是网页的主体内容。</p> </body> </html> ``` 这个例子展示了基本的HTML结构,包括标题和段落元素。通过学习和理解这些基础知识,你可以开始创建自己的HTML网页。