第一课 HTML概述与基本结构

HyperText Markup language(超文本标志语言)是生成活动文档的代码系统。活动文档是使你和别人能够进行交互的文档。HTML的普遍应用就是带来了超文本的技术----从一个主题转入另一个主题,不是线性的阅读和寻找信息。通过单击链接直接从取得相关的主题。通过单击鼠标去发送EMAIL与别人联系,填写表单并联机提交,以及访问巨大的数据库和信息资源。是HMTL使得文档的访问、阅读及使用如此方便,快捷和有效。无论WEB页面包括动画,多媒体,图形等各种复杂的格式,基础都是HTML。
一、HTML 组件
HTML实际上是普通的文档,没有图形,动画,声音等,但包含了指向这些类型文件的"指针"或链接。使得WEB页面包含这些非文本因素。HTML本身是由标识HTML文档元素和特性标志(tag)和属性(attribute)构成的代码系统。有些标志显示文档结构,有些指向其它文件。属性的作用是对标志提供补充信息。
二、HTML工具的使用
1、创建一个HTML文档,只需要两个工具,一个是HTML编辑器,一个WEB浏览器。
A.HTML编辑器用于生成和保存THML文档的应用程序。
B.WEB浏览器是用来打开网页文件,提供给我们查看WEB资源的客户端程序。
2、HTML编辑器分两种
A、一种是基于文本和代码的编辑器,在创建时只能看到HTML代码。
B、所见即所得编辑器。在对网页编辑时,它所处的设计界面也是在最终浏览器窗口中显示的效果。它一般有设计区和代码区之分
三、标志和属性
HTML是由标志和属性构成的,一起用于标识各个文档部件,告诉浏览器如何显示文档。标志通过指定某块信息为段落或标题等来标识文档部件。属性是标志的选项,在标志中修饰或进一步指定信息,比如颜色,高度,宽度等。
<一>加入标志
1、所有的标志都是由“< >”包围的元素构成,尖括号会告诉浏览器其中的元素是命令。
2、大多数标志是成对出现的,称为起始标志<tag>和结束标志</tag>。结束标志中有一个反斜杠(/)。为了将标志作用于文档中的信息,将起始标志放在受作用的文档信息的前部,将结束标志放在文档信息之后。例如:
3、另外一种是空标记,它不是成对出现。只有开始标志,没有结束标志。如:
注意事项:输入标志时,一定不要输入“<”与标志名之间输入多余的空格,否则浏览器将不能正确的识别你的标志,从而无法正确的显示你的信息。例如:标题标志应该如下正确输入:
而不应该在“<”与标志名中输入空格
< TITLE>这是我的第一次学习< /TITLE>
注:空格不应该放在"<"和标志元素之间。标志里的标志名后面与它的属性及属性与属性间以及和">"之间是允许有空格的。
为了对一个信息采用多个标志,可以采用嵌套的方法。嵌套就是把一组标志放到另一组标志之内。例如:
进行嵌套时,起始标志和结束标志要中心对称
<二>加入属性
属性能对标志进行补充说明。所有的属性放在开始标志的尖括号里并在标志名的后面,用空格进行分开。例如:
<H1 align="center">这是我的第一次学习</H1>
作为一般的原则,大多数属性(只包含数字,字母,连字符和点号的)不用加双引号。但是包括空格、%号,#号等特殊字符的属性值必须加入双引号。为了好的习惯,提倡全部对属性值进行加入双引号。
起始标志里可以放置的多个属性,属性与元素间、属性与属性间用空格分隔开。比如:
<FONT size="12" color="green">这是我的第一次学习</FONT>
在标志里面,属性可按顺序摆放,标志名必须在最前面。