Form表单、table标签、标签

1、form表单

<form action="url"  method="get/post" enctype="发送前如何对表单数据进行编码"> </form>     

enctype属性:指定的只有1、application/x-www-form-urlencoded;发送前编码所有字符

                                     2、multipart/form-data;不对字符编码,使用file时必须用改值

method属性:指定表单以何种方式发送到指定页面

        get:附加在action指定的url后面,作为url链接而传递

        post:附加在HTML    Headers上

style属性:"display:none"隐藏当前元素

<intpt type="text"  disabled="disabled禁用"/>文本框

<input  type="password"  />密码框

<input  type="ridio"  checked="checked默认选中一项"  name=""/>单选框

<input  type="checkbox"  name=""/>复选框

<input  type="submit"  value="提交"/>提交按钮

<input  type="reset"  value="重置"/>重置按钮

<input  type="button"/>自定义按钮

<input  type="hidden"/>隐藏域

<input  type="file"/>上传文件

<textarea  cols=""  rows="">多行文本<textarea/>

<select  name="">下拉菜单

        <option   value="">选项<option/>

</select>

2、滚动标记

<marquee></marquee>

οnmοuseοut="this.start()"   鼠标移出时继续滚动

οnmοuseοver="this.stop()"    鼠标移入该区域停止滚动

behavior="alternate两端之间来回滚动/scroll由一端滚动到另一端会重复/slide由一端滚动到另一端不会重复"

bgcolor:背景颜色

direction:滚动方向,down/left/right/up

height:高度

width:宽度

hspace:活动字幕所在位置距父容器水平边距的距离

vspace:垂直边框的距离

loop:滚动次数,-1代表一致滚动下去

scrollamount:滚动速度

scrolldelay:延迟时间

3、有序列表、无序列表

<ol>有序列表

    <li>列表</li>

</ol>

ol:type="i/A/a/I"   i未默认值

      start列表的数字序列的起始值

li:type="i/A/a/I"

      value列表项起始值,获得非连续的数字序列

<ul>无序列表

ul:type符号样式    disc实心圆;cirde空心圆;square方块;

li:type符号样式     disc实心圆;cirde空心圆;square方块;

4、table标签

<table>

    <caption align="top|bottom">表格标题</caption>

    <tr  align="left/right/center水平对齐"  ralign="top/botton/middle整行内容对齐"  valign="垂直对齐">

        <th>列标题</th>

        <td cellspacing="单元格之间的空白(像素)" cellpadding="分割线与数据之间的空白(像素)"></td>

    </tr> rules="控制单元格之间的分隔线" none无、rows行、cols列、all所有

</table>

frame:控制表格最外层四条框线;void(无)、box/border(全)、Ihs(左)、RHS(右)、above(上)、below(下)、hsides(上下)、vsides(左右)

border:设置边框粗细、默认值0,取值像素

bordercolor:边框颜色

width:可设列宽    height:可设列高

bgcolor:背景颜色,也可设置行、列的背景颜色

background:背景图案   "url"

rowspan:行合并      

colspan:列合并

5、文本段落标记

标题标记符<Hn>    n代表1-6的数字,H1最大,align=left | right | center

分段标记符<p>      结束标记可省略,效果不同,align=left | right | center

段落居中标记符<center></center>

换行符标记<br/>

水平线标记符<hr/>    属性:color,size大小,width长短,align对齐方式,noshade

6、文本显示效果标记

文本控制标记符<font></font>   属性:color、face、size(1-7) 7最大

文本样式标记符<B>加粗   <I>斜体   <U>下划线   <S>删除线   <SUB>下标   <SUP>上标

7、图片标记

<img src="" vspace="垂直方向空白像素" hspace="水平方向空白像素" border="" alt="图片无法显示时显示的文字,或者图片显示时对图片的描述" width="像素" height="像素"/>

../返回上一级

/下一级

8、超链接标记

<a href="本地链接url;外部链接必须是绝对路径 例如baidu;多媒体链接指图片、音频等" target="指定超链接的目标框架名"></a> 

<a name="b"></a>           <a href="#b">返回b</a>

 #b{list-style-type:none;去掉下划线

      display:inline;变为行级元素

}

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值