html基础教程分析和总结.docxVIP

PAGE PAGE 10 第一章 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 FONTSIZE=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 格式： 描 述 设定页面默认的链接颜色 设定鼠标正在单击时的链接颜色设定访问后链接文字的颜色 设定页面背景图像设定页面背景颜色设定页