网页设计的HTML基础

  • 2019-07-09 15:03:52
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

学习网页制作,用户应该首先了解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>、<head>和<body>。

其中<html>标签标识HTML文档,<head>标签标识头部区域,而<body>标签标识主体区域。一个完整的HTML文档基本结构如下:

<html> <!--语法开始-->     

<head>          

<!--头部信息,如<title>标签定义的网页标题-->     

</head>     

<body>

<!--主体信息,包含网页显示的内容-->     

</body>

</html> <!--语法结束-->

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

当前文章标题:网页设计的HTML基础

当前URL:http://www.lyjtt.cn/news/wzzz/3048.html

上一篇:网页制作工具简介

下一篇:网页设计中的HTML基本语法

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)