轻松快速掌握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)一般超链标识符,用法如下:
…文字图像…(用于创建HTML文件的链接。
)
(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)设置框架内容
为已经划分好的框架设置内容。
(放在