多媒体资料
更新时间：2024-03-07 02:24:01 阅读量： 综合文库 文档下载
HTML语言简介
HTML是（Hypertext Markup Language）超文本标记语言。所谓超文本，是指在其中可以加入图片、声音、动画、影视等内容的组织信息的方式，可以使读者自行选择阅读的路径。
HTML是Internet上用于编写网页的主要语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。您可以用任何文本编辑器，例如Windows的“记事本”程序打开它，查看其中的HTML源代码，也可以在用浏览器打开网页时，通过相应的“查看源文件”命令查看网页中的HTML代码。
HTML语法
HTML的语法有三种表达方式： 1、 <标记>?
2、 <标记 属性1=参数1 属性2=参数2...> ?? 3、 <标记>
注意：标记大都是成对使用，例如和，标记的书写是大小写无关的
HTML文件的基本结构
HTML文件通常由3个部分构成：
HTML文件内容
在html之前一般先声明版本信息，即文档类型说明：
HTML
PUBLIC
\
HTML
Transitional//EN\
?：设置HTML文件的开始和结束。
?：设置HTML文件的头信息， 如主题、层叠样式表单、脚本程序等。?：设置HTML文件的主体内容。
4.01
http-equiv=\
content=\
charset=gb2312\
学习HTML语言
? meta是用来在HTML文档中模拟HTTP协议的响应头报文。 ? meta 标签用在网页的
与中 ? meta 的属性有两种：name和http-equiv。? name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。
NAME属性
1、
2、
3、
4、
5
、
name=\
content=
\
其中的属性说明如下：
设定为all：文件将被检索，且页面上的链接可以被查询； 设定为none：文件将不被检索，且页面上的链接不可以被查询； 设定为index：文件将被检索；
设定为follow：页面上的链接可以被查询；
设定为noindex：文件将不被检索，但页面上的链接可以被查询； 设定为nofollow：文件将不被检索，页面上的链接可以被查询。 http-equiv属性 1
、
http-equiv=\
content=\
和
又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、定时让网页在指定的时间n内，跳转到页面http://yourlink； 例！ 3、
5、
主体内容：
? body可设以下属性：bgcolor：设置页面背景颜色。
HTML中的颜色值以6位十六进制数#rrggbb表示，分别表示红、绿、蓝三原色；或者用以下单词表示：aqua(浅绿色 )、black、blue、fuchsia(紫红色 )、gray、lime（灰白）、maroon(栗色 )、navy(海军绿)、
olive（橄榄色 ）、purple（紫色 ）、red、silver（银色）、teal（蓝绿色 ）、white、yellow。
Blue(蓝色) Fuchsia(紫红) Green(绿) Black(黑) Aqua(浅绿) Gray(灰) Yellow(黄) Lime(灰白)
background：设置页面的背景图片的URL。
bgproperties：取fixed 值时设置背景不随滚动条滚动， 不设此属性时背景随滚动条滚动。 text：设置页面非超链接文字基本颜色。 link：设置超链接文字的颜色。
alink：设置鼠标按下时的超链接（active link）的颜色。 vlink：设置已访问过的超链接（visited link）的颜色。 例如：
0000ff ff00ff 008000 000000 00ffff 808080 ffff00 00ff00 Olive(黄绿) Purple(紫) Teal(蓝绿) White(白) Maroon(茶色) Navy(海蓝) Red(红) Silver(银色) 808000 800080 008080 ffffff 800000 000080 ff0000 C0c0c0 text=\我的网页
设置标题：
n的值可以取1到6，代表一级标题到六级标题。一级最大，六级最小。
可以设align属性，该属性可取left、center、right三个值。 例如：
h2字体示例
h3字体示例
h4字体示例
h5字体示例
h6字体示例
设置段落：
?
将标记间的文字设置为一个新的段落。可设以下属性： align：设置段落的对齐方式，可取left、center、right。 例如：
这是第一段
这是新的一段
设置不换行符：
加入实体（想显示但键盘上没有的字符） ? ©； ?（版权） ? （非断开空） ? ¾； （3/4分数） ? ™ ?(商标)
? ¥ ￥ （人民币符号）
设置水平线：
hr是horizontal rule的缩写。 可设以下属性：
align：设置水平线的位置，参数有left、center 、right。 width：设置水平线的宽度，可以用百分数，也可以用像素数。 size：设置水平线的粗细。 color：设置水平线的颜色。
noshade：无取值，设置为无阴影。 例如：
设置注释：
浏览器不解释显示其中的内容。例如：
设置预设格式文字：
?
pre是preformated的缩写。HTML在显示时一般会吃掉过多的空白字符（只显示一个）和换行字符（不显示），但我们可以用
和让空白、换行字符保存下来。这常用于计算机程序的表达。
pre>
Web今日遍地红， 超传超标建奇功。 配置编程新天地， 安全第一筑长城。
设置居中显示：
设置基本字体：
属性设置与下面的完全相同，常用来设置整个页面的缺省字体，这时
设置字体：? 可设以下属性：
size：设置文字的大小，可取1、2、3、4、5、6、7。 取+3表示字体大小为
取-3表示字体大小为
Face：设置文字的字体列表，第一种字体是首选的，如果用户机器上没有第一种字体，就用第二种字体显示，依次类推。如果列表中的字体都没有，就用用户机器上的默认字体显示。 例如：
内蒙古农业大学
设置逻辑字体
? 特别强调，黑体
? 一般强调（emphasis），斜体 ? 表示一段引用的文字，斜体。多用 于书名、电影名等。
? 表示外部程序代码，字体变细变轻 ? 表示例子，字体变细变轻 ? 用户键入的文字，字体变细变轻 ? 字体变小 ? 字体变大 例如：
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
设置物理字体
? 设置标记间的文字为黑体（boldface） ? 设置标记间的文字为斜体（italics） ? 设置标记间的文字带下划线（underline）
? 设置标记间的文字为上标（superscript）? 设置标记间的文字为下标（subscript）? 设置标记间的文字带删除线（strike）? 设置文字为电传打字机体（typewriter） 例如:
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
无限风光在险峰
特殊符号样式 输入下列内容
解二元一次方程
aX2+bX+c=0
解不等式x+y > 2 x-y < -1
设置特殊字符
有一些ASCII码字符需要特殊表示： < ：用< 表示（less than） > ：用> 表示（greater than） & ：用& 表示（ampersand） “ ：用" 表示（quote）
无间断空格：用 表示（no breaking space）
这些字符也可以用&#ASCII码; 的方式表示，ASCII码的取值范围为0-255。
缩写词解释
在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。
仅对于 IE 5 中的 acronym 元素有效。
对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
文字反向输出
如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
Here is some Hebrew text 各位老师好！
设置页面中滚动的文本
可以实现文字滚动效果： 有以下属性：
direction：表示滚动的方向，默认为从右向左：←。 可选的值有right、down、up。
滚动方向分别为：right表示→，up表示↑，down表示↓。 behavior ：指定文本的滚动方式，分为三种： scroll: 从一端消失后，从另一端出现并继续滚动： slide： 从一端滚动，接触到另一端后停止滚动。
Alternate:从一端滚动到另一端后，反向滚动：
loop ：指定文本滚动的循环次数，如果loop=-1则无限循环. scrollamount ：它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好
align：指定滚动文本与其他文本的对齐方式。可设为： top、middle、bottom。 bgcolor：指定滚动文本的背景颜色：
height和width：表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值,可以是数值或屏
幕的百分比。
hspace和vspace：指定滚动文本的边距，
hspace指定左右边距，vspace指定上下边距，边距值以像素为单位。
设置超链接：?
?可以是文本或用标记插入的图像。
解释：a（anchor，锚），href（hypertext reference）。 可设以下属性： href
：
设
置
URL
，
格
式
为
\。 http可以换成其他协议，例如ftp、telnet等。
也可以使用相对路径（相对于本网页路径的文件路径）。 链接的目标可以为任何类型的文件（例如可以为音视频文件）。 目标文件如果不能显示，就会出现下载对话框。 target：显示链接的窗口或框架，可取以下值： _blank 在新窗口中打开超链接 _self 在本窗口或本框架中打开超链接 _parent 在上一级框架中打开超链接
_top 在整个浏览器窗口中打开超链接 例如：
内蒙古农业大学
联系我 邮件链接 ?
href=\ft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer Party&body=You are invited to a big summer party!\发送邮件！
? ，功能是设置超链接的定位点(锚记)。
的地方。
链接到同一个页面的不同位置
Chapter 1
This chapter explains ba bla bla
Chapter 2
This chapter explains ba bla bla
Chapter 3
This chapter explains ba bla bla
This chapter explains ba bla bla
设置有编号列表：
- ?
ol是ordered list的缩写。列表项用?标识。列表项中的每一项显示时都有数字标识。 可设以下属性：
type：取值可以是1、a、A、i、I，分别代表编号使用阿拉伯数字、小写英文字母、大写英文字母、小写罗马数字、大写罗马数字。 start：指定序号的起始值，只能取数字。 例如：
设置无编号列表：?
ul是unordered list的缩写。列表项用?标识。 可设以下属性：
type：取值可以是disc、square、circle，
分别表示用圆盘、正方形、圆形作为列表符号。 例如：
设置定义列表：
- ?
， 定义解释（definition description）
- 可有以下属性：
Compact：紧密排列，可使＜dt＞的内容与＜dd＞的内容在同一行，仅以数格空白相隔而不换行，但若＜dt＞的文字超过一定的长度后，compact的作用就消失了！ 例如：
HyperText(超文本) 含有超链接的文本文件。 Hyper Link(超链接)
是一个文件中指向另一个文件的指针。
设置图像：
Src： 设置图像文件的URL。
Lowsrc：设置首先下载的低清晰度图像文件的URL。 Alt： 设置图像无法显示时可替代显示的文本。 Width： 设置图像宽度 Height：设置图像高度 Border：设置边框粗细
Align： 设置图像相对于周围内容的对齐方式，可 取left、right、top、middle、bottom。
hspace：设置图像与周围其他内容的水平间距。 vspace：设置图像与周围其他内容的垂直间距。 例如：
假如Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成： 
；
假如图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为： 
；
点小图看大图
多媒体标记
? DYNSRC=指定要播放的多媒体文件的URL。
在IMG标记中，dynSRC属性优先于SRC属性。 START=何时开始播放多媒体文件; 其取值可以是fileopen或mouseover。
? LOOP=多媒体文件的播放次数(整数)
? 插入背景音乐标记
? BALANCE=如何将声音分成左声道和右声道。取值为-10 000~+10 000，默认值为0。 ? LOOP=声音播放的次数。 0：播放一次；
大于0的整数：播放指定的次数； -1：则声音反复播放，直到页面卸载。
? SRC=播放的声音文件的URL。常用的声音文件类型：
波形文件（.wav）MIDI文件（.mid） AIFF文件（.aif） AU文件(.au) MP3文件（*.mp3）
? VOLUME=音量高低。其取值为-10 000~0，默认值为0。
?
音乐，视频，Flash动画。
设置表格：? 可设以下属性：
align ：设置表格位置，可以为left、center、right。 width ：设置表格的宽度。 Height：设置表格的高度。 Border：设置表格外框的粗细。 Bordercolor：设置表格外框的颜色。 Frame：设置外边框，可以取如下值：
box（显示全部边框），void（不显示边框）， hsides（仅显示上下水平边框）。 Rules：设置内边框，可以取如下值：
all（显示所有内边框），rows（显示行分割线）， cols（显示列分割线），none（不显示内边框）。 Cellspacing：设置两个单元格之间的间距。
Cellpadding：设置单元格内文字与单元格边框的间距。 Background：设置表格的背景图像的URL Bgcolor：设置表格的背景颜色
align：可取top（标题在表格上方）、bottom（标题在表格下方）。 ? 设置表格行，可设以下属性： Bgcolor：设置表格行的背景色。
Align： 设置水平对齐方式，可取left、center、right Valign： 设置垂直对齐方式，可取top、middle、bottom
Rowspan：单元格占用表格行数。 Colspan：单元格占用表格列数。 Background：设置单元格背景图像 Bgcolor：设置单元格背景色。
Align：设置内容水平对齐方式，可选left,center,right valign ：设置内容垂直对齐方式，可选 top、middle、bottom。
?设置单元格内容，可设属性同
姓名
王大鹏 男 动物科学
女 食品
bgcolor=\
cellspacing=\
张剑 男 计算机
表格例子2：
第一行第一列
第二行第二列 第二行第三列
第三行第二列
第三行第三列
设置框架：
可以将屏幕分割成几块，每块对应一个文件。有了