Html手记:标签属性大全

2017-01-01 21:59:30来源:CSDN作者:dration人点击

卷动标签

<marquee>...</marquee> 默认样式<marquee behavior=slide>...</marquee> 卷动方式:slide-滑动,scroll-滚动,alternate-来回滚动<marquee direction=right>...</marquee> 滚动方向:down-向下滚动,up-向上滚动,right-向右滚动,left-向左滚动<marquee loop=2>...</marquee> 滚动次数<marquee width=100>...</marquee> 控件宽度<marquee height=150>...</marquee> 控件高度<marquee bgcolor=FF00FF>...</marquee> 控件背景颜色<marquee scrollamount=300>...</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> 斜体<u>...</u> 下划线<strike>...</strike> 中划线<s>...</s> 删除线<del>...</del> 删除线<xmp>...</xmp> 保留原有样式,空白符,换行符<plainttext>...</plainttext> 保留标签样式,不解析标签原样输出<pre>...</pre> 预格式化输出<font color=FF0000>...</font> 字体颜色<font size=3>...</font> 字体大小,值为1~7<font face="宋体">...</font> 指定字体

区段标签

<hr /> 默认水平线<hr size=10 /> 水平线大小<hr width=80% /> 水平线宽度<hr color="FF00FF" /> 水平线颜色<br /> 换行<nobr>...</nobr> 不换行<p>...</p> 段落<center>...</center> 居中

链接标签

<base href="http://www.dration-blog.com" /> 基地址链接,用于头部设定全局基地址<a href="http://www.baidu.com">...</a> 超链接<a href="#miao">...</a> 锚点链接,用于全文定位<a href="hht://www.draton-blog.com" target="_blank">...</a> 指定打开方式的超链接,_blank:以新窗口打开,_self:在本页面打开,_top:全窗口打开,framename:在指定的框架中打开

图片标签

<img src="./images/time.jpg"/> 默认图片样式<img src="./images/time.jpg" width="500px" /> 指定宽度<img src="./images/time.jpg" height="500px" /> 指定高度<img src="./images/time.jpg" alt="鼠标来了出现提示" /> 鼠标进了提示<img src="./images/time.jpg" border="2" /> 边框大小<img src="./images/time.jpg" usemap="#mapname" /> 定义图片热区名称,将使用图片热区

表格标签table

<table algin=left>...</table> 表格对齐方式,left:左对齐,right:右对齐,center:居中对齐<table bgcolor="FF00FF">...</table> 表格背景颜色<table backgroud="./images/tablebg.jpg">...</table> 表格背景图片<table border="2">...</table> 表格边框大小<table bordercolor="FFF0FF">...</table> 表格边框颜色<table bordercolordark="FF0000">...</table> 表格边框暗格颜色<table bordercolorlight="FF0000">...</table> 表格边框高亮颜色<table cellspancing="0">...</table> 表格单元格间隔大小<table cellpadding="0">...</table> 表格单元格内间隔大小<table cols="12">...</table> 指定表格列数<table colspan="2">...</table> 单元格合并数量<table rowspan="2">...</table> 行数合并数量<table frame="void">...</table> 指定外侧那个部分可见,void、above、below、hsides、lhs、rhs、vsides、box、border<table rules="none">...</table> 指定内侧那个部分可见,none、groups、rows、cols、all<table width="80%">...</table> 表格的宽度<table height="400px">...</table> 表格的高度<td title="提示字段">...</td> 单元格提示字段

框架标签

<frameset cols="20%,30%,50%" /> 框架水平分隔3列<frameset rows="50%,*" /> 框架垂直分隔2行<frameset row="20%,*" frameborder=0 /> 框架不需要边框<frameset row="20%,*" frameborder=1 border="2" /> 框架有边框,边框大小为2<frameset rows="50%,*" framespacing="5px" /> 框架之间间隔为5px<frame name="row1" src="http://www.dration-blog.com/20161231.html" scrolling="yes" noresize="noresize" />  name:页框名称,src:页面url,scrolling:滚动条是否显示yes/no,noresize:不允许调整大小<noframe>...</noframe> 在不支持框架的浏览器使用才会显示这里的内容

表单标签

<form action="./login.php" method="post" entype="text/plain">...</form> action:表单提交处理程式urlmethod:提交方式post/getentypr:提交数据类型,默认为application/x-www-form-urlencoded,文本编码为text/plain,二进制编码为multipart/form-data

表单控件标签

<input type="text" value="值" size="10"/> type:控件类型,textpasswordcheckboxradioresetsubmitimagefilevalue:控件的值

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台