网页设计的HTML基础

学习网页制作，用户应该首先了解HTML。根据W3C网页规范化设计要求，网页应该遵循结构（Structure）、表现（Presentation）和行为（Be-havior）的分离。

•结构：使用HTML设计网页标签，即网页结构和内容。

•表现：使用CSS设计网页样式，即网页显示效果。

•行为：使用JavaScript和DOM规范设计网页脚本，即网页特效、动画或者行为。因此，读者应该先掌握HTML语言基本语法和用法，能够熟练使用HTML标签。

认识HTML

HTML表示超文本标识语言，使用HTML标签编写的文档称为HTML文档，目前最新版本是HTML 5.0，使用最广泛的是HTML 4.1版本。早期的HTML版本不适合构建标准化网页，因为它把结构和表现混淆在一起，例如，HTML把不同类型的元素，如描述性元素color、i等和结构性元素div、table等，以及元素属性放在一起，为以后的维护和管理埋下隐患。XHTML是HTML语言的升级版本，与HTML在语法和标签使用方面差别不大。熟悉HTML语言，再熟悉标准结构和规范，也就熟悉了XHTML语言。

HTML表示超文本标识语言，使用HTML标签编写的文档称为HTML文档，目前最新版本是HTML 5.0，使用最广泛的是HTML 4.1版本。早期的HTML版本不适合构建标准化网页，因为它把结构和表现混淆在一起，例如，HTML把不同类型的元素，如描述性元素color、i等和结构性元素div、table等，以及元素属性放在一起，为以后的维护和管理埋下隐患。XHTML是HTML语言的升级版本，与HTML在语法和标签使用方面差别不大。熟悉HTML语言，再熟悉标准结构和规范，也就熟悉了XHTML语言。

在网页设计时，HTML作为一种网页内容标识语言，易学易懂，熟悉使用该语言可以制作功能强大、美观大方的网页。HTML语言的主要作用说明如下。   •使用HTMl语言标识文本。例如，定义标题文本、段落文本、列表文本、预定义文本等。

•使用HTML语言建立链接，通过链接可以访问互联网上的所有信息，当使用鼠标单击超链接时，会自动跳转到链接页面。

•使用HTML语言创建列表，把信息有序组织在一起，以方便浏览。

•使用HTMl语言在网页中显示图像、声音、视频、动画等多媒体信息，把网页设计得更富冲击力。

•使用HTML语言可以制作表格，以方便显示大量数据。

•使用HTML语言制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息互动。

HTML文档基本结构

HTML文档一般都应包含两部分：头部区域和主体区域。HTML文档基本结构由3个标签负责组织：、和。

其中标签标识HTML文档，标签标识头部区域，而标签标识主体区域。一个完整的HTML文档基本结构如下：

可以看到，每个标签都是成对组成，第一个标签（如）表示标识的开始位置，而第二个标签（如）表示标识的结束位置。标签包含和标签，而和标签是并列排列。如果把上面字符代码放置在文本文件中，然后另存为“test.html”，就可以在浏览器中浏览了。当然，由于这个简单的HTML文档还没有包含任何信息，所以在浏览器中是看不到任何显示内容的。

本文名称：网页设计的HTML基础
文章转载：https://www.cdcxhl.com/news/162543.html

成都网站建设公司_创新互联，为您提供营销型网站建设、微信公众号、网站设计公司、手机网站建设、软件开发、虚拟主机

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联