[计算机软件及应用]第三章 HTML语言概述 fzy.pptVIP

第三章 HTML语言概述 第一节 HTML简介 1．HTML语言 网页一般是以HTML语言格式为基础编写成的。 HTML语言是超文本标记语言的缩写。 创建HTML文件也十分简单，使用任何的文本编辑器都可以对它进行编辑。 HTML文件的后缀名必须是.html或.htm。 第一节 HTML简介 2．标记及属性 （1）标记的格式 HTML通常用一对标记来对所标识的内容进行控制，这种标记称为“双标记”；有的标记不需要成对出现，这种标记称为“单标记”： 双标记格式：标记控制内容/标记 单标记格式：标记控制内容 第一节 HTML简介 （2）标记的属性 标记是指明控制什么的，而标记的属性是用来指明如何控制的。 设置标记属性的格式：标记 属性1=属性值1 属性2=属性值2 …… 如： font size=12 H1 color=RED 第一节 HTML简介 （3）特殊字符 第二节 HTML文件的基本结构 1．HTML的基本标记 HTML标记是双标记格式，表明这是一个HTML网页文档。 HEAD标记，双标记，用来描述HTML首部的内容，说明文档的整体信息。 TITLE标记，双标记，用来给出网页标题。 BODY标记是双标记格式，用来声明网页文档的主体。 第二节 HTML文件的基本结构 2．文本文件的基本结构 HTML HEAD TITLE网页标题/TITLE /HEAD BODY 网页主体 /BODY /HTML HTML的标记是可以嵌套的。 第三节 文字编排 1．标题文字标记 标题标记：Hn，是双标记格式。 其中n是1至6的数字，表示标题的层次，h1的标题最大、h6的标题最小 常用的属性为align，用于控制标题的对齐方式，语法如下： align=left或center或right； 第三节 文字编排 2．文字标记 文字标记：FONT，是双标记格式。 font的属性： Face属性，控制字符使用字体的属性，语法：face=“字体名” （华文中宋、华文彩云、宋体、楷体、隶书、华文新魏、华文行楷、黑体） Size属性，控制字符大小，语法：size=字符等级 Color属性，用于控制字符的颜色，语法：color=“颜色”，颜色设定可用英文名称或是十六进制数； 第三节 文字编排 3．文字字形标记 B粗体 I斜体 TT等宽字体 U下划线 Strike删除线（或用s、del） BIG以较大字体显示 SMALL以较小字体显示 SUB下标 SUP上标 第三节 文字编排 4．段落标记与文字布局 注释标记：! --注释内容-- 文字换行BR 段落标记P ，其主要属性是align 文字的分区标记DIV，其主要属性是align 预格式化文本PRE 原码显示XMP 5．居中对齐标记 可以直接用居中标记CENTER来设置居中对齐。 第四节 版面设置 1．设置页面背景颜色 BODY bgcolor=Olive 2．设置页面背景图像 绝对路径：完整的描述文件位置的路径，如c:/website/img/photo.jpg 相对路径：以引用文件的网页所在的位置为参考基础而建立的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。 body background=image.jpg bgproperties=fixed 第四节 版面设置 3．设置文字和超链接的颜色 text属性，用于控制网页中文字的颜色， 如BODY text=Olive LINK控制的是网页中未被选择过的超级链接的颜色； VLINK控制的是网页中已经链接过的超级链接的颜色； ALINK设置超级链接在被选择时的颜色； 第四节 版面设置 4．水平线 水平线标记HR功能是在当前窗口画出一条横线。其属性有： Align，用于指明水平线的对齐方式，属性值有center，left和right； Width，用于控制水平线的长短，属性值为像素数或带百分号的百分值； Color，用于控制水平线的颜色，属性值为颜色名或颜色值； Size，用于控制水平线的粗细，属性值为像素数。 第四节 版面设置 5．滚动文字 滚动文字标记MARQUEE控制内容在行内滚动。其属性有： Width，滚动文本框的宽度； Height，滚动文本框的字符高度 Bgcolor，背景色； Loop，循环次数 Hspace，滚动文本框的左右空白； vspace，滚动文本框的上下空白 Direction，滚动方向（left、right、down、up）； behavior，滚动类型（alternate、scroll、slide） scrolla