网页设计的HTML基础

2022-06-02    分类: 网站建设

学习网页制作,用户应该首先了解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。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站制作