轻松快速掌握html知识.docx
- 文档编号：3550038
- 上传时间：2022-11-23
- 格式：DOCX
- 页数：18
- 大小：116.74KB
轻松快速掌握html知识.docx
《轻松快速掌握html知识.docx》由会员分享，可在线阅读，更多相关《轻松快速掌握html知识.docx（18页珍藏版）》请在冰豆网上搜索。
轻松快速掌握html知识
1、HTML的总体结构
从结构上看，HTML文件由多种元素构成，用于组织文件的内容和指导文件的输出格式，一个HTML应具有下面的结构：
头元素……
体元素……
2、HTML文档结构特点：
1）HTML文件仅由一个html元素组成，其元素体分为头元素和体元素两部分。
2）绝大多数元素是成对出现的，有起始标记和结尾标记。
起始链接签（Starttag）<元素名称>
结尾链接签（Endtag）
3）每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明，属性出现的顺序是不重要的。
4）html的元素有四种表示方法。
（1）<元素名称>文本或超文本
（2）<元素名称属性名＝“属性值”…>文本或超文本
（3）<元素名称>
（4）<元素名称属性名＝“属性值”…>
5）html的元素的常用属性和值。
Height：
高度＝数值Width：
宽度＝数值
Color：
颜色＝RGBAlign/Valign：
对齐＝（left、center、right）
BGColor：
背景颜色Border：
边框粗细
6）Html文件的命名
*.html或.htm
3、常用结构元素介绍：
1）…
表示页面开始，开始用HTML标准进行解释文本；表示页面结束。
2）
…包含页面的一般性说明信息，如标题、主题介绍、字符集、作者信息等，必须在
元素之前。3）
放于
元素内；提供页面的名称。4）
放于
元素内，提供该文档的媒体信息。如作者名、搜索引擎关键字等
元素的属性：
（name，content，http-equiv,url）
“keywords”“你的关键字”
“author”“作者署名”
“expires”“过期时间”
“content-type”“字符集”
5）
…BODY是网页的主体，通过以下属性修饰网页：
（1）Link、Alink、Vlink：
未访问（正点击、已访问）链接文字颜色
（2）BGcolor、BackGround、BGProperties
（3）Text：
一般文本颜色
6）注释
--
注释内容。
。
。
。
-->
注释，可以进行单行、多行注释
4、文本字体控制元素
1）
BASEFONT用于元素设置文档的基础字体，用法如下：
Color：
文本的颜色
属性Face：
文本的字体（通常不用）
Size：
文本字体的大小（1～7号，由小到大）
2）…
FONT用于设置指定文本的字体，用法如下：
属性：
Color，Face，Size。
其中：
size用于修改文本的字体的大小（1～7号，或与基础字体的对比值（＋1，－2））
3）
H用于设置指定的标题，用法如下：
其中：
#为1～6之间的数字，代表标题级数（从大到小）
属性：
align=（left,center,right）
5、文本格式控制元素
使文本/图象居中
…：
以引用或参考的形式显示文本，一般以斜体显示
…：
使用等宽字体和保留空格与换行符来创建格式化文本，使其间文本按照源文件中的格式显示
…
：创建段落
：
在文本后设置一换行符
6、动态文本控制
：
显示一个滚动的选取框，其间文本可以实现动态滚动。
（主要用于滚动新闻、公告等）
用法如下：
（1）BGColor：
滚动文本框的背景颜色
（2）height、width：
滚动文本框的大小（高、宽度）
（3）direction：
文本的滚动方向（left,right,up,down）
属（4）Loop：
循环次数，（＝Infinite：
无穷次）
（5）ScrollAmount、ScrollDelay：
每次滚动的距离和时延（毫秒）
性（6）Behavior：
运动形式（＝Scroll（滚动）,＝Slide（移动）,＝Alternate（来回运动））
（7）OnMouseOut=Start（）：
鼠标事件，离开则开始滚动
OnMouseOver=Stop（）：
鼠标事件，鼠标移入则停止滚动
7、插入图像
插入图像：
（1）Align：
图片对齐方式（top,middle,bottom,left,center,right）
属
（2）height、width：
图片的大小（高、宽度）
（3）Boder：
图片边界尺寸大小
性（4）Src：
图片所在路径（＝“路径/文件名”）
（5）UseMap：
具有热区，给出热区名称（UseMap＝“#name”）
8、插入背景音乐
背景音乐
属性
Src：
音乐所在路径（＝“路径/文件名”）
Loop：
播放循环次数，（＝Infinite：
无穷次）
支持文件：
mid、mp3。
9、插入多媒体
多媒体
（1）Src：
多媒体所在路径（＝“路径/文件名”）
属性
（2）Loop：
播放循环次数，（＝Infinite：
无穷次）
（3）控制画面：
Hidden=true/false：
是否隐藏画面
Width、height：
画面的大小（高、宽度）
Controls：
控制画面风格ConsoleSmallConsolePlayButtonPauseButtonstopButtonvolumeLever等
支持文件格式：
mid、mp3、wav、avi等（不支持rm）
10、列表
1）无序列表
- …
无序列表又称项目符号列表，列表内容顺序任意，每一列表项前用一特定符号标识。
例：
- abc
- def
- ghi
2）有序列表
- …
有序列表指在每一列表项前用连续的标号进行排列。
注意：
如果没有修改属性，Value将默认为前一项的Value＋1；Type将默认为1
11、超级链接
1）超级链接类型（分类）
（1）按照触发超级链接的对象分为
A、文本超级链接。
B、图象超级链接。
C、热区超级链接。
（2）按照超级链接的目标位置将链接分为
A、当前页。
B、新窗口。
C、目标框架页面。
D、书签（锚点）。
2）超级链接的标识
（1）一般超链标识符，用法如下：
）
（i）href属性，其值为
A、链接文件所在路径（＝“路径/文件名”）
B、Email地址（＝“mailto:
Email地址”）
（ii）target属性，其值具有：
a）当前页面（＝“_top”）b）新窗口（＝“_black”）
c）父框架（＝“_parent”）d）当前框架（＝“_self”）
e）其他框架（＝“框架名”）
（2）创建书签标识符，分两步进行，用法如下：
A、在点击链接处（目录）设置书签，方法：
B、为要被链接到的部分起名字（书签名），方法：
（3）创建热区超级链接标识
A、首先，给定一张图片，并为他做一个热区并命名：
B、
注意：
可以有多个，必须放在之间。
“rect”“二顶点坐标”
C、 “poly”“各顶点坐标” target＝”页面位置”> 12、表格 通过使用表格可以很方便有效地控制页面各元素的位置。 表格所包含的基本部分： 表格标题： 指明表格的含义； 表格标签： 也称表头，指明表中记录项的含义； 表格数据： 表格的具体内容； 表格单元： 表格中每个独立区域，其中可以存放表格标签，也可以存放具体数据。 1）创建表格 （1）Align： 表格对齐方式（left,center,right） 属 （2）height、width： 表格的大小（高、宽度） （3）Boder、BorderColor： 表格边框尺寸大小，颜色 性（4）Backgroud： 表格背景图片（＝“路径/文件名”）BGColor： 背景颜色 （5）Cellspacing、Cellpadding： 单元格之间/之内的间距 2）设置表格标题 （放于…
之内）
属性：
（1）Align：
表格标题的水平对齐（L/C/R）
（2）VAlign：
设置的标题的垂直位置（T/B，表示处于表格之上/下）
3）设置表格的单元格
表格的每个单元格都由行和列构成。
（1）行标识：
（放于
（1）Align：
该行的水平对齐方式（left,center,right）
属性：
（2）BGColor：
该行的背景颜色
（3）VAlign：
该行的垂直对齐方式（top,middle,bottom）
（2）列标识：
（放于
（1）Align、VAlign：
单元格对齐方式
（2）height、width：
单元格的大小（高、宽度）
属（3）BorderColor：
单元格边框的颜色
性（4）Backgroud：
单元格背景图片（＝“路径/文件名”）
BGColor：
背景颜色
（5）Colspan、Rowspan：
单元格所占的列/行的数目
（3）表格头标识：
（相当于列标识
15、框架
框架通过分割窗口，能使一个屏幕上出现多个页面。
1）创建框架：
属性：
（1）Cols、Rows：
框架的划分方式（列/行）（=“A，B”）
（2）FrameSpacing：
框架之间的间距
2）设置框架内容
（放在