1.列表
1.1列表分为三种:无序,有序,自定义.
1.2.无序列表:
用标签<ul>来框定,在里面用<li>标签来书写。(注意:<ul>标签中不可以放置其他标签,只有<li>)
例:
<ul>
<li>第一个</li>
<li>第二个</li>
<!--<li>标签中可以放置其他标签-->
<li>第三个</li>
</ul>
1.3.有序列表:
用标签<ol>来框定,在里面用<li>标签来书写。(注意:<ol>标签中同样不可以放置其他标签,只有<li>)
<ol>
<li>第一个</li>
<li>第二个</li>
<!--<li>标签中可以放置其他标签-->
<li>第三个</li>
</ol>
1.4.自定义列表:
用标签<dl>来框定,在里面用<dd>(内容)与<dt>(标题)标签来书写。(注意:<dl>标签中同样不可以放置其他标签,只有<dd>与<dt>)
<dl>
<dt>第一个</dt>
<dd>吃饭</dd>
<dt>第二个</dt>
<dd>睡觉</dd>
<!--与<li>标签一样可以放置其他标签-->
<dt>第三个</dt>
<dd>打豆豆</dd>
</dl>
2.表单
2.1.表单域:
<form></form> 收集信息与传递,有三个属性 action ,method, name.
<form action="url(向何处发送数据)" method="提交方式(有post,get等)" name="名称">
</form>
2.2.表单控件:
1.<input>是一个单标签,里面必须要有type属性。
<input type="text(文本框)"
password(密码框)
radio(单选按钮,和name属性搭配让系统知道那些是单选范围)
checkbox(多选)
submit(提交按钮,把表单域中的数据提交给后台)
button(不提交数据,可以用来做其他事,用js来)
file(文件上传)
2.3 常用属性
1.value属性用来定义值反馈给后台。
2. 属性 check="checked",就是在单选与多选中,界面打开默认勾上。
3.maxlength="最大输入字符数"(正整数)
2.4下拉列表
<select></select>标签框住,里面用<option>,和其他列表相似
<select>
<optin>第一个</option>
<optin select="selected">第二个</option>
<!--<option>标签中select="selected"就是默认第一个-->
<optin>第三个</option>
</select>
2.5<label>标签
<label>标签只是和表单经常使用而已,作用对于一个给定的表单元素,点击<label>内的文本,浏览器将自动焦点
<label for="和id一样的">男生</label><input type="radio" name="1" id="和for一样的">
到哪去
2.6文本域
用来让用户书写大量文字<textarea></textarea>,可以在里面添加高度和宽度属性