《html基础教程.doc》由会员分享，可在线阅读，更多相关《html基础教程.doc（29页珍藏版）》请在金锄头文库上搜索。
1、第一章HTML概述与基本结构目前大部分的网页都是用HTML配合其它语言写成的。本章使用html语言来制作网页，而现在的很多网页制作工具软件，比如FrontPage、DreamWave,.net等，可自动生成一些固定格式的网页元素，在学习本章的过程中，不要一味去死记这些标识内容，我们学习这html语言的主要目的不是要大家完全使用html语言来制作一个完整的网页，而是掌握其基本语法格式后应用到动态程序中去。在学习过程中，我们要结合动态程序的方法来应用这些标识。如果用html完全编写网页，那是过时了；如果不懂html语言那是学网页的无知，更谈不上灵活运用动态程序,php等。一、HTML的概述HTML
2、（HyperTextMarkupLanguage的缩写），即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。所谓超文本，就是它可以加入图片、声音、动画、影视等内容，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML标记，这些标记并不是一种程序语言，它只是一种排版网页中资料显示位置的标记语言。每个标记的符号都是一条命令、它告诉浏览器如何显示文本。这些标记均由符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标记符号用“”来表示。二、HTML的基本结构：一个HTML文档是由一系列的元素和标记组成。元素名不
3、区分大小写，HTML用标记来规定元素的属性和它在文件中的位置，HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。下面是一个最基本的html文档的代码:11.html-开始标记-头部标记一个简单的HTML示例-文件主体|欢迎光临我的主页|这是我第一次做主页|-结尾标记在文档的最外层，文档中的所有文本和html标记都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。是HTML文档的头部标记,在浏览器窗口中，头部信息是不被显示在正文中的,在此标记中可以插入其它标记，用以说明文件的标题和整个文件的一些公共属性。该标记可以
4、省略。是嵌套在头部标记中的，标记之间的文本是文档标题，它被显示在浏览器窗口的标题栏。该标记可以省略。标记一般不能省略，标记之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标记在文档中都是唯一的，HEAD标记和BODY标记是嵌套在HTML标记中的。三、HTML的标记与属性:对于刚刚接触超文本的读者，遇到的最大的障碍就是一些用“”括起来的句子，我们称它为标记，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。属性是标志里的参数的选项。HTML的标记分单标记和成对标记两种。成对标记是由首标记和尾标记组成的，成对标记的作用域只作用于这对标记中的文档。单独标记的格式，单
5、独标记在相应的位置插入元素就可以了，大多数标记都有自己的一些属性,属性要写在始标记内，属性用于进一步改变显示的效果,各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下：内容属性值可以不用加双引号，但是为了适应XHTML规则，提倡全部对属性值加双引号。如：字体设置第二章HTML主体标记及属性、颜色的设定为了使网页绚丽多姿，吸引更多的浏览者阅读，可以给网页添加更多的标记及属性，这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这些标记。一、html的主体标记在和中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。标记有自己的属性，设置标记内的属性，可控制
6、整个页面的显示方式。标记的属性属性描述link设定页面默认的链接颜色alink设定鼠标正在单击时的链接颜色vlink设定访问后链接文字的颜色background设定页面背景图像bgcolor设定页面背景颜色leftmargin设定页面的左边距topmargin设定页面的上边距bgproperties设定页面背景图像为固定，不随页面的滚动而滚动text设定页面文字的颜色格式：实例：2-1.htmlbady的属性实例设定不同的链接颜色测试body标记各种链接颜色实例说明：的属性设定了页面的背景颜色，文字的颜色，链接的颜色为#3300ff，单击的链接颜色为#ff00ff，单击过后的颜色为#9900f
7、f。对于上面的属性在后面的章节中还会介绍，在这里就不逐一引用了，我们的学习目的主要是掌握标记及属性的使用方法。二、颜色的设定颜色值是一个关键字或一个RGB格式的数字。在网页中用得很多，在此就先介绍一下。颜色是由redgreenblue三原色组合而成的，在HTML中对颜色的定义是用十六进位的，对于三原色HTML分别给予两个十六进位去定义。例如：白色的组成是red=ff,green=ff,blue=ff,RGB值即为ffffff红色的组成是red=ff,green=00,blue=00,RGB值即为ff0000黑色的组成是red=00,green=00,blue=00,RGB值即为000000应用
8、时常在每个RGB值之前加上“#“符号，如：bgcolor=#336699用英文名字表示颜色时直接写名字。如bgcolor=green。第三章 文字版面的编辑3-1换行标记换行标记是个单标记，也叫空标记，不包含任和内容，在html文件中的任何位置只要使用了标记，该标记之后的内容将显示在下一行。请看下面的例子：3-1无换行标记：白日依山尽，黄河入海流。有换行标记：白日依山尽，黄河入海流。3-2换段落标记及属性：由标记所标识的文字，表明是同一个段落的文字。两个段落间的间距等于连续加了两个换行符，也就是要隔一行空白行。格式：其中,ALIGN是标记的属性,属性有三个参数left,center,right
9、.这三个参数设置段落文字的左，中，右位置的对齐方式。实例:3-2 这是 第一段。 第二段。 第三段。3-3原样显示文字标记要保留原始文字排版的格式,就可以通过标记来实现，方法是把制作好的文字排版内容前后分别加上始标记和尾标记。实例:3-3白日依山尽，黄河入海流。3-4居中对齐标记在页面中使用标记进行居中显示,是成对标记,在需要居中的内容部分开头处加,结尾处加。实例：3-4居中对齐标记送孟浩然之广陵故人西辞黄鹤楼，烟花三月下扬州。孤帆远影碧山尽，惟见长江天际流。3-5水平分隔线标记标记是单独使用的标记，是水平线标记。通过设置标记的属性值，可以控制水平分隔线的样式。标记的属性属性参数功能单位默认值
10、size设置水平分隔线的粗细pixel(像素）2width设置水平分隔线的宽度pixel(像素）、%100%alignLeft center right设置水平分隔线的对齐方式centercolor设置水平分隔线的颜色blacknoshade取消水平分隔线的3d阴影实例：3-5 测试水平分隔线标记 春晓 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少？ 3-6特殊字符在HTML文档中，有些字符没办法直接显示出来，例如?. 使用特殊字符可以将键盘上没有的字符表达出来，而有些HTML文档的特殊字符在键盘上虽然可以得到，但浏览器在解析HTML文当时会报错，例如等，为防止代码混淆，必须用一些代码来表示它们。HTML几种常见特殊字符及其代码表特殊或专用字符字符代码特殊或专用字符字符代码>×&®&quo
