首页 > 网站建设 >

静态网站制作HTML基础语法经验分享

发布时间:2018-08-24 作者:深圳网站制作

 网页制作,用户应该首先了解HTML。根据W3C网页规范化设计要求,网页应该遵循结构(Structure)、表现(Presentation)和行为(Behavior)的分离。结构:使用HTML设计网页标签,即网页结构和内容。表现:使用CSS设计网页样式,即网页显示效果。行为:使用JavaScript和DOM规范设计网页脚本,即网页特效、动画或者行为。因此,应该先掌握HTML语言基本语法和用法,能够熟练使用HTML标签。深圳网站制作编辑整理以下几种网页静态语法。

一、认识HTML ,HTML表示超文本标识语言,使用HTML标签编写的文档称为HTML文档,目前最新版本是HTML5.0,使用最广泛的是HTML4.1版本。早期的HTML版本不适合构建标准化网页,因为它把结构和表现混淆在一起,例如,HTML把不同类型的元素,如描述性元素color、i等和结构性元素div、table等,以及元素属性放在一起,为以后的维护和管理埋下隐患。XHTML是HTML语言的升级版本,与HTML在语法和标签使用方面差别不大。熟悉HTML语言,再熟悉标准结构和规范,也就熟悉了XHTML语言。HTML作为一种网页内容标识语言,易学易懂,熟悉使用该语言可以制作功能强大、美观大方的网页。HTML语言的主要作用说明如下。
1.使用HTMl语言标识文本。例如,定义标题文本、段落文本、列表文本、预定义文本等。
2.使用HTML语言建立链接,通过链接可以访问互联网上的所有信息,当使用鼠标单击超链接时,会自动跳转到链接页面。
3.使用HTML语言创建列表,把信息有序组织在一起,以方便浏览。
4.使用HTMl语言在网页中显示图像、声音、视频、动画等多媒体信息,把网页设计得更富冲击力。
5.使用HTML语言可以制作表格,以方便显示大量数据。
6.使用HTML语言制作表单,允许在网页内输入文本信息,执行其他用户操作,方便信息互动。

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

三、HTML基本语法编写HTML文档时,必须遵循HTML语法规范。HTML文档实际上就是一个文本文件,它由标签和信息混合组成,当然这些标签和信息必须遵循一定的组合规
否则浏览器是无法解析的。HTML语言的规范条文不多,相信读者也很容易理解。从逻辑上分析,这些标签包含的内容就表示一类对象,也可以称为网页元素。从形式上分析,这些网页元素通过标签进行分隔,然后表达一定的语义。很多时候,我们把网页标签和网页元素混为一团,而实际上,网页文档就是由元素和标签组成的容器。
1.所有标签都包含在“<”和“>”起止标识符中,构成一个标签。例如,<style>、<head>、<body>和<div>等。
2.在HTML文档中,绝大多数元素都有起始标签和结束标签,在起始标签和结束标签之间包含的是元素主体。例如,<body>和</body>中间包含的就是网页内容主体。
3.起始标签包含元素的名称,以及可选属性,也就是说元素的名称和属性都必须在起始标签中。结束标签以反斜杠开始,然后附加上元素名称。例如:<tag>元素主体</tag>元素的属性包含属性名称和属性值两部分,中间通过等号进行连接,多个属性之间通过空格进行分隔。属性与元素名称之间也是通过空格进行分隔。
例如:<taga1="v1"a2="v2"a3="v3"……an="vn">元素主体</tag>少数元素的属性也可能不包含属性值,仅包含一个属性名称。
例如:<taga1a2a3……an>元素主体</tag>一般属性值应该包含在引号内,虽然不加引号,浏览器也能够解析,但是读者应该养成良好的习惯。属性是可选的,元素包含多少个属性,也是不确定的,这主要根据不同元素而定。不同的元素会包含不同的属性。HTML也为所有元素定义了公共属性,如title、id、class、style等。虽然大部分标签都是成对出现,但是也有少数标签不是成对的,这些孤立的标签,被称为空标签。空标签标签仅包含起始标签,没有结束标签。例如:<tag>同样,空标签也可以包含很多属性,用来标识特殊效果或者功能,例如:<taga1="v1"a1="v1"a2="v2"……an="vn">标签可以相互嵌套,形成文档结构。嵌套必须匹配,不能交错嵌套,例如,<div><span></div></span>。合法的嵌套应该是包含或被包含的关系,例如,<div><span></span></div>或<span><div></div></span>。HTML文档所有信息必须包含在<html>标签中,所有文档元信息应包含在<head>子标签中,而HTML传递信息和网页显示内容应包含在<body>子标签中。深圳网站制作博纳网络编辑整理。全文未完,如对您有帮助,敬请继续关注本站。
 
文章标题:静态网站制作HTML基础语法经验分享
本文地址:https://www.198bona.com/news/1259.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯