html标签特效代码大全.docx
《html标签特效代码大全.docx》由会员分享,可在线阅读,更多相关《html标签特效代码大全.docx(24页珍藏版)》请在冰豆网上搜索。
![html标签特效代码大全.docx](https://file1.bdocx.com/fileroot1/2022-11/29/d98da5d0-9231-439b-85dc-ae5f3b943de5/d98da5d0-9231-439b-85dc-ae5f3b943de51.gif)
html标签特效代码大全
html标签特效代码大全(让你制作漂亮的页面效果)
>跑马灯
vmarqueebehavior=slide>...v/marquee>滑动
vmarqueebehavior=scroll>...v/marquee>预设卷动
vmarqueebehavior=alternate>...v/marquee>来回卷动
vmarqueedirection=down>...向下卷动
vmarqueedirection=up>...向上卷动
vmarqueedirection=right>向右卷动
vmarqueedirection='left'>向左卷动
vmarqueeloop=2>...v/marquee>卷动次数
vmarqueewidth=180>...v/marquee>设定宽度
vmarqueeheight=30>...v/marquee>设定高度
vmarqueebgcolor=FF0000>...v/marquee>设定背景颜色
vmarqueescrollamount=30>...v/marquee>设定滚动速度
vmarqueescrolldelay=300>...v/marquee>设定卷动时间
vmarqueeonmouseover="this.stop()">...v/marquee>鼠标经过上面时停止滚
动
vmarqueeonmouseover="this.start()">...v/marquee>鼠标离开时开始滚动
v!
>字体效果
vh1>...v/h1>标题字(最大)
vh6>...v/h6>标题字(最小)vb>...粗体字
vstrong>...v/strong>粗体字(强调)(同上效果略同)
...v/i>斜体字
...v/em>斜体字(强调)
...v/dfn>斜体字(表示定义)
...v/u>底线
vins>...v/ins>底线(表示插入文字)
...v/strike>横线
...删除线
...删除线(表示删除)
...键盘文字
...打字体
...固定宽度字体(在文件中空白、换行、定位功能有效)
vplaintext>...固定宽度字体(不执行标记符号)
vlisting>...固定宽度小字体
vfontcolor=OOffOO>...字体颜色
vfontsize=1>...最小字体
vfontstyle='font-size:
100px'>...无限增大
区断标记
水平线
水平线(设定大小)
水平线(设定宽度)
水平线(设定颜色)
(换行)
...水域(不换行)
水域(段落)
...v/center>置中>连结格式
vbasehref=位址>(预设好连结路径)
外部连结
外部连结(另开新视窗)
外部连结(全视窗连结)
外部连结(在指定页框连结)
>贴图/音乐
设定图片宽度
设定图片高度
设定图片提示文字
设定图片边框
背景音乐设定
>表格语法
...表格位置,置左
...表格位置,置中
...背景图片的URL就是路径网址
...设定表格边框大小(使用数字)
...设定表格的背景颜色
...设定表格边框的颜色
...设定表格暗边框的颜色
vtableborderclorlight=颜色码>...设定表格亮边框的颜色
vtablecellpadding=参数>...v/table>指定内容与格线之间的间距(使用数字)
vtablecellspacing=参数>...指定格线与格线之间的距离(使用数字)
vtablecols=参数>...指定表格的栏数
vtableframe=参数>...设定表格外框线的显示方式
vtablewidth=宽度>...指定表格的宽度大小(使用数字)
vtableheight=高度>...指定表格的高度大小(使用数字)
...v/td>指定储存格合并栏的栏数(使用数字)
vtdrowspan=参数>...v/td>指定储存格合并列的列数(使用数字)
分割视窗
vframesetcols="20%,*">左右分割,将左边框架分割大小为20%&边框架的大小浏览器会自动调整
vframesetrows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
vframesetcols="20%,*">分割左右两个框架
vframesetcols="20%,*,20%">分割左中右三个框架
v分割上下两个框架
vframesetrows="20%,*,20%">分割上中下三个框架
属性:
cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。
例:
cols="30,*,50%"可以切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。
rows就是横向切割,将窗口上下分开,数值设置同上。
以上两属性尽量不要在同一个vframeset〉标记中,因为王井(netscape)不支持,尽量采用多重分割。
frameborder设置框架的边框,其值有0不要边框,1要边框。
border设置框架边框厚度
framespacing表示框架与框架间保留空白的距离
frame元素(单标签)
语法格式:
vframename=""src="url"scrolling="yes/no"noresize〉
属性:
name框架名称,指定框架来做连接的目标窗口。
src框架中要显示的网页文当url地址,每个个框架要对应一个html文挡
scrolling是否显示滚动条,yes/no,auto是自动。
noresize设置不让使用者改变这个框架的大小,
noframe元素
指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息
语法格式:
表单
语法格式:
vformaction="url"method="get/post">
method有两种提交方式get,post
action是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处
里,可设定此参数为action="mailto:
"这样此表单所填的资料将会发送到这个
邮箱地址。
method是指传送信息给cgi等网络程序的方式。
可选post方法,get方法,post方法容许传送大量信息。
get方法只接受低于1k的信息。
申请表单用的是post搜索引擎用的是get
--...-->注解
指定锚名称的超连结
指定超连结
被连结点的名称
....v/ADDRESS用来显示电子由E箱地址
粗体字
vBASETARGET指定超连结的分割视窗
vBASEFONTSIZE更改预设字形大小
vBGSOUNDSR(加入背景音乐
显示大字体
vBODYTEXTLINKVLINK>S定文字颜色
S示本文
换行
vCAPTIONALIGNS定表格标题位置
...v/CAPTION>为表格加上标题vCENTER向中对齐
...vCITE>用於引经据典的文字...v/CODE>用於列出一段程式码...v/COMMEN加上注解
设定定义列表的项目解说...v/DFN>显示"定义"文字
...v/DIR>列表文字标签...v/DL>设定定义列表的标签- 设定定义列表的项目
强调之用
设定字体大小
vFRameMARGINHEIGHT定视窗的上下边界
vFRameMARGINWIDT设定视窗的左右边界
vFRameNAME为分割视窗命名
vFRameNORESIZE锁住分割视窗的大小
vFRameSCROLLING设定分割视窗的卷轴
vFRameSRC将HTML档加入视窗vFRameSETCOLS将视窗分割成左右的子视窗vFRameSETROW将视窗分割成上下的子视窗
fc示文件资讯
加上分格线文件的开始与结束
斜体字
vIMGALIGN〉调整图形影像的位置
vIMGALT>为你的图形影像加注
插入图片
vINPUTTYPENAMEvalue〉在表单中加入输入栏位
vlSINDEX>定义查询用表单
...v/KBD>表示使用者输入文字
...列表的项目(可指定符号)
vMARQUEE跑马灯效果
vmetaNAME="REFRESH"CONTENTU自动更新文件内容
可同时选择多项的列表栏
vNOFRame定义不出现分割视窗的文字
...
有序号的列表
分段...v/PERSON显示人名
使用原有排列
...v/SAMP>用於引用字
vselect>...在表单中定义列表栏
显示小字体
文字加横线
vSTRONG用於加强语气
下标字
上标字
vTABLEBORDER=rW整表格的宽线高度
vTABLECELLPADDING调整资料栏位之边界
vTABLECELLSPACING调整表格线的宽度
vTABLEHEIGHT碉整表格的高度
vTABLEWIDTH:
调整表格的宽度
产生表格的标签
调整表格栏位之左右对齐
定表格栏位之背景颜色
调整表格栏位之上下对齐
... | 定义表格的资料栏位vTEXTAREANAMEROWSCC表单中加入多少列的文字输入栏vTEXTAREAWRA决定文字输入栏是自动否换行...v/TH>定义表格的标头栏位文件标题... 定义表格美一行打字机字体 文字加底线 ...v/UL>无序号的列表(可指定符号) ...v/var>用於显示变数 BlockQuotc文本缩进 表示颜色的有三种方式; 1,16进制颜色代码 语法: #RRGGBB 例: vfontcolor="#ffOOOO">红色v/font> 2,10进制9RGBS 语法: RGB(RRRGGGBBB 例: vfontcolor="rgb(255,000,000)">红色v/font> 3,直接用颜色的英文名称 例: vfontcolor="red">红色 ..…属性可分为三种:1,背景属性 包括: bgcolor,background 2,文字属性: 包括: text,link,alink,vlink. 3,留白属性: 其中分为: leftmargin,topmargin .bgcolor背景色 语法格式: vbodybgcolor="#ffOOOO"> .background背景图案。 语法格式: vbodybackground="url"> .text文本颜色(非连接文字颜色) .link连接文字颜色(可连接文字颜色) .alink活动连接文字颜色(正被点击的可连接文字的颜色) .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)语法格式: vbodytext="color"link="color"alink="color"vlink="color">.leftmargin页面左侧的留白距离 .topmargin页面顶部的留白距离 语法格式: vbodyleftmargin="value"topmargin="value"〉 注: value为长度值为数字 align属性 语法: ">文字 其属性有三种: left靠左,center居中,right靠右 〈P> 为段落标记,可利用以上属性对整个段落进行设置 为换行标记
为不换行标记放在文字两边即可 例:
江南逢李龟年歧王宅里寻常见
催九堂前几度闻 正是江南好风景
落花时节又逢君 v/body> 预格式化: vpre>浏览是效果和编写是效果格式一样 列表 1无序列表又称符号列表 语法格式: type的属性可选直disc实心圆点,clrcle空心圆点,square实心 方框 - 文字
- 文字
2有序列表 语法格式: "start"? "〉 - 文字
- 文字
type的值是编号字符可选的有1...,a...,A...,i...,1... start为起始值例: 如果start为3是那么将从3开始,而且必须是数字。 3定义列表 定义列表标记- 标示定义条目
- 标示定义内容
语法格式: - 文字
- 文字内容
v/dl> 连接和图像 语法格式: "target="? "title="? ">....v/a> 属性: href连接目标值可以是url地址也可以是连接锚点 ...v/a>或者 ... name连接名称 语法格式: ... 例: ...v/a> 连接到该锚点的连接则应是: ....v/a> target目标窗口语法格式: ....v/a> -blank打开新窗口 _self当前窗口打开 一下两个仅在框架叶面中应用 _parent当前窗口的父级窗口(上一级)打开 _top在最高一级的窗口打开windowname已命名的窗口或框架中打开连接 title连接提示 中国教程网图像 语法格式: "width二"? "height="? "border="? "align="? "> border属性定义图片边框的宽度,默认值为0 align属性设置图片旁边文字的位置 语法格式: vimgsrc=""align""> 可选值有: top图片和文字顶部对齐 middle图片和文字居中对齐 bottom图片和文字底边对齐(默认) left图片居左对齐,文字沿图片绕排 right图片居右对齐,文字沿图片绕排 absmiddle图片对齐到目前文字行绝对中央 absbottom图片对齐到目前文字行绝对底部 文字的排版 不换行空白标记 font元素 语法格式: vfontface="字体名称"size="字体大小"color="字体颜色"> 字体大小可选值为17,默认为3 例: 〈fontface="黑体”size="4"color="#ff00ff">....v/font> 水平线
水平 语法格式:
noshade无阴影,既实线 层〈div>两种元素 是块级元素,和段落元素 相似,不同的是两个 元素之间不会产生两个 元素之间的空行, 是行内元素,可以定义段落中部分文字的属性 语法格式: ...v/div> align设置层中元素的水平对齐方式 stule设置元素应用css规范的属性 兼容性比 要好一点,最好使用表格语法格式: vtablewidth二""bgcolor二""background=""border二""cellspacing=""cellpadding=""> .......v/td>....v/tr> border边框宽度默认值为0,既没有边框 cellspacing表格中单元格的边距大小,默认值为两个像素 cellpadding表格中单元格之间的间距大小,默认值为两个像素 tr元素 语法格式: .... | align属性对齐方式可选值如下: left,center,tight,默认为left bgcolor指定该行的背景颜色 td元素 语法格式: 的列跨度">••… align属性的可选值有: left,center,right valign属性的可选值有: top,middle,bottom rowspan和colapan跨行和跨列的数量,默认为1 input元素语法格式:
type属性的可选值有: text单行文本框 属性: name文本框名称 value文本框的初始值 size文本框的长度 maxlength可输入字符串最大的长度 radio单选框 属性: name单选框名称 value内部值 checked默认选定 checkbox复选框 属性: name复选框名称 value内部值checked默认选定 reset重置按钮 submit确定按钮 属性: name按钮名称 value显示在按钮上的文字 password密码框 属性与文本框的属性完全相同 file文件域 属性: name文件域名称 size文件域的长度 maxlength文件域可接受的字符数量的上限 hidden隐藏域 属性: name隐藏域名称 value内定值 image图片域 或其他. 属性: name所要代表的按钮,可以是submit,reset, src按钮图片的url地址 列表框 语法格式: v/select>select元素 语法格式: v/select> name指定列表框的名字 size指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框 multiple指定了这个参数,则表示该列表框可选择多项,否则只可选择一项 option属性 语法格式: voptionvalue=""selected> value该列表项的值 selected如果设定了这个参数,默认为选定这一项 多行文本框
展开阅读全文
相关搜索
|