html的主体标签Word文档格式.docx
- 文档编号:22510789
- 上传时间:2023-02-04
- 格式:DOCX
- 页数:24
- 大小:27.80KB
html的主体标签Word文档格式.docx
《html的主体标签Word文档格式.docx》由会员分享,可在线阅读,更多相关《html的主体标签Word文档格式.docx(24页珍藏版)》请在冰豆网上搜索。
取消水平分隔线的3d阴影
6.署名标签<
address>
:
/address>
标签之间的文字显示效果是斜体字。
7.插入特殊符号:
特殊或专用字符字符代码特殊或专用字符字符代码
&
lt;
©
copy;
gt;
×
times;
&
amp;
®
reg;
"
quot;
空格&
nbsp;
8.标题文字标签<
hn>
hnalign=参数〉标题内容<
/hn>
R取值1~6值越大字体越小,align属性其参数为left(左),enter(中),right(右)。
标签本身具有换行的作用,标题总是从新的一行开始。
9.文字格式控制标签<
FONT>
/font>
fontface=值1size=size的取值为1~7color=值3〉文字<
属性使用功能默认值
face设置文字使用的字体宋体
size设置文字的大小3
color设置文字的颜色黑色
10.特定文字样式标签:
(1)
粗体标签<
b>
放在<
与<
/b>
标签之间的文字将以粗体方式显示。
(2)
斜体标签<
i>
/i>
标签之间的文字将以斜体方式显示。
(3)
下划线标签<
u>
/u>
标签之间的文字将以下划线方式显示。
11.无序列表<
UL>
LI>
的属性type有三个选项,这三个选项都必须小写:
disc实心圆(默认)circle空心圆square小方块
格式1:
ULtype=circle>
第一项
第二项
第三项
/UL>
格式2
ul>
litype=disc>
litype=circle>
litype=square>
/ul>
12.有序列表<
OL>
ol>
的两个属性type和start来完成的。
start=编号开始的数字,,在<
li>
标签中设定value="
n"
改变列表行项目的特定编号。
格式1
<
oltype=编号类型start=value>
第1项
第2项
第3项
/ol>
livalue=”n”>
13.图像插入标签<
img>
imgsrc="
logo.gif"
width=100height=100hspace=5vspace=5border=2align="
top"
alt="
LogoofPenPalsGarden"
lowsrc="
pre_logo.gif"
属性描述
Src图像的url的路径
alt提示文字
width宽度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
height高度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
dynsrcavi文件的url的路径
loop设定avi文件循环播放的次数
loopdelay设定avi文件循环播放延迟
start设定avi文件的播放方式
lowsrc设定低分辨率图片,若所加入的是一张很大的图片,可先显示图片。
usemap映像地图
aligntop上对齐.middle居中对齐.bottom下对齐.left左对齐.right右对齐
border边框
hspace水平间距
vspace定义图像顶部和底部的空白。
vlign垂直间距
14.建立超链接的标签为<
A>
和<
/A>
格式为:
AHREF="
资源地址"
TARGET="
窗口名称"
TITLE="
指向连接显示的文字"
超链接名称<
target可能的值有:
_blank打开一个新窗口
_parent显示在上一层窗口中
_top显示在最上层窗口
name显示在名字叫name的窗口中
_self显示在当前窗口,缺省的属性
1.书签链接:
定位标记名<
aname=“定位标记名”>
。
跳到要访问的内容<
ahref=“#定位标记名”>
2.外部链接:
ahref="
http:
//网址"
3.邮箱链接:
语法:
ahref=“mailto:
E-mali地址 &
subject=邮件主题"
描述文字<
/a>
mailto:
zhoujr@?
cc=benbenmao@&
Subject=早安&
bcc=a@b.c&
Body=早安,祝你度过一个快乐的早晨!
向好友发送邮件(抄送小李)<
邮件的参数
参
数描
述
subject电子邮件主题
cc抄送收件人
body主题内容
bcc暗送收件人
4.15.建立表格<
table>
...<
/table>
标签描述
用于定义一个表格开始和结束
th>
/th>
表格中的文字将以粗体显示,<
标签必须放在<
tr>
标签内
/tr>
一组行标签内可以建立多组由<
td>
或<
标签所定义的单元格
/td>
一组<
标签将将建立一个单元格,<
a)<
标签属性:
属性描述
border:
表格的边框。
cellspacing:
单元格间距。
cellpadding:
单元格衬距。
width:
表格的宽度。
width的取值还可以使用百分比
height:
表格的高度,取值方法同width
bgcolor:
表格的背景色。
单元格也可有此属性。
background:
表格的背景图。
也有此属性。
bordercolor:
表格的边框颜色,取值同bgcolor。
bordercolorlight:
亮边框颜色,亮边框指表格的左边和上边的边框。
bordercolordark:
暗边框颜色,暗边框指表格的右边和下边的边框。
align:
表格的对齐方式,值有left、center、right。
b)<
标签的属性
TR>
的参数设定(常用):
tralign="
RIGHT"
valign="
MIDDLE"
#0000FF"
bordercolor="
#FF00FF"
bordercolorlight="
#808080"
bordercolordark="
#FF0000"
align行内容的水平对齐
valign行内容的垂直对齐
bgcolor行的背景颜色
bordercolo行的边框颜色
bordercolorlight行的亮边框颜色
bordercolordark行的暗边框颜色
c)<
的属性
width/height单元格的宽和高,接受绝对值(如80)及相对值(如80%)。
colspan单元格向右打通的栏数
rowspan单元格向下打通的列数
align单元格内字画位置(水平),可选值为:
left,center,right
valign单元格内字画位置(垂直),可选值为:
top,middle,bottom
bgcolor单元格的底色
bordercolor单元格边框颜色
bordercolorlight单元格边框向光部分的颜色
bordercolordark单元格边框背光部分的颜色
background单元格背景图片
d)跨行跨列属性
跨多列的语法:
thcolspan=#>
<
tdcolspan=#>
跨多行的语法:
throwspan=#>
tdrowspan=#>
5.16.框架集<
frameset>
控制
border设置边框粗细,默认是5象素.
bordercolor设置边框颜色
frameborder指定是否显示边框:
0"
代表不显示边框,"
1"
代表显示边框
cols用"
象素数"
和"
%"
分割左右窗口,"
*"
表示剩余部分
rows用"
分割上下窗口,"
framespacing="
5"
表示框架与框架间的保留空白的距离
noresize设定框架不能够调节,只要设定了前面的,后面的将继承
6.17.框架窗口<
frame>
src指示加载的url文件的地址
frameborder指示是否要边框,1显示边框,0不显示(不提倡用yes或no)
border设置边框粗细
name指示框架名称,是连结标记的target所要的参数
noresize指示不能调整窗口的大小,省略此项时就可调整,
scrolling指示是否要滚动条,auto根据需要自动出现,Yes有,No无
marginwidth设置内容与窗口左右边缘的距离,默认为1
marginheight设置内容与窗口上下边缘的边距,默认为1
width框窗的宽及高默认为width="
100"
height="
align可选值为left,right,top,middle,bottom
7.18.浮动窗口
iframe>
的参数设定格式:
iframesrc="
iframe.html"
name="
test"
align="
width="
300"
marginwidth="
marginheight="
frameborder="
scrolling="
Yes"
属性含义
src浮动窗框中的要显示的页面文件的路径,可以是相对或绝对。
name此框窗名称,这是连结标记的target参数所 要的,
align可选值为left,right,top,middle,bottom,作用不大
height框窗的高,以pixels为单位。
Width框窗的宽,以pixels为单位。
marginwidth该插入的文件与框边所保留的空间。
marginheight该插入的文件与框边所保留的空间。
frameborder使用1表示显示边框,0则不显示。
(可以是yes或no)
scrolling使用Yes表示容许卷动(内定),No则不容许卷动。
8.19.表单标签<form>……</form>
<FORMname=“form_name”ACTION=“URL”METHOD=“GET|POST”>…</FORM>
Name:
定义表单的名称
Method:
定义表单结果从浏览器传送到服务器的方式,默认参数为:
get;
Action:
用来指定表单处理程序的位置(asp等服务器端脚本处理程序)
20.文本框文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。
代码格式:
<inputtype=“text”name=“...”size=“...”maxlength=“...”value=“...”>
type=“text”定义单行文本输入框;
name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文本框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
21.密码框
密码框是一种特殊的文本框,它的不同之处是当输入内容时,均以*表示,以保证密码的安全性。
格式:
inputtype=“password”name=“...”size=“...”maxlength=“...”>
23.按钮
类型:
普通按钮、提交按钮、重置按钮。
1)普通按钮
当type的类型为button时,表示该输入项输入的是普通按钮。
语法格式:
inputtype="
button"
value="
…“name=“…”>
Value:
表示显示在按钮上面的文字。
普通按钮经常和脚本一起使用。
2)提交按钮
通过提交(inputtype=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。
例句:
submit"
提交"
3)重置按钮
当type的类型为reset时,表示该输入项输入的是重置按钮,单击按钮后,浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。
语法格式:
inputtype=“reset"
value=“…“name=“…”>
24.单选框和复选框
Ø
单选框
inputtype=“radio”name=“…”value=“…”checked>
Checked:
表示此项默认选中
Value表示选中后传送到服务器端的值。
Name表示单选框的名称,如果是一组单选项,name属性的值相同有互斥效果。
复选框
inputtype=checkboxname=“…”value=“…”checked>
Name表示复选框的名称,如果是一组单选项,name属性的值相同亦不会有互斥效果。
25.文件输入框
当type=“file”时,表示该输入项是一个文件输入框,用户可以在文件输入框的内部填写自己硬盘中的文件路径,然后通过表单上传。
inputtype=“file”name=“…”>
26.下拉框(Select)既可以用做单选,也可以用做复选。
单选例句如下:
selectname="
fruit"
>
optionvalue="
apple"
苹果
orange"
桔子
mango"
芒果
/select>
如果要变成复选,加muiltiple即可。
用户用Ctrl来实现多选。
multiple>
,用户还可以用size属性来改变下拉框的大小。
27.多行输入框(textarea)
多行输入框(textarea)主要用于输入较长的文本信息。
例句如下
textareaname="
yoursuggest"
cols="
50"
rows="
3"
/textarea>
其中cols表示textarea的宽度,rows表示textarea的高度
28.滾动字幕<
marquee>
...<
/marquee>
align:
对齐方式LEFT,CENTER,RIGHT,TOP,BOTTOM
behavior:
用于设定滚动的方式,主要由三种方式:
behavior="
scroll"
表示由一端滚动到另一端;
slide"
表示由一端快速滑动到另一端,且不再重复;
alternate"
默认值——表示在两端之间来回滚动。
direction:
left(默认值)左;
right右;
up上;
down下;
bgcolor:
背景颜色
height:
高度
weight:
宽度
Hspace/vspace:
分别用于设定滚动字幕的左右边框和上下边框的宽度。
scrollamount:
滚动的速度
scrolldelay:
延迟时间
loop:
循环次数;
onmouseover:
鼠标触发事件---当用户将鼠标指针移动到对象内时触发
onmouseout:
鼠标滑出事件---当用户将鼠标指针移出对象边界时触发
这里要用到的是this.start()与this.stop()意思就是鼠标移到marquee的内容上的时候停止循环,鼠标移开marquee又开始移动。
innercode:
设置或获取位于对象起始和结束标签内的code
innerText:
设置或获取位于对象起始和结束标签内的文本
scrollLeft:
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
scrollDelay:
设置或获取字幕滚动的速度,要创建垂直滚动的字幕,请将其scrollLeft属性设定为0,要创建水平滚动的字幕,请将其scrollTop属性设定为0,这将覆盖任何脚本设置
scrollHeight:
获取对象的滚动高度
scrollAmount:
设置或获取介于每个字幕绘制序列之间的文本滚动像素数
offsetTop:
获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置
offsetLeft:
获取对象相对于版面或由offsetParent指定的父坐标的计算左侧位置
offsetHeight:
获取对象相对于版面或由父坐标offsetParent指定的父坐标的高度。
setInterval:
交互时间。
它从载入后,每隔指定的时间就执行一次表达式
clearInterval:
使用setInterval方法取消先前开始的间隔事件。
29.嵌入多媒体文件<
EMBEDSRC="
音乐文件地址"
1、自动播放:
语法:
autostart=true、false
true:
音乐文件在下载完之后自动播放;
false:
音乐文件在下载完之后不自动播放。
示例:
embedsrc="
your.mid"
autostart=true>
<
autostart=false>
2、循环播放:
loop=正整数、true、false
属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;
属性值为true时,音频或视频文件循环;
属性值为false时,音频或视频文件不循环。
autostart=trueloop=2>
<
autostart=trueloop=true>
autostart=trueloop=false>
3、面板显示:
hidden=ture、no
说明:
该属性规定控制面板是否显示,默认值为no。
ture:
隐藏面板;
no:
显示面板。
hidden=ture>
hidden=no>
4、开始时间:
starttime=mm:
ss(分:
秒)
该属性规定音频或视频文件开始播放的时间。
未定义则从文件开头播放。
starttime="
00:
10"
5、音量大小:
volume=0-100之间的整数
该属性规定音频或视频文件的音量大小。
未定义则使用系统本身的设定。
volume="
6、容器属性:
height=#width=#
取值为正整数或百分数,单位为像素。
该属性规定控制面板的高度和宽度。
height:
控制面板的高度;
width:
控制面板的宽度。
height=200width=200>
7、容器单位:
units=pixels、en
该属性指定高和宽的单位为pixels或en。
units="
pixels"
en"
8、外观设置:
controls=console、smallconsole、playbutton、pausebutton、stopbutton、
volumelever说明:
该属性规定控制面板的外观。
默认值是console。
console:
一般正常面板;
smallconsole:
较小的面板;
playbutton:
只显示播放按钮;
pausebutton:
只显示暂停按钮;
stopbutton:
只显示停止按钮;
volumelever:
只显示音量调节按钮。
controls=smallconsole>
controls=volumelever>
9、对象名称:
name=#
#为对象的名称。
该属性给对象取名,以便其他对象利用。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 主体 标签