常见html标签和css属性

常见html标签和css属性
常见html标签和css属性

------------------HTML常见标签--------------

创建一个HTML文档

设置文档标题和其它在网页中不显示的信息

设置文档的标题

最大的标题

 预先格式化文本

下划线

黑体字

斜体字

打字机风格的字体

引用,通常是斜体

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7,颜色使用名字或RGB的十六进制值

基准字体标记

字体加大

字体缩小

加删除线

程式码

键盘字

范例

变量

向右缩排

述语定义

地址标记

上标字

下标字

...固定宽度字体(在文件中空白、換行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号)</p><p><listing>...</listing> 固定宽度小字体</p><p><font color=00ff00>...</font>字体颜色</p><p><font size=1>...</font>最小字体</p><p><font style ='font-size:100 px'>...</font>无限增大</p><p>------------------------格式标志-------------------</p><p><p></p> 创建一个段落</p><p><p align=""> 将段落按左、中、右对齐</p><p><br>换行插入一个回车换行符</p><p><blockquote></blockquote> 从两边缩进文本</p><p><dl></dl> 定义列表</p><p><dt> 放在每个定义术语词前</p><p><dd> 放在每个定义之前</p><p><ol></ol> 创建一个标有数字的列表</p><p><ul></ul> 创建一个标有圆点的列表</p><!--/p1--><!--p2--><p><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,</p><p>若在<ul></ul>之间则每个列表项加上一个圆点</p><p><div align=""></div> 用来排版大块HTML段落,也用于格式化表</p><p><MENU> 选项清单</p><p><DIR> 目录清单</p><p><nobr></nobr> 强行不换行</p><p><hr size='9' width='80%' color='ff0000'>水平线(设定宽度)</p><p><center></center> 水平居中</p><p>------------------------链接标志表格标志-------------------</p><p><a href="URL"></a> 创建超文本链接</p><p><a href="mailtoEMAIL"></a> 创建自动发送电子邮件的链接</p><p><a name="name"></a> 创建位于文档内部的书签</p><p><a href="#name"></a> 创建指向位于文档内部书签的链接</p><p><BASE> 文档中不能被该站点辨识的其它所有链接源的URL</p><p><LINK> 定义一个链接和源之间的相互关系</p><p>----------------------链接标记注解----------------------</p><p>target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top) rel="..."发送链接的类型</p><p>rev="..."保存链接的类型</p><p>accesskey="..."指定该元素的热键</p><p>shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly</p><p>coord="..."使用像素或者长度百分比来定义形状的尺寸</p><p>tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab 键使元素获得焦点)</p><p>-----------------------表格标记注解-------------------------</p><p><table></table> 创建一个表格</p><p><tr></tr> 表格中的每一行</p><p><td></td> 表格中一行中的每一个格子</p><p><th></th> 设置表格头:通常是黑体居中文字</p><p><table cellspacing=""> 设置表格格子之间空间的大小</p><p><table border=""> 设置边框的宽度</p><p><table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小</p><p><table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比</p><p><table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)</p><p><tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify)</p><p><tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)</p><p><td colspan=""> 设置一个表格格子跨占的列数(缺省值为1)</p><p><td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1)</p><p><td nowrap> 禁止表格格子内的内容自动断行</p><p><CAPTION></CAPTION> 表格的标题</p><p><COLGROUP></COLGROUP> 定义多个列为一组列</p><p><THEAD></THEAD> 定义表格的页眉</p><p><COL> 定义一个列组中的列,以便对它们能够同时设置有关属性</p><!--/p2--><!--p3--><p><TBODY></TBODY> 定义一个表格的实体</p><p><TFOOT></TFOOT> 定义一个表格的页脚</p><p>----------------------表单标志------------------------</p><p><form></form> 创建表单</p><p>action="..."接收数据的服务器的URL</p><p>method="..."HTTP的方法(get, post)。其中get是被反对使用的</p><p>enctype="..."指定MIME(Internet媒体类型)</p><p>onsubmit="..."当提交表单时发生的内部事件</p><p>noreset="..."在重新设置表单时发生的内部事件</p><p>target="..."决定把内容显示在什么地方(_blank, _parent, _self, _top)</p><p><select multiple name="name" size=""></select> 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目 <option> 设置每个表单项的内容</p><p><select name="name"></select> 创建下拉菜单</p><p><textarea name="name" cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度</p><p><input type="checkbox" name="name"> 创建一个复选框,文字在标签后面</p><p><input type="radio" name="name" value=""> 创建一个单选框,文字在标志后面</p><p><input type=text name="name" size=20> 创建一个单行文本输入区域,size设置以字符串的宽度</p><p><input type="submit" value="name"> 创建提交(submit)按钮</p><p><input type="image" border="0" name="name" src="name.gif"> 创建一个使用图象的提交(submit)按钮</p><p><input type="reset"> 创建重置(reset)按钮</p><p><BUTTON></BUTTON> 创建一个按钮</p><p>disabled="..."把按钮的状态设置为不能</p><p>name="..."按钮的控制名 value="..."按钮的值</p><p>type="..."按钮的类型(button, submit, reset)</p><p><FIELDSET></FIELDSET> 把相互关联的控件组合成一组</p><p><ISINDEX> 提示用户输入</p><p><LABEL></LABEL> 为一个控件提供标签</p><p><LEGEND></LEGEND> 为FIELDSET元素指定一标题</p><p><SELECT></SELECT> 为用户做选择创建各个选项</p><p><TEXTAREA></TEXTAREA> 创建一个允许用户多行输入的区域</p><p>-------------------表单注解---------------------</p><p>type="..."用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,h idden,image,button)</p><p>name="..."控件的控制名(要求是除了submit和reset之外的任何名字)</p><p>value="..."控件的初始值</p><p>checked="..."把一个单选钮设置为选中的状态</p><p>disabled="..."把控件的状态设置为不能使用</p><p>readonly="..."只对输入密码的文本框使用</p><p>size="..."表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目 src="..."一个图像控件的URL</p><p>maxlength="..."指定可以输入的最多的字符数目</p><!--/p3--><!--p4--><p>alt="..."另外一种文本描述</p><p>usemap="..."到客户端图形镜像的URL</p><p>align="..."被反对。控制对齐方式(left, center, right, justify)</p><p>tabindex="..."通过定义的tabindex值确定在不同元素之间获得焦点的顺序</p><p>onfocus="..."当元素获得焦点时发生的事件</p><p>onblur="..."当元素失去焦点时发生的事件</p><p>onselect="..."当元素被选中时发生的事件</p><p>onchang="..."当元素状态被改变时发生的事件</p><p>accept="..."允许上载的文件类型</p><p>-----------------帧标志--------------------</p><p><frameset></frameset> 放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中</p><p><frameset rows="value,value"> 定义一个帧内的行数,可以使用绝对像素值或高度的百分比</p><p><frameset cols="value,value"> 定义一个帧内的列数,可以使用绝对像素值或宽度的百分比</p><p><frame> 定义一个帧内的单一窗或窗区域</p><p><noframes></noframes> 定义在不支持帧的浏览器中显示什么提示</p><p><frame src="URL"> 规定帧内显示的HTML文档</p><p><frame name="name"> 命名帧或区域以便别的帧可以指向它</p><p><frame marginwidth=""> 定义帧左右边缘的空白大小,必须大于等于1</p><p><frame marginheight=""> 定义帧上下边缘的空白大小,必须大于等于1</p><p><frame scrolling=""> 设置帧是否有滚动栏,其值可以是"yes","no" 或"auto"</p><p><frame noresize> 禁止用户调整一个帧的大小</p><p><IFRAME></IFRAME> 创建一个内联的帧</p><p>scr="..."定义在帧中显示的内容的来源</p><p>frameborder="..."定义帧之间的边界(0或1)</p><p>align="..."被反对。控制对齐方式(left, center, right, justify)</p><p>height="..."帧的高度 width="..."帧的宽度</p><p><marquee>...</marquee>普通滚动</p><p><marquee behavior=scroll>...</marquee>预设滚动</p><p><marquee behavior=alternate>...</marquee>来回滚动</p><p><marquee direction=down>...</marquee>向下滚动</p><p><marquee direction=up>...</marquee>向上滚动</p><p><marquee direction=right></marquee>向右滚动</p><p><marquee direction=left></marquee>向左滚动</p><p><marquee loop=2>...</marquee>滚动次数</p><p><marquee width=180>...</marquee>设定宽度</p><p><marquee height=30>...</marquee>设定高度</p><p><marquee bgcolor=FF0000>...</marquee>设定背景颜色</p><p><marquee scrollamount=30>...</marquee>设定滚动距离</p><p><marquee scrolldelay=300>...</marquee>设定滚动时间</p><p><img src=""> 插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框" ----------------文档整体属性标志----------------------</p><p><body bgcolor=""> 设置背景颜色。使用名字或RGB的十六进制值</p><!--/p4--><!--p5--><p><body background=""> 设置背景图片</p><p><body bgsound=""> 设置背景音乐</p><p><body bgproperties="fixed">固定背景图片(IE适用)</p><p><body text=""> 设置文本颜色。使用名字或RGB的十六进制值</p><p><body link=""> 设置链接颜色。使用名字或RGB的十六进制值</p><p><body vlink=""> 设置已使用的链接的颜色。使用名字或RGB的十六进制值</p><p><body alink=""> 设置正在被击中的链接的颜色。使用名字或RGB的十六进制值<body topmargin=""> 设置页面的上边距</p><p><body leftmargin=""> 设置页面的左边距</p><p>--------------------CSS常见属性------------------</p><p>font 设置或检索对象中的文本特性</p><p>color 检索或设置对象的文本颜色</p><p>font-family 设置或检索用于对象中文本的字体名称序列</p><p>font-size 设置或检索对象中的字体尺寸</p><p>background 设置或检索对象的背景特性</p><p>background-color 设置或检索对象的背景颜色</p><p>background-image 设置或检索对象的背景图像</p><p>position 检索对象的定位方式</p><p>z-index 检索或设置对象的层叠顺序</p><p>top 检索或设置对象与其最近一个定位的父对象顶部相关的位置</p><p>right 检索或设置对象与其最近一个定位的父对象右边相关的位置</p><p>bottom 检索或设置对象与其最近一个定位的父对象底边相关的位置</p><p>left 检索或设置对象与其最近一个定位的父对象左边相关的位置</p><p>padding 检索或设置对象四边的补丁边距</p><p>padding-top 检索或设置对象顶边的补丁边距</p><p>padding-right 检索或设置对象右边的补丁边距</p><p>padding-bottom 检索或设置对象底边的补丁边距</p><p>padding-left 检索或设置对象左边的补丁边距</p><p>margin 检索或设置对象四边的外延边距</p><p>margin-top 检索或设置对象顶边的外延边距</p><p>margin-right 检索或设置对象右边的外延边距</p><p>margin-bottom 检索或设置对象底边的外延边距</p><p>margin-left 检索或设置对象左边的外延边距</p><!--/p5--><!--rset--><h2>HTML+CSS标签属性大全</h2><p>HTML CSS标签属性大全 a卷标, 属性名称, 简介 <! - - …- -> 批注 1、跑马灯 <marquee>…</marquee>普通卷动 <marquee behavior=slide>…</marquee>滑动 <marquee behavior=scroll>…</marquee>预设卷动 <marquee behavior=alternate>…</marquee>来回卷动 <marquee direction=down>…</marquee>向下卷动 <marquee direction=up>…</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>…</marquee>卷动次数 <marquee width=180>…</marquee>设定宽度 <marquee height=30>…</marquee>设定高度 <marquee bgcolor=FF0000>…</marquee>设定背景颜色 <marquee scrollamount=30>…</marquee>设定卷动距离 <marquee scrolldelay=300>…</marquee>设定卷动时间 2、字体效果 <h1>…</h1>标题字(最大) <h6>…</h6>标题字(最小) <b>…</b>粗体字 <strong>…</strong>粗体字(强调) <i>…</i>斜体字 <em>…</em>斜体字(强调) <dfn>…</dfn>斜体字(表示定义) <u>…</u>底线 <ins>…</ins>底线(表示插入文字) <strike>…</strike>横线 <s>…</s>删除线 <del>…</del>删除线(表示删除) <kbd>…</kbd>键盘文字 <tt>…</tt> 打字体 <xmp>…</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>…</plaintext>固定宽度字体(不执行标记符号) <listing>…</listing> 固定宽度小字体 <font color=00ff00>…</font>字体颜色 <font size=1>…</font>最小字体 <font style =font-size:100 px>…</font>无限增大 3、区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <nobr>…</nobr>水域(不换行)</p><h2>html标签大全</h2><p><html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体</p><p><em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <SMALL></SMALL> 字体缩小 <STRIKE></STRIKE> 加删除线 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义 <ADDRESS></ADDRESS> 地址标记 <sup></SUP> 上标字 <SUB></SUB> 下标字 <xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效) <plaintext>...</plaintext>固定寬度字體(不執行標記符號) <listing>...</listing> 固定寬度小字體 <font color=00ff00>...</font>字體顏色 <font size=1>...</font>最小字體 <font style ='font-size:100 px'>...</font>無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆ 创建一个段落 <p align=""> 将段落按左、中、右对齐</p><h2>html标签属性大全_免费</h2><p><!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) <br>(换行)</p><h2>HTML代码属性对照表(非常全)</h2><p>html代码的所有代码属性 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =font-size:100 px>...</font>无限增大</p><h2>HTML标签以及各个标签属性大全(网页制作必备).</h2><p><NOBR> 取消换行和<br>相反 总类(所有HTML文件都有的) -------------------------------------------------------------------------------- 文件类型<HTML></HTML>(放在档案的开头与结尾) 文件主题<TITLE></TITLE>(必须放在「文头」区块内) 文头<HEAD></HEAD>(描述性资料,像是「主题」) 文体<BODY></BODY>(文件本体) 结构性定义(由浏览器控制的显示风格) -------------------------------------------------------------------------------- 标题<H?></H?>(?表示从1到6,有六层选择)数值越高字越小 标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐 区分<DIV></DIV> 区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐 引文区块<BLOCKQUOTE></BLOCKQUOTE>(通常会内缩) 斜体<EM></EM> 加粗<STRONG></STRONG> 引文<CITE></CITE>(通常会以斜体显示) 码<CODE></CODE>(显示原始码之用)</p><p>样本<SAMP></SAMP> 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时,通常要用到这个标签。 并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签 键盘输入<KBD></KBD> 变数<VAR></VAR> 定义<DFN></DFN> (有些浏览器不提供) 地址<ADDRESS></ADDRESS> 3.0 大字<BIG></BIG> 3.0 小字<SMALL></SMALL> 与外观相关的标签(作者自订的表现方式) -------------------------------------------------------------------------------- 加粗<B></B> 斜体<I></I> 3.0 底线<U></U>(尚有些浏览器不提供) 3.0 删除线<S></S> (尚有些浏览器不提供) 3.0 下标<SUB></SUB> 3.0 上标<SUP></SUP> 打字机体<TT></TT>(用单空格字型显示)</p><h2>HTML5标签属性备忘大全</h2><p>一、文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉列表 <details> 定义一个元素的细节 <dialog> 定义会话或人的交谈 <embed> 定义额外的交互内容或插件 <figcaption> 定义指定元素的标题 <figure> 定义一组媒体内容,以及他们的标题 <footer> 为章节或页面定义一个底部 <header> 为章节或页面定义一个头部 <hgroup> 定义文档中某段落的信息 <keygen> 定义表单生成的关键 <mark> 定义被标记的文本 <meter> 定义预定义范围内的测量 <nav> 定义导航链接 <output> 定义某种类型的输出 <progress> 定义任意种类任务的进程 <rp> 定义浏览器不支持ruby元素的替代者 <rt> 定义ruby注释的解释 <ruby> 定义ruby 注释(中文注音或字符)。 <section> 定义章节 <source> 定义媒体资源 <summary> 定义某”detail”元素的头部 <time> 定义日期/时间 <video> 定义视频 <wbr> 定义可能的换行 HTML5支持且同时存在于HTML4中的标签<!–…–> 定义注释<!DOCTYPE> 定义文档类型 <a> 定义超链接 <abbr> 定义缩写 <address> 定义地址元素 <area> 定义图片地图的某区域 <b> 定义加粗文字 <base> 定义整个页面的基础URL <bdo> 定义文本显示的方向 <blockquote> 定义一个长引用</p><h2>html标签以及属性大全</h2><p><marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) <br>(换行) <nobr>...</nobr>水域(不换行)</p><h2>css样式大全(精华版)</h2><p>字体属性:(font) 大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高{line-height: normal;}(正常) 单位:PX、PD、EM 粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体{font-variant: small-caps;}(小型大写字母) normal;(正常) 大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体:(font-family) "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性:(background) 色彩{background-color: #FFFFFF;} 图片{background-image: url();} 重复{background-repeat: no-repeat;} 滚动{background-attachment: fixed;}(固定) scroll;(滚动) 位置{background-position: left;}(水平) top(垂直); 简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现,要认真的研究*/ 区块属性:(Block) /*这个属性第一次认识,要多多研究*/ 字间距{letter-spacing: normal;} 数值/*这个属性似乎有用,多实践下*/ 对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进{text-indent: 数值px;} 垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行)</p><h2>css知识点汇总</h2><p>CSS学习知识点 1、css是什么? CSS(Cascading Style Sheet)可译为“层叠样式表”或“级联样式表”,它定义如何显示 HTML元素,用于控制网页的外观。 2、为什么使用css,优点是什么? 1:【内容】和【表现】相分离 HTML文件中只存放文本信息,将样式部分放在一个独立样式文件中。页面对搜索引擎更加友好。 2:提高页面浏览速度 采用CSS布局的页面容量要比TABLE布局的页面文件容量小得多,前者一般只有后者的1/2大小。 3:易于维护和改版 只要简单的修改对应CSS文件,就可以重新设计整个网站的页面。 4: 使用CSS布局更符合现在的W3C标准 W3C组织是对网络标准制定的一个非赢利组织,像HTML、CSS、XML的标准就是由它来定制。 3、CSS样式表的调用方式哪几种? 1、内部样式:把CSS样式表放到<head>文档中: 格式如下:<style type=“text/css”> …… </style> 2、内联式:把CSS样式表写在HTML对应的标记内。 格式如下:<p style="font-size:14pt;color:blue">蓝色14号文字 3、外部样式:把编辑好的CSS文档保存成“.CSS”文件,然后在<head>中定义。 格式如下:<head> <link rel=stylesheet href="css的文件地址">.....</head> 4、导入样式:与链入外部样式的功能基本相同,只是语法和实现方式上有差别。 格式如下:<style> @import url(css.css);</style> 4、几种调用方式的优先级? 从高到低:内联样式--------外部样式---------内部样式-----------导入样式 5、CSS的语法: CSS的定义是由三部分构成: 选择器,属性和属性值。 语法: selector {property: value;} --------------------- 选择符{属性:值}</p><h2>html标签属性大全总结</h2><p>html标签属性大全 html标签属性大全是朋友们整理常用的html标签,和大家更好的交流沟通。学习html标签属性大全html标签< <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) (同上效果略同) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线</p><h2>CSS3常用属性大全</h2><p>CSS3 动画属性(Animation) @keyframes //规定动画。 animation //所有动画属性的简写属性,除了animation-play-state 属性。animation-name //规定@keyframes 动画的名称。 animation-duration //规定动画完成一个周期所花费的秒或毫秒。 animation-timing-function //规定动画的速度曲线。 animation-delay //规定动画何时开始。 animation-iteration-count //规定动画被播放的次数。 animation-direction //规定动画是否在下一周期逆向地播放。 animation-play-state //规定动画是否正在运行或暂停。 animation-fill-mode //规定对象动画时间之外的状态。 CSS 背景属性(Background) background //在一个声明中设置所有的背景属性。 background-attachment //设置背景图像是否固定或者随着页面的其余部分滚动。background-color //设置元素的背景颜色。 background-image //设置元素的背景图像。 background-position //设置背景图像的开始位置。 background-repeat //设置是否及如何重复背景图像。 background-clip //规定背景的绘制区域。 background-origin //规定背景图片的定位区域。 background-size //规定背景图片的尺寸。 CSS 边框属性(Border 和Outline) border //在一个声明中设置所有的边框属性。 border-bottom //在一个声明中设置所有的下边框属性。 border-bottom-color //设置下边框的颜色。 border-bottom-style //设置下边框的样式。 border-bottom-width //设置下边框的宽度。</p><h2>HTML期末复习试题及参考答案</h2><p>HTML期末复习题(含答案) 第1题判断正误 (1)HTML标记符的属性一般不区分大小写。(对) (2)网站就是一个链接的页面集合。(对) (3)将网页上传到Internet时通常采用FTP方式。(对) (4)所有的HTML标记符都包括开始标记符和结束标记符。(错) (5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。 (6)B标记符表示用粗体显示所包括的文字。(对) (7)GIF格式的图象最多可以显示256种颜色。(对) (8)HTML表格在默认情况下有边框。(错) (9)创建图象映射时,理论上可以指定任何形状作为热点。(对) (10)指定滚动字幕时,不允许其中嵌入图象。(错) 1.使用FONT 标记符的size 属性可以指定字体的大小。( ) 2.网站就是一个链接的页面集合。( ) 3.GIF格式的图象最多可以显示1024种颜色。( ) 4.制作图像映射只需要使用<AREA> 标记符。( ) 5.在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。 ( ) 6.在HTML表格中,在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( ) 7.指定滚动字幕时,不允许其中嵌入图象。( ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( ) 10.CSS样式表项的组成格式为:selector{property1:value1, property2:value2, ……} ( ) 1. T 2. T 3. F 4. F 5. F 6. T 7. F 8. T 9. F 10. F 第2题单选题(20分) (1)WWW是的意思。答案:B A.网页B.万维网C.浏览器D.超文本传输协议</p><h2>HTML属性标签大全</h2><p>?跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 ?字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小)</p><h2>CSS属性大全完整版</h2><p>CSS属性大全完整版 字体属性:(font) 大小 font-size: x-large; (特大) xx-small; (极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style: oblique; (偏斜体) italic; (斜体) normal; (正常) 行高 line-height: normal; (正常) 单位:PX、PD、EM 粗细 font-weight: bold; (粗体) lighter; (细体) normal; (正常) 变体 font-variant: small-caps; (小型大写字母) normal; (正常) 大小写 text-transform: capitalize; (首字母大写) uppercase; (大写) lowercase; (小写) none; (无) 修饰 text-decoration: underline; (下划线) overline; (上划线) line-through; (删除线) blink; (闪烁) 常用字体</p><p>font-family: "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性:(background) 色彩 background-color: #FFFFFF; 图片 background-image: url(); 重复 background-repeat: no-repeat; 滚动 background-attachment: fixed; (固定) scroll; (滚动) 位置 background-position: Left (水平) top (垂直); 简写方法background:#000 url(..) repeat fixed left top; 区块属性:(Block) 字间距 letter-spacing: normal; 数值 对齐 text-align: justify; (两端对齐) left; (左对齐) right; (右对齐) center; (居中) 缩进</p><h2>css常用的属性大全</h2><p>CSS常用属性大全 2011-04-22 12:51 字体属性:(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位:PX、PD、EM 粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 font-variant: small-caps;(小型大写字母) normal;(正常) 大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 字体投影效果:filter:dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); 背景属性: (background) 色彩background-color: #FFFFFF; 图片background-image: url(); 重复background-repeat: repeat; no-repeat; repeat-x; repeat-y;滚动background-attachment: fixed;(固定) scroll;(滚动) 位置background-position: left(水平) top(垂直);bottom; right; center; 简写方法 background:#000 url(..) repeat fixed left top; 区块属性: (Block) 字间距letter-spacing: normal; 数值 对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进text-indent: 数值px; 垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; 单词间距word-spacing: normal; 数值 空格white-space: pre;(保留) nowrap;(不换行)</p><h2>HTML基本结构标签</h2><p>基本结构标签: <HTML>,表示该文件为HTML文件</HTML>,<HTML>的结束标志 <HEAD>,包含文件的标题,使用的脚本,样式定义等</HEAD>,<HEAD>的结束标志 <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>的结束标志 其它主要标签 以下所有标志用在<BODY></BODY>中: <A,HREF="…"></A>,链接标志,"…"为链接的文件地址<IMG,SRC="…">,显示图片标志,"…"为图片的地址 <BR>,换行标志<P>,分段标志<B></B>,采用黑体字<I></I>,采用斜体字<HR>,水平画线<FONT></FONT>,字体样式标志 <TABLE></TABLE>,定义表格,HTML中重要的标志 <TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中 属性: 属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: <BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色; <TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色. 常用属性: 对齐属性,范围属性:,色彩属性: ALIGN=LEFT,左对齐(缺省值), ALIGN=CENTER,居中,ALIGN=RIGHT,右对齐<center>表示绝对居中. WIDTH=象素值或百分比,对象宽度. HEIGHT=象素值或百分比,对象高度. COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. <table></table>表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图 <tr></tr>表格中一个表格行的开始和结束; <td></td>表格中行内一个单元格的开始和结束 属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="" ; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2); <br>强制换行 <font></font>文本标识的开始和结束 属性: face=字体color=颜色 <b></b>加粗文字标识的开始和结束 属性: style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 <div></div>,分区标识的开始和结束 属性: align=|center|left|right|水平对齐方式 <marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 属性: scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒 <P>段落标识, 空格符, <img>贴图标识 属性: src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框" <embed,src="…">多媒体文件标识 属性: SRC="../../FILENAME", 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.</p><h2>常见html标签和css属性</h2><p>------------------HTML常见标签-------------- <html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 <title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体 <em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 <BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <SMALL></SMALL> 字体缩小 <STRIKE></STRIKE> 加删除线 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义 <ADDRESS></ADDRESS> 地址标记 <sup></SUP> 上标字 <SUB></SUB> 下标字 <xmp>...</xmp>固定宽度字体(在文件中空白、換行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style ='font-size:100 px'>...</font>无限增大 ------------------------格式标志------------------- 创建一个段落 <p align=""> 将段落按左、中、右对齐 <br>换行插入一个回车换行符 <blockquote></blockquote> 从两边缩进文本 <dl></dl> 定义列表 <dt> 放在每个定义术语词前 <dd> 放在每个定义之前 <ol></ol> 创建一个标有数字的列表 <ul></ul> 创建一个标有圆点的列表</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="1411686"><a href="/topic/1411686/" target="_blank">html标签属性</a></li> <li id="5807459"><a href="/topic/5807459/" target="_blank">html标签及属性大全</a></li> <li id="9552017"><a href="/topic/9552017/" target="_blank">html标签及属性</a></li> <li id="21404025"><a href="/topic/21404025/" target="_blank">css常用的属性大全</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/3312495189.html" target="_blank">HTML常用标签及属性</a></li> <li><a href="/doc/f18757121.html" target="_blank">学习html语言常用标签</a></li> <li><a href="/doc/7318746925.html" target="_blank">常见html标签和css属性</a></li> <li><a href="/doc/a04380383.html" target="_blank">网页html代码详解</a></li> <li><a href="/doc/c22126267.html" target="_blank">HTML+CSS标签属性大全</a></li> <li><a href="/doc/0917063737.html" target="_blank">HTML+CSS标签属性大全</a></li> <li><a href="/doc/e63222860.html" target="_blank">常见HTML5标签以及属性</a></li> <li><a href="/doc/6a4306717.html" target="_blank">HTML期末复习试题及参考答案</a></li> <li><a href="/doc/8d7870350.html" target="_blank">HTML标签分类及其属性</a></li> <li><a href="/doc/a816404849.html" target="_blank">HTML 常用标签属性汇总</a></li> <li><a href="/doc/d711480598.html" target="_blank">HTML试题(含答案)</a></li> <li><a href="/doc/217585213.html" target="_blank">html标签以及属性大全</a></li> <li><a href="/doc/f37325658.html" target="_blank">html标签及属性大全</a></li> <li><a href="/doc/7315055942.html" target="_blank">HTML基本结构标签</a></li> <li><a href="/doc/9012409699.html" target="_blank">html所有标签及属性</a></li> <li><a href="/doc/b110424696.html" target="_blank">html标签属性大全(完美版)</a></li> <li><a href="/doc/d412749053.html" target="_blank">html标签属性大全(完美版) 修改01</a></li> <li><a href="/doc/591028151.html" target="_blank">HTML标签属性大全</a></li> <li><a href="/doc/843190580.html" target="_blank">HTML标签及属性大全(很全哦)</a></li> <li><a href="/doc/ae11513290.html" target="_blank">html所有标签常用属性</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "7f8f1e34b90d6c85ec3ac6a1"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a>&nbsp;<a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy;2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>