html简单总结.docx
《html简单总结.docx》由会员分享,可在线阅读,更多相关《html简单总结.docx(11页珍藏版)》请在冰豆网上搜索。
html简单总结
第一章总结
今天学习表格设计
主要为一些标签、属性及属性值的学习。
主要的标签:
………行 | ………列(单元格) | ………单元格(列)属性:
border……边框线宽
width………宽
height………高
cellspacing………单元格间距
cellspadding………文本与表格边框的距离
vlign………定义文本在单元格的水平位置
valign………定义文本在单元格的垂直位置
bgcolor………表格的颜
colspan………横通(横向合并或按列合并)
rowspan………纵通(纵向合并或按行合并)
属性值:
单位:
像素px.如500px,或者用n%表示
left,right,center,
top,middle,bottom,baseline
16进制的6位数,格式为rrggbb,分别表示红绿蓝三色的分量
要合并的列数
要合并的行数
第二章总结
本节学习文字布局与文字效果
主要学习一些标签、属性及属性值。
1.标题
●h1黑体,特大字体,居中,上下各有两行空行。
●h2黑体,大字体,上下各有一到两行空行。
●h3黑体,大字体,左端微缩进,上下空行。
●h4黑体,普通字体,比h3更多缩进,上边空一行。
●h5黑体,与h4相同缩进,上边空一行。
●h6黑体,与正文有相同缩进,上边空一行。
另外可以有对齐属性,align=#,#表示:
left标题居左;center标题居中;right标题居右。
2.段落
i.标记对用来创建一个段落,在此标记对之间的文本按照段落的格式显示在浏览器上。
HTML将多个空格以及回车等效为一个空格,HTML的分段完全依赖于分段标记。
也可以有多种属性,比较常用的属性是:
align=#,#可以是:
left,、center,、right
ii.
标记用来创建一个回车换行
3.文字风格
a.字体大小绝对:
;相对:
b.字体风格物理风格:
黑体,斜体,下划线,打字机体
逻辑风格:
强调、特别强调、源代码、例子、键盘输入、变量、定义、引用、较小、较大、上标、下标
c.字体颜色#可以是6位16进数,分别指定红、绿、蓝的值,也可以是black,olive,teal,red,blue,maroon,navy,gray,lime,fudrsia,white,green,purple,sliver,yellow,aqua之一
d.闪烁可使文本闪烁,闪烁频率为1秒钟一次
e.水平线
4.滚动字符其属性包括:
◆align:
是设定活动字幕的位置:
居左、居中、居右、靠上(align=top)和靠下(align=bottom)。
◆bgcolor:
设定活动字幕的背景颜色,一般是十六进制数。
◆direction:
设定活动字幕的滚动方向是向左、向右、向上、向下。
◆behavior:
设定滚动的方式,主要由三种方式:
◆behavior=“scroll”表示由一端滚动到另一端;
◆behavior=“slide”:
表示由一端快速滑动到另一端,且不再重复;behavior=“alternate”表示在两端之间来回滚动。
◆height:
设定滚动字幕的高度。
◆width:
设定滚动字幕的宽度。
◆hspace和vspace:
设定滚动字幕的左右边框和上下边框的宽度。
◆scrollamount:
设定活动字幕的滚动距离。
◆scrolldelay:
设定滚动两次之间的延迟时间。
◆loop:
用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新
无序
有序
自定义
有序清单
- 第一条:
- 定义清单
5.清单
第三章总结
本节学习图像、热点、CSS样式定义与应用
主要学习一些标签、属性及属性值。
1.插入图像
eg.
--(地址)(宽度)(高度)(边框厚度)-->
align="left"alt="这是一张照片">
--(图片位置)(描述该图形)-->
2.热点标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。
其基本语法结构如下:
id=Value
href=url
alt=text
shape=area-shape
coods=value>
3.CSS样式
a.外部连结CSS:
在HTML文件里加一个超级链接,连接到外部的CSS文档。
外部连结CSS
测试文字
/HTML>
同目录下新建style.css文件如下
.style{font:
48pt;text-align:
right;color:
008800}
b.内定义CSS,在HTML文件内的
.......标签之间,加一段CSS的描述内容。c.文本间CSS:
在HTML文件的文本内容中,随时有需要,随时加一小段CSS的描述指定风格。
第四章总结
本节学习框架与浮动窗口
主要学习一些标签、属性及属性值。
1.框架(frame)即是把页面把浏览器窗口切割成几个独立的部分。
基本结构:
属性:
横向分用rows,纵向分用cols;
target指定链接文件出现在哪一窗口,值可以是name定义的名称,也可以是以下四类值:
显示一个新窗口
显示在同一个窗口
显示在Frameset的前一份文件的窗口
显示在整个浏览器窗口
2.浮动窗口Iframe标记,又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。
第五章总结
本节学习页面版式控制与多媒体
主要学习一些标签、属性及属性值
1.页面版式控制
主要排版标记:
注释标记
分段标记
换行标记
水平线标记
居中标记
预排版标记
定位标记
--注解-->
2.多媒体效果
i.插入背景音乐标记是用来插入背景音乐
10">
ii.插入多媒体
iii.用标签插入多媒体文件
05”strat=”fileopen|mouseover”>
第六章
总结
本节学习表单与页面控件
主要学习一些标签、属性及属性值
1.创建表单
2.单行文本
3.普通按钮
4.提交按钮
5.重置按钮
6.复选框
7.隐藏区域
8.输入密码
9.单选按钮类型
10.图像按钮
11.下拉列表按钮
12.多行文本框
单词
Html:
标签,超文本标记语言
CSS:
层叠样式表
URL:
属性,统一资源定位器
Head:
标签,html头标记
Title:
标签,html标题标记
Body:
标签,html主体标记
Font:
标签,设置字体
Href:
属性参数,制定基准路径
Align:
属性,设置水平位置
Center:
标签,属性,居中设置
Table:
标签,表格
Srrony:
字体风格,特别强调
code:
标签,源代码
Samp:
标签,例子
Marquee:
属性,文字滚动
Direction:
属性,文本装饰
Scroll:
属性,滚动条
Loop:
属性,重复或滚动次数
Border:
属性,设置边框
Width:
属性,设置宽
Height:
属性,设置高
Alert:
弹出提示
Area:
标签,设定作用区域(热点)
Map:
标签,设定图像地图作用区域
Style:
标签,样式风格
Window:
窗口
Document:
文件
Text:
文档
Radio:
单选按钮
Button:
普通按钮
Submit:
提交按钮
Reset:
重置按钮
Checkbox:
复选框
Select:
标签,创建下拉列表
Option:
标签,制定列表框中的一项
Style:
样式风格
Script:
脚本
Frame:
框架标记
Top:
属性,置顶
Div:
标签,定位标
展开阅读全文
相关搜索