html基础教程32835.docVIP

第一章HTML概述与基本结构 目前大部分的网页都是用HTML配合其它语言写成的。本章使用html语言来制作网页，而现在的很多网页制作工具软件，比如FrontPage、DreamWave,.net等，可自动生成一些固定格式的网页元素，在学习本章的过程中，不要一味去死记这些标识内容，我们学习这html语言的主要目的不是要大家完全使用html语言来制作一个完整的网页，而是掌握其基本语法格式后应用到动态程序中去。在学习过程中，我们要结合动态程序的方法来应用这些标识。 如果用html完全编写网页，那是过时了；如果不懂html语言那是学网页的无知，更谈不上灵活运用动态程序,php等。 一、HTML的概述 HTML（HyperTextMarkupLanguage的缩写），即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。HTML文档都是一种静态的网页文件，这个文件里面包含了HTML标记，这些标记并不是一种程序语言，它只是一种排版网页中资料显示位置的标记语言。每个标记的符号都是一条命令、它告诉浏览器如何显示文本。这些标记均由和符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标记符号用“标记名字属性”来表示。 二、HTML的基本结构： 一个HTML文档是由一系列的元素和标记组成。元素名不区分大小写，HTML用标记来规定元素的属性和它在文件中的位置，HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 下面是一个最基本的html文档的代码:1－1.html HTML 开始标记 HEAD 头部标记 TITLE一个简单的HTML示例/TITLE /HEAD BODY 文件主体 CENTER| H1欢迎光临我的主页/H1 BR HR FONT SIZE=7COLOR=red| 这是我第一次做主页| /FONT| /CENTER| /BODY /HTML结尾标记 HTML/HTML在文档的最外层，文档中的所有文本和html标记都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。 HEAD/HEAD是HTML文档的头部标记,在浏览器窗口中，头部信息是不被显示在正文中的,在此标记中可以插入其它标记，用以说明文件的标题和整个文件的一些公共属性。该标记可以省略。 title/title是嵌套在HEAD头部标记中的，标记之间的文本是文档标题，它被显示在浏览器窗口的标题栏。该标记可以省略。 BODY/BODY标记一般不能省略，标记之间的文本是正文，是在浏览器要显示的页面内容。 上面的这几对标记在文档中都是唯一的，HEAD标记和BODY标记是嵌套在HTML标记中的。 三、HTML的标记与属性: 对于刚刚接触超文本的读者，遇到的最大的障碍就是一些用“”和“”括起来的句子，我们称它为标记，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。属性是标志里的参数的选项。 HTML的标记分单标记和成对标记两种。成对标记是由首标记标记名和尾标记/标记名组成的，成对标记的作用域只作用于这对标记中的文档。单独标记的格式标记名，单独标记在相应的位置插入元素就可以了，大多数标记都有自己的一些属性,属性要写在始标记内，属性用于进一步改变显示的效果,各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下： 标记名字属性1属性2属性3…内容/标记名字 属性值可以不用加双引号，但是为了适应XHTML规则，提倡全部对属性值加双引号。如： fontcolor=#ff00ffface=宋体size=30字体设置/font 第二章HTML主体标记及属性、颜色的设定 为了使网页绚丽多姿，吸引更多的浏览者阅读，可以给网页添加更多的标记及属性，这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这些标记。 一、html的主体标记body 在body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。 body标记有自己的属性，设置body标记内的属性，可控制整个页面的显示方式。 body标记的属性 属　性 描　　述 link 设定页面默认的链接颜色 alink 设定鼠标正在单击时的链接颜色 vlink 设定访问后链接文字的颜色 background 设定页面背景图像 bgcolor 设定页面背景颜色 leftmargin 设定页面的左边距 topmargin 设定页面的上边距 bgproperties 设定页面背景图像为固定，不随页面的滚动而滚动 text 设定页面文字的颜色 格式： body text=#000000 link=#000