十天学会HTML之第10天HTML对象及属性标签大全Word文件下载.docx
- 文档编号:17341983
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:15
- 大小:27.23KB
十天学会HTML之第10天HTML对象及属性标签大全Word文件下载.docx
《十天学会HTML之第10天HTML对象及属性标签大全Word文件下载.docx》由会员分享,可在线阅读,更多相关《十天学会HTML之第10天HTML对象及属性标签大全Word文件下载.docx(15页珍藏版)》请在冰豆网上搜索。
创建一个超链接<
ahref="
URL"
/a>
创建一个自动发送电子邮件的链接<
mailto:
EMAIL"
.... <
创建一个位于文档内部的靶位<
aname="
NAME"
创建一个指向位于文档内部靶位的链接<
#NAME"
格式排版:
创建一个新的段落<
p>
将段落按左、中、右对齐<
palign=?
插入一个回车换行符<
br>
从两边缩进文本<
blockquote>
/blockquote>
创建一个定义列表<
dl>
/dl>
放在每个定义术语词之前<
dt>
放在每个定义之前<
dd>
创建一个标有数字的列表<
ol>
/ol>
放在每个数字列表项之前,并加上一个数字<
li>
创建一个标有圆点的列表<
ul>
/ul>
放在每个圆点列表项之前,并加上一个圆点<
一个用来排版大块HTML段落的标签,也用于格式化表<
divalign=?
图形元素:
添加一个图像<
imgsrc="
name"
排列对齐一个图像:
左中右或上中下<
align=?
设置围绕一个图像的边框的大小<
border=?
加入一条水平线<
hr>
设置水平线的大小(高度)<
hrsize=?
设置水平线的宽度(百分比或绝对像素点)<
hrwidth=?
创建一个没有阴影的水平线<
hrnoshade>
表格:
创建一个表格<
table>
/table>
开始表格中的每一行<
tr>
/tr>
开始一行中的每一个格子<
td>
/td>
设置表格头:
一个通常使用黑体居中文字的格子<
th>
/th>
表格属性:
设置围绕表格的边框的宽度<
tableborder=#>
设置表格格子之间空间的大小<
tablecellspacing=#>
设置表格格子边框与其内部内容之间空间的大小<
tablecellpadding=#>
设置表格的宽度-用绝对像素值或文档总宽度的百分比<
tablewidth=#or%>
设置表格格子的水平对齐(左中右)<
tralign=?
or<
tdalign=?
设置表格格子的垂直对齐(上中下)<
trvalign=?
tdvalign=?
设置一个表格格子应跨占的列数(缺省为1)<
tdcolspan=#>
设置一个表格格子应跨占的行数(缺省为1)<
tdrowspan=#>
禁止表格格子内的内容自动断行回卷<
tdnowrap>
窗框:
放在一个窗框文档的<
标签之前,也可以嵌在其他窗框文档中<
frameset>
/frameset>
定义一个窗框内的行数,可以使用绝对像素值或高度的百分比<
framesetrows="
value,value"
定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比<
framesetcols="
定义一个窗框内的单一窗或窗区域<
frame>
定义在不支持窗框的浏览器中显示什么提示<
noframes>
/noframes>
窗框属性:
规定窗框内显示什么HTML文档<
framesrc="
命名窗框或区域以便别的窗框可以指向它<
framename="
定义窗框左右边缘的空白大小,必须大于等于1<
framemarginwidth=#>
定义窗框上下边缘的空白大小,必须大于等于1<
framemarginheight=#>
设置窗框是否有滚动栏,其值可以是"
yes"
"
no"
auto"
,缺省时一般为"
<
framescrolling=VALUE>
禁止用户调整一个窗框的大小<
framenoresize>
表单:
对于功能性的表单,一般需要运行一个CGI或ASP、PHP、JSP、ASP.NET小程序,HTML仅仅是产生表单的表面样子。
创建所有表单<
form>
/form>
创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目<
selectmultiple="
true"
name="
size=?
/select>
设置每个表单项的内容<
option>
创建一个下拉菜单<
selectname="
设置每个菜单项的内容<
创建一个文本框区域,列的数目设置宽度,行的数目设置高度<
textareaname="
cols=40rows=8>
/textarea>
创建一个复选框,文字在标签后面<
inputtype="
checkbox"
创建一个单选框,文字在标签后面<
radio"
value="
x"
创建一个单行文本输入区域,size设置以字符计的宽度<
inputtype=textname="
foo"
size=20>
创建一个submit(提交)按钮<
submit"
创建一个使用图象的submit(提交)按钮<
image"
border=0name="
src="
name.gif"
创建一个reset(重置)按钮<
reset"
HTML标签大全
!
跑马灯:
marquee>
...<
/marquee>
普通卷动
marqueebehavior=slide>
滑动
marqueebehavior=scroll>
预设卷动
marqueebehavior=alternate>
来回卷动
marqueedirection=down>
向下卷动
marqueedirection=up>
向上卷动
marqueedirection=right>
向右卷动
marqueedirection=left>
向左卷动
marqueeloop=2>
卷动次数
marqueewidth=180>
设定宽度
marqueeheight=30>
设定高度
marqueebgcolor=FF0000>
设定背景颜色
marqueescrollamount=30>
设定卷动距离
marqueescrolldelay=300>
设定卷动时间
字体效果:
标题字(最大)
标题字(最小)
粗体字
粗体字(强调)
斜体字
斜体字(强调)
dfn>
/dfn>
斜体字(表示定义)
u>
/u>
底线
ins>
/ins>
底线(表示插入文字)
strike>
/strike>
横线
s>
/s>
删除线
del>
/del>
删除线(表示删除)
kbd>
/kbd>
键盘文字
打字体
xmp>
/xmp>
固定宽度字体(在文件中空白、换行、定位功能有效)
plaintext>
/plaintext>
固定宽度字体(不执行标记符号)
listing>
/listing>
固定宽度小字体
fontcolor=00ff00>
字体颜色
fontsize=1>
最小字体
fontstyle=font-size:
100px>
无限增大
区断标记:
水平线
hrsize=9>
水平线(设定大小)
hrwidth=80%>
水平线(设定宽度)
hrcolor=ff0000>
水平线(设定颜色)
(换行)
nobr>
/nobr>
水域(不换行)
/p>
水域(段落)
center>
/center>
置中
连结格式:
basehref=地址>
(预设好连结路径)
ahref=地址>
外部连结
ahref=地址target=_blank>
外部连结(另开新窗口)
ahref=地址target=_top>
外部连结(全窗口连结)
ahref=地址target=页框名>
外部连结(在指定页框连结)
贴图/音乐:
imgsrc=图片地址>
贴图
imgsrc=图片地址width=180>
设定图片宽度
imgsrc=图片地址height=30>
设定图片高度
imgsrc=图片地址alt=提示文字>
设定图片提示文字
imgsrc=图片地址border=1>
设定图片边框
bgsoundsrc=MID音乐文件地址>
背景音乐设定
表格语法:
tablealing=left>
表格位置,置左
tablealing=center>
表格位置,置中
tablebackground=图片路径>
背景图片的URL=就是路径网址
tableborder=边框大小>
设定表格边框大小(使用数字)
tablebgcolor=颜色码>
设定表格的背景颜色
tableborderclor=颜色码>
设定表格边框的颜色
tableborderclordark=颜色码>
设定表格暗边框的颜色
tableborderclorlight=颜色码>
设定表格亮边框的颜色
tablecellpadding=参数>
指定内容与网格线之间的间距(使用数字)
tablecellspacing=参数>
指定网格线与网格线之间的距离(使用数字)
tablecols=参数>
指定表格的栏数
tableframe=参数>
设定表格外框线的显示方式
tablewidth=宽度>
指定表格的宽度大小(使用数字)
tableheight=高度>
指定表格的高度大小(使用数字)
tdcolspan=参数>
指定储存格合并栏的栏数(使用数字)
tdrowspan=参数>
指定储存格合并列的列数(使用数字)
分割窗口:
20%,*"
左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
分割左右两个框架
20%,*,20%"
分割左中右三个框架
分割上下两个框架:
分割上中下三个框架
ahreftarget>
指定超级链接的分割窗口
ahref=#锚的名称>
指定锚名称的超级链接
ahref>
指定超级链接
aname=锚的名称>
被连结点的名称
address>
....<
/address>
用来显示电子邮箱地址
粗体字
basetarget>
basefontsize>
更改预设字形大小
bgsoundsrc>
加入背景音乐
big>
显示大字体
blink>
闪烁的文字
bodytextlinkvlink>
设定文字颜色
显示本文
换行
captionalign>
设定表格标题位置
caption>
/caption>
为表格加上标题
向中对齐
用于引经据典的文字
code>
/code>
用于列出一段程序代码
comment>
/comment>
加上批注
设定定义列表的项目解说
显示"
定义"
文字
dir>
/dir>
列表文字卷标
设定定义列表的卷标
设定定义列表的项目
强调之用
fontface>
任意指定所用的字形
fontsize>
设定字体大小
formaction>
设定户动式窗体的处理方式
formmethod>
设定户动式窗体之资料传送方式
framemarginheight>
设定窗口的上下边界
framemarginwidth>
设定窗口的左右边界
framename>
为分割窗口命名
锁住分割窗口的大小
framescrolling>
设定分割窗口的滚动条
framesrc>
将html文件加入窗口
framesetcols>
将窗口分割成左右的子窗口
framesetrows>
将窗口分割成上下的子窗口
划分分割窗口
~<
设定文字大小
标示文件信息
加上分网格线
文件的开始与结束
斜体字
imgalign>
调整图形影像的位置
imgalt>
为你的图形影像加注
imgdynsrcloop>
加入影片
imgheightwidth>
插入图片并预设图形大小
imghspace>
插入图片并预设图形的左右边界
imglowsrc>
预载图片功能
imgsrcborder>
设定图片边界
imgsrc>
插入图片
imgvspace>
插入图片并预设图形的上下边界
inputtypenamevalue>
在窗体中加入输入字段
isindex>
定义查询用窗体
表示使用者输入文字
litype>
/li>
列表的项目(可指定符号)
跑马灯效果
menu>
/menu>
条列文字卷标
metaname="
refresh"
content="
url"
自动更新文件内容
multiple>
可同时选择多项的列表栏
noframe>
定义不出现分割窗口的文字
有序号的列表
定义窗体中列表栏的项目
palign>
设定对齐方向
分段
person>
/person>
显示人名
使用原有排列
samp>
/samp>
用于引用字
select>
在窗体中定义列表栏
small>
显示小字体
文字加横线
用于加强语气
sub>
下标字
sup>
上标字
tableborder>
调整表格的宽线高度
tablecellpadding>
调整数据域位之边界
tablecellspacing>
调整表格线的宽度
tableheight>
调整表格的高度
tablewidth>
调整表格的宽度
产生表格的卷标
tdalign>
调整表格字段之左右对齐
tdbgcolor>
设定表格字段之背景颜色
tdcolspanrowspan>
表格字段的合并
设定表格字段不换行
tdvalign>
调整表格字段之上下对齐
tdwidth>
调整表格字段宽度
定义表格的数据域位
textareanamerowscols>
窗体中加入多少列的文字输入栏
textareawrap>
决定文字输入栏是自动否换行
定义表格的标头字段
文件标题
定义表格美一行
打字机字体
文字加底线
ultype>
无序号的列表(可指定符号)
var>
/var>
用于显示变量
例:
写一段图片HTML代码
http:
//localhost/phpwind6/zx/6.jpg"
id="
imgs"
lang="
en-us"
alt="
测试"
该标签为img的代码中已可以看出已含有了四个属性,包括srcidlangalt,加上本身的img标签有5个属性.
那么该img标签在正常的情况下倒底还含有多个属性?
(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附上它的所有值),所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人,
以下通过测试的IMG的全属性为156个,不包括子属性,而且还只是这一个img标签的....虽然有些看起来用在IMG标签上不太合理,但确实是有效使用,IE中无错且有返回值.关键在于看你怎么用了,除了有些不常用的属性不太清楚以外,以下全是手工输的,花了4个小时,对你有用没用就看你怎么想了.不过如果你了解了以下的说明后网页的美化和代码的理解就可以扫盲和DIY了
以下的img可用的属性如果你只用过10个不到,那就只能说明你菜.......
1language=//语言类型,如<
scriptlanguage="
vbs"
这句代码中的language属性的值就为vbs
2scrollHeight=30//自身元素的宽度(即显示的宽度)
3isTextEdit=false//是否可以获取可使用该对象创建一个TextRange的对象
4currentStyle=该属性含有114个对象//返回当前属性的值,不可更改它的值
5document=该属性含有209个对象//这个就不用说了吧,是文档属性,
6onmouseup=null//鼠标按下后松开鼠标时触发此事件
7oncontextmenu=null//鼠标点右键后触发的事件
8isMultiLine=true//是否允许含有多行文本,多用于文本框,用在img标签上无错,但效果不大
9clientHeight=30//当前可见的该标签的高度为30,
10onrowexit=null//数据源控件更改这个标签内的当前的行时触发某事件,多用在form表中
11onbeforepaste=null//当在这个标签中粘贴内容时触发某事件,多用在文本框中
12onactivate=null//当这个控件被触发时(被点击或者焦点移到了该标签上)发生某事件,
13scrollLeft=0//被卷入的离左边界的宽度
14lang=en-us//语言属性,和language不同,这个等同于网页语言
15onmousemove=null//当鼠标在该标签上移动时发生某事件
16onmove=null//浏览器的窗口被移动时触发此事件
17onselectstart=null//当这个标签中的文本被选择时发生某事件
18parentTextEdit=该属性含有352个对象//又一个华丽的属性....用在框架中,作用详见第3条
19oncontrolselect=null//当用户将要对该对象制作一个控件选中区时触发某事件
20canHaveHTML=false//获取表明对象是否可以包含丰富的HTML标签的值,效果不明
21onkeypress=null//当键盘上的被按下时发生某事件,
22oncut=null//当该标签中发生剪切事件时触发某事件,常用于文本档标签,I
23onrowenter=null//当前记录指针被移动时发生某事件,常用于文本档,
24onmousedown=null//按下鼠标时触发某事件
25onpaste=null//当在该标签中发生粘贴事件时触发某事件
26className=//当前标签的样式名称,这个属性常和CSS混用,比如PW的贴子目录页就用了这个
27id=imgs//该标签的ID值是多少
28onreadystatechange=null//在同步执行方式下返回的值为多少,该死的XML就和这个经常私混
29onbeforedeactivate=null//当前对象变为其它对象之前立即触发,好像不常用
30hideFocus=false//是否隐藏光标,常见于文本框
31dir=//它定义文字在浏览器中的排列方向,如dir=
LTR则为从左到右显示反之则为RTL,郁闷的特效
32isContentEditable=false//该标签无素是否可编辑,经常见于某个论坛的发贴"
所见即所得"
33onkeydown
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 学会 HTML 10 对象 属性 标签 大全