HTML基础教程:学习HTML文档结构与创建方法

需积分: 14 0 下载量 44 浏览量 更新于2024-08-23 收藏 10.61MB PPT 举报
"左右分割窗口cols-HTML老吕教程" 在HTML中,左右分割窗口的实现通常使用`<frameset>`标签,特别是当需要将页面分成固定比例的两部分时,`cols`属性就能派上用场。这个教程可能是讲解如何使用HTML的框架(frame)技术来创建一个具有左侧栏和右侧主要内容的布局。 `<frameset cols="30%,70%">` 这一行代码定义了一个框架集,它将页面水平分割成两个区域,左边的宽度占30%,右边的宽度占70%。这里的百分比值表示每个框架在总宽度中所占据的比例。`<frame>`标签则用于定义每个分割区域的具体内容,例如: ```html <FRAMESET cols="30%,70%"> <FRAME src="left_content.html"> <FRAME src="right_content.html"> </FRAMESET> ``` 在这个例子中,`left_content.html`和`right_content.html`分别是左右两边框架加载的网页内容。每个`<frame>`标签可以有自己的属性,如`src`指定加载的URL,`name`定义框架的名称以便于其他页面引用等。 HTML是一种超文本标记语言,它是网页设计的基础。HTML文件由一系列的标签构成,这些标签告诉浏览器如何展示网页内容。一个基本的HTML文档结构包括: ```html <!DOCTYPE html> <html> <head> <title>网页标题</title> </head> <body> <!-- 网页内容在这里 --> </body> </html> ``` `<head>`标签内的`<title>`定义了浏览器标签页显示的标题。`<body>`标签则包含了网页的可见内容,如文本、图片、链接等。 创建HTML网页并不需要复杂的工具,简单的文本编辑器如记事本就能完成。只需要按照HTML的语法规则编写代码,然后保存为`.html`或`.htm`扩展名的文件,即可在浏览器中预览效果。当然,也有专门的网页编辑软件如Dreamweaver和FontPage等,它们提供了更直观的界面和丰富的功能,帮助用户更轻松地创建和编辑HTML页面。 编写HTML时,需要注意以下几点: 1. 所有标签必须正确关闭,除非是自闭合标签,如`<br>`。 2. 标签应成对出现,如`<p>`和`</p>`。 3. 注意嵌套规则,一个标签可以被包含在另一个标签内,但结构必须清晰。 4. 标签名是区分大小写的,如`<HTML>`、`<HEAD>`等。 了解并熟练掌握这些基础知识,将有助于构建出符合标准且功能完善的HTML页面。通过`<frameset>`和`cols`属性,我们可以创建出各种布局,满足不同需求的网页设计。