HTML手册文档格式.docx
- 文档编号:19643259
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:22
- 大小:182.39KB
HTML手册文档格式.docx
《HTML手册文档格式.docx》由会员分享,可在线阅读,更多相关《HTML手册文档格式.docx(22页珍藏版)》请在冰豆网上搜索。
height数字移动区面积
字体效果
h1>
/h1>
标题字(最大)
h6>
/h6>
标题字(最小)
fontcolor=00ff00>
/font>
字体颜色
fontsize=1>
最小字体
fontstyle="
font-size:
100px"
>
无限增大
pstyle="
14px;
color:
#5B5B00"
/p>
b>
/b>
粗体字
palign=”?
”>
文字靠?
排<
pre>
/pre>
将文字排版、格式原封不动的呈现
strong>
/strong>
粗体字(强调)
i>
/i>
斜体字
em>
/em>
斜体字(强调)
u>
/u>
底线
strike>
/strike>
横线
s>
/s>
删除线
sup>
上标
sub>
/sub>
下标
网页元素
Html语言常用标记如下
区断标记
hr>
水平线
hrsize=’9’>
水平线(设定大小)
hrwidth=’80%’>
水平线(设定宽度)
hrcolor=’ff0000’>
水平线(设定颜色)
br>
(换行)
nobr>
/nobr>
水域(不换行)
p>
水域(段落)
center>
/center>
置中
URL链接
ahref=地址>
/a>
外部连结
ahref=地址target=’_blank’>
外部连结(另开新窗口)
ahref=地址target=’_top’>
外部连结(全窗口连结)
ahref=地址target=’页框名’>
外部连结(在指定页框连结)
贴图/音乐
imgsrc=图片地址>
贴图
imgsrc=图片地址width=’180’>
设定图片宽度
imgsrc=图片地址height=’30’>
设定图片高度
imgsrc=图片位元址alt=’提示文字’>
设定图片提示文字
imgsrc=图片地址’border=’1’>
设定图片边框
bgsoundsrc=MID音乐文件地址loop=循环次数loopdelay=延时毫秒数>
背景音乐设定,loop=infinite时无限循环播放
imgsrc=”图片”dynsrc=”avi播放文件”start=”fileopen,mouseover”controls>
播放视频(播放前显示图片)start默认在页面打开就放fileopen,也可改为鼠标放上才
播放mouseover,controls用来在视频下加AVI播放条
附:
动态更改图片
1、先页面设置图片<
td>
imgid=“test”src=“图片1”>
<
/td>
2、当触发某个脚本函数时通过document.getElementById(“test”).src=“图片2”
完成图片更改
embedsrc=”多媒体文本”>
播放电影,声音,需要将plugin安装完备才行
embedsrc=a.mp3"
autostart="
true"
loop="
2"
自动播放2次
embedsrc="
your.mid"
自动播放循环无限次
false"
自动播放不循环
areaShape=”rect”cords=”4,6,34,22”herf=”netx.html”>
是MAP标签用来指示相关图像的热区域,cords是坐标来定位热区
表格及背景
tablealing=?
/table>
表格位置
tableborder=边框大小>
设定表格边框大小(使用数字)
tablebgcolor=颜色码>
设定表格的背景颜色
tableborderclor=颜色码>
设定表格边框的颜色
tablecols=参数>
指定表格的栏数
tablewidth=宽度>
指定表格的宽度大小(使用数字)
tableheight=高度>
指定表格的高度大小(使用数字)
tablecellSpacing=数值>
tablecellPadding=数值>
tdcolspan=参数>
跨列数(使用数字)
tdrowspan=参数>
跨行数(使用数字)
backgroundColor背景色
特殊符号
&
nbsp;
一个不断行的空白格
lt;
gt;
>
amp;
&
quot;
"
响应头meta
meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta标签用于网页的
head>
与<
/head>
之间。
meta的属性有两种:
name和http-equiv。
name属性
name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找
分类。
搜索引擎先派机器人自动在WWW上搜索meta值来给网页分类,当发现新的网站时,
便于检索页面中的Keywords和Description,并将其加入到自己的数据库,然后再根据关键
词的密度将网站排序;
因此description(站点在搜索引擎上的描述)和keywords(分类关键
词)对网页很重要,所以希望搜索机器人查到自已的网页则应该给每页加一个meta值。
比
较常用的有以下几个
1、<
metaname="
Generator"
contect="
"
用以说明你所用编辑器
2、<
KEYWords"
向搜索引擎说明你的网页的关键词
3、<
DEscription"
告诉搜索引擎你的站点的主要内容
4、<
Author"
你的姓名"
告诉搜索引擎你的站点的制作的作者
5、<
Robots"
contect="
all|none|index|noindex|follow|nofollow"
其中的属性说明如下:
all:
文件将被检索,且页面上的链接可以被查询
none:
文件将不被检索,且页面上的链接不可以被查询
index:
文件将被检索
follow:
页面上的链接可以被查询
noindex:
文件将不被检索,但页面上的链接可以被查询
nofollow:
文件将不被检索,页面上的链接可以被查询
6、<
metaname=CopyrightContent=本页版权归网易学院所有。
AllRightsReserved>
告诉搜索引擎你的站点的标注版权
7、<
metaname=revisit-afterCONTENT=7days>
告诉搜索引擎你的站点重访问日期
http-equiv属性
http-equiv类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。
常用的http-equiv类型有
metahttp-equiv="
Content-Type"
text/html"
;
charset=gb_2312-80"
与
Content-Language"
zh-CN"
用以说明主页制作所使用的文字以及语言(又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集)
Refresh"
content="
n;
url=或index.jsp"
定时刷新:
定时让网页在指定的时间n秒内,跳转指定URL
Expires"
Mon,12May200100:
20:
00GMT"
可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。
需要注意的是必须使用GMT时间格式
Pragma"
no-cache"
是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出
set-cookie"
如果网页过期,存盘的cookie将被删除。
需要注意的也是必须使用GMT时间格式
Pics-label"
网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站限制级别就是通过meta属性来设置的
windows-Target"
_top"
强制页面在当前窗口中以独立页面显示,防止自己的网页被别人当作一个frame页调用
8、<
Page-Enter"
revealTrans(duration=10,transtion=50)"
Page-Exit"
revealTrans(duration=20,transtion=6)"
设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面
9、<
Metahttp-equiv=MSThemeCompatibleContent=Yes>
是否在IE中关闭xp的主题,关闭xp的蓝色立体按钮系统显示样式,从而和win2k很
象。
10、<
Metahttp-equiv=IE6Content=Generator>
IE6(页面生成器)
11、<
Metahttp-equiv=Content-Script-TypeContent=text/javascript>
用于指明页面中脚本的类型。
其它用法
linkhref=URLrel=relationship>
链接到文件。
linkhref=URLrev=relationship>
很多网站如果你把她保存在收件夹中后,会发现它连带着一个小图标,如果再次点击进入之后还会发现地址栏中也有个小图标。
现在只要在你的页头加上这段话,就能轻松实现这一功能。
LINK>
用来将目前文件与其它URL作连结,但不会有连结按钮,用於<
标记间
2、<
Basehref=http:
//www.***.net/target=_blank>
插入网页基链接属性
网页上的所有相对路径在链接时都将在前面加上“http:
//www.***.com/”。
其中target=_blank是链接文件在新的窗口中打开,你可以做其他设置。
将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;
改为“_self”链接文件在当前窗口(帧)中打开;
改为“_top”链接文件全屏显示。
下拉框
将某个页面装载到有滚动条的文本框中
iframesrc=”某个页面”border=”0”width=”600”height=”300”>
/iframe>
邮箱链接
Aclass="
email"
href="
mailto:
wbw4237@"
form表单组件
得到所有input标签
allInput=document.getElementsByTagName('
input'
);
for(vari=0;
i<
allInput.length;
i++){
alert(allInput[0].type);
//得到类型,如text,checkbox
alert(allInput[0].tagname);
//得到标签名input
}
SELECTname=kindsize=1disabled=”true”>
OPTIONvalue="
model"
selected>
产品型号<
/OPTION>
//selected默认选中
manufacturer"
产品品牌<
price"
产品价位<
/SELECT>
获得下拉框所有文本值
document.form[0].kind.innerText
获得下拉框中被选中项的文本值
document.forms[0].kind.options[document.forms[0].kind.selectedIndex].text
获得下拉框被选中项的值
document.forms[0].kind.value
option的value指选中下拉框时select的值,‘产品型号’是显示给用户看的信息,比如
当选择了产品型号时下拉框显示为‘产品型号’,此时document.forms[0].kind.value=model
select的size长度为显示的列数,selected为默认选中,
document.forms[0].kind.options[1].selected=true更改第二列为默认选中
SELECTname=kindmultiple>
表示下拉框列全部显示
disabled=”true”表示下拉框是只读的,为false或不写时则可写,
disabled可用于任何控件。
disabled标明的控件值不能存入表单。
单选框
inputtype=”radio”name=”subject”checkedvalue=”1”>
数学<
//checked默认选中
inputtype=”radio”name=”subject”value=”2”>
语文<
inputtype=”radio”name=”subject”value=”3”>
英语<
一组单选钮中它们的name是相同的,而复选钮则不能相同。
获取单选钮的值有以下几种方式:
获得第一个单选钮的值document.forms[X].subject[0].value
获得第二个单选钮的值document.formName.subject[1].value
获得第三个单选钮的值document.all.subject[2].value
all是一个集合,包含所有html对像的集合
复选框
inputtype=”checkbox”name=”一名”>
inputtype=”checkbox”name=”二名”checked>
inputtype=”checkbox”name=”三名”>
复选框事件方法
document.myform.checkbox_name.checked=false/true//用来设置是否为选中
document.myform.checkbox_name.click()//点击一次选中/取消→再点取消/选中
if(document.myform.elements.type=="
checkbox"
document.myform.elements.checked==true)
inputtype=”checkbox”name=”test”checked>
Java获取指定名称的被选中(checked)所有checkbox值,存到一个数组中,如下
String[]temp=request.getParameterValues("
test"
temp此时长度为2
文本框
inputtype="
text"
name="
a"
class="
txt"
id="
size="
37"
maxlength=”50”readOnly=”true”
value="
身份证"
class描述的是css
size指文本框显示在页面的长度
maxlength指文框接受输入的最大长度值,跟size不发生冲突
readOnly=true表示这个文本框是只读的不可写
readOnly=false和默认情况为可写
readOnly只对text与textarea有效
通过脚本可以改变readOnly状态:
1、只读变可写
reason"
value="
War"
//起初默认为可写
document.all.test.readOnly=true//更改为只读
2、可写变只读
War"
readOnly=true>
//起初为只读
document.all.test.readOnly=false//更改为可写
另:
alert(document.all.test.readOnly)可以显示出readOnly状态
文本域
隐藏文本域的滚动条
style="
overflow-x:
hidden;
overflow-y:
hidden"
form表单组件对象操作
所有表单对象(如复选框,文本框)都有以下属性:
name、id、value等
如document.myform.表单对象.name
获得焦点的二种方法:
document.myform.表单对象.focus();
document.getElementById("
id"
).focus();
form表单属性
autocomplete属性
autocomplete=on则用户在字段开始键入时,浏览器基于之前键入过的值
autocomplete=off则用户在字段开始键入时,不显示浏览器基于之前键入过的值
此属性也可单独用于文本框等表单组件中
Frame框架
将网页划分成多块区域,如左页、右页、上页、下页、中间内容页。
称为复合式网页
html>
Framesetname=“”Rows="
20%,80%"
//第一层将窗体分成横向分二、八成
framesrc="
第一个页面.html"
FramesetCols="
50%,50%"
//第二层在余下的八成中又纵向分五五成
<
第二个页面.html"
第三个页面.html"
/Frameset>
/html>
访问文档使用:
frames[Index1].docuement.forms[index2]或
parent.framesName.decument.formNames.elementName
确定框架数:
parent.frames.length确定窗口中窗体的数目(parent是window对象的属性)
Iframe嵌入式窗体
内嵌式网页,与Frame作用不同,Iframe仅仅是将另一个网页嵌入当前网页中的某一位置
例一:
Iframe直接指定src
iframewidth=420height=330frameborder=0scrolling=autosrc=””>
效果如下:
解说:
src指定嵌入的网页文件;
可以是相对路径的,也可是绝对路径的。
上例网页中通过Iframe嵌入了网页
例二:
Iframe不指定src
iframewidth=420height=330frameborder=0scrolling=autosrc=””name=”mywindow”>
ahref=target=”mywindow”>
点击这里链接到搜狐网,网页显示在指定的Iframe中
src 如果指定了则会直接显示指定网页,此例起初不指定
name指定这个嵌入式网页的名称,任何一个网页的显示可以用target来指定这个Iframe的
name,表示这个网页是输出到此Iframe中。
像这样<
ahref=
target=”mywindow”>
,当点击链接时搜狐网显示在target指定的mywindow窗体中,而
这个mywindow就是个Iframe
Frame与Iframe区别
Frame标记即帧标记,Iframe标记又叫
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 手册