web2.0技术开发教程1.1(HTML)——HTML基本标签解释

最近在做web2.0的课程设计,因此便有了第一次在博客园写东西的想法,也不知道从何开始写起好,现在是3点21分,今天就先从HTM基本知识开始写起吧。

由于以前受到很多人的帮助,包括同学老师和论坛的大神们,因此掌握了一定的计算机编程知识。而一直受到老师传递这一说法,因此把自己这11年所学的全部技术进行分享。

有什么地方写得不对的,请各位博友提醒,以便修改。

一、标签是什么

我们可以看到的网页源代码里面有很多<>组成的短句,它们就是标签。html(超文本标记语言)是一门由标签组成的语言,下面举个例子。

<input type="text" id="txt" value="文本框"/>

  

这个就是个输入文本域的标签,一般标签是由</>组成的,必须是一对出现,而有些标签格式是 <xxx>内容</xxx>这样的。

<input/>这个标签中有一些属性,< 左边的尖括号后面跟着的必定是这个标签的名称,浏览器就会根据标签来显示控件。

input这个标签就在表单中大多数是用来输入数据的。

type这个属性就是输入标签的类型,我们这里是text,也就是一个文本输入框(或者叫输入文本域)。

id就是这个标签的唯一的特有标识,在网页中选取这个标签就用到id这个属性,一般这是唯一的,不可重复的。

value就是这个标签的初始值。

如果不太清楚这个标签的属性的话,可以到www.w3school.com.cn这个网站上看,这个网站是一个web技术的参考手册,里面详细记录标签的属性意义。

 

二、HTML的大体框架,即重要的标签

在HTML中,一些标签是有他的规定的顺序的,也就是网页设计的规范。

一般是以下的顺序,初学者最好根据这个顺序来编写网页代码。

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
</body>
</html>

那这个框架是什么意思呢,<!DOCTYPE HTML>告诉浏览器这个是哪一种规范的文档,DOCTYPE后面只写一个HTML是HTML5的写法,在HTML4里面还有3种写法,以后我们会一直以HTML5为例讲解。

紧接<!DOCTYPE>标签后面的是html标签,这个标签是告诉浏览器这是一个html文档。

下面的是<head></head>,学过C++、C#、objective-c或者是JAVA等高级语言的知道在头部可以引用库文件,然后在这里可以做什么呢。

可以作为一个引用功能,包含脚本js、样式表css、网站图标ico等各种信息,这个标签里面还嵌了一个<title></title>,里面的元素就是这个网站的标题。

在head后面的,是<body></body>这个标签,这个标签是很重要的,它里面包含的内容是这个网页的主体部分,即要显示的内容(文本、图像、超链接等内容)。

在这里我们可以看到很多信息,标签是需要逐层嵌套的。

大家不清楚的可以到参考手册里面去看,因为在写程序的过程中,不可能把全部知识都记住,因为实在是太多了。我在写文章的时候也是不断地参考资料的。

三、总结

这一章给大家介绍了一下HTML标签的基本定义和基本框架,一般做网页开发的程序员,无论是做asp.net、JSP或是PHP等,必须装多个浏览器,一般是chrome,IETESTer和目前比较流行的浏览器。下一章给大家介绍网页布局以及HTML编写风格。

 

posted @ 2012-12-06 04:26  delicious2000  阅读(220)  评论(0编辑  收藏  举报