HTML标签

1.1 无序列表标签      标签名：<ul><li>列表项</li></ul>      属   性：type —— 属性指定无序列表的符号，取值有以下几种“disc（实心圆点，默认值）/circle（空心得圆圈）/square（实心正方形）”     代码示例：       <ul >             <li>江西</li>             <li>广州</li>             <li>深圳</li>             <li>浙江</li>       </ul>1.2 有序列表标签     标签名：<ol><li>列表项</li></ol>     属   性：type —— 指定有序列表的符号，常见的取值有“A（列表项从A开始，A，B，C）/a（列表项从a,b,c,d）/I（列表项以罗马数字开始，I，II，III，IV，V）/1（列表以阿拉伯数字开始，1，2，3，4）”；   start —— 属性值指定从第几个开始，当取值为0或负值时，符号值从该值增加至0再以此加值；      代码示例：         <ol type="A" >                  <li>江西</li>                  <li>广州</li>                  <li>深圳</li>         </ol>1.3 自定义列表标签      标签名：<dl>                         <dt>列表题</dt>                         <dd>列表描述</dd>                   </dl>      代码示例：         <dl>                  <dt>科幻小说</dt>                  <dd>《鬼吹灯》 《超凡双生》 《猎场》 《网游之邪修》 《星际屠龙战士》 《二零一三》</dd>         </dl>1.4 表单      定义：表单收集用户填写的信息，并提交到后台服务器。      标签：             <form  action="" method="post/get">                        <input type="">             </form>      action属性：表单提交数据到服务器的url地址。      method属性：  1.  post方法：浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。 2. get 方法：浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。      类别：1. 文本框text：当type值为“text”，input输入框为文本框。（即<input type="text" maxlength="12" size="30" value="你好">）                2.maxlength：指定文本框能接受的最大字符个数。           size：指定文本框的大小（宽度）。           value：指定初始值。               3. 密码框（<input type="password" maxlength="12" size="30">）:密码框和文本框是一样的文本框的属性同样适用于密码框，唯一不同的是密码框是以掩码的形式显示内容，保证安全性.               4.label标签                    <label for=""></label>作用：（1）可以单独对其应用样式.（2）for属性可以使之和某个<input>关联，即当单击文本会激活对应的<inout>                    例：            <form action="#" method="post">                <label for="userId">账号：</label><input id="userId" type="text" maxlength="10" size="20" value="abc"/><br/>                <label for="password">密码：</label><input id="password" type="password" maxlength="6" size="20"/>            </form>        5.单选按钮           <input id="student" name="role" type="radio" checked/><label for="student">学生</label>        <input id="teacher" name="role" type="radio"/><label for="teacher">教师</label>        <input id="admin" name="role" type="radio"/><label for="admin">管理员</label>        如果需要将若干个单选按钮编为一组（一组最多只有一个被选中），需要设置相同的name属性。        如果需要默认选中某个选项，需加上checked属性        标签属性的表现形式：        （1）键值对：属性名=“属性值”                type=“text”,maxlength=“6”        （2）一些取值为布尔类型的属性直接使用属性名                checked、readonly        6.多选按钮        你的兴趣爱好是：        <input id="music" type="checkbox"/><label for="music">音乐</label>        <input id="read" type="checkbox" checked/><label for="read">阅读</label>        <input id="game" type="checkbox" checked/><label for="game">游戏</label>        <input id="movie" type="checkbox"/><label for="movie">电影</label>        <input id="sleep" type="checkbox"/><label for="sleep">睡觉</label>        7.提交按钮（<input type="submit"/>）        （1）点击按钮之后跳转到from表单指定的Action        （2）value属性：value对应的值就是按钮上显示的文字        （3）点击按钮，将from表单中的input中name属性值（键）和用户输入的组成键值对（或input标签value属性对应的值），并拼接到from表单Action属性值的后面。        8.重置按钮（<input type="reset" value="刷新"/>）        （1）点击按钮，重置表单内部的输入框（单选复选按钮）。        （2）value属性：value对应的值就是按钮上显示的文字。        9.普通按钮（<input type="button" value="点击">）        （1）点击按钮。没有任何反应        （2）value属性：value对应的值就是按钮上显示的文字        10.图片按钮（<input type="image" src="" >）        （1）作用和submit按钮是一样的        （2）需要设置src属性的值，如果src对应的路径没有找到图片，并且又没有设置alt属性，按钮显示默认值“提交”，如果设置了alt属性则显示alt的值。（类似img标签）        10.<button></button>标签        （1）内容可以是任意资源（eg：图片，段落，视频）        （2）当button标签放置在from内部，作用的submit一样。