今日学习一点HTML;
一、列表list的学习
1.无序列表
<ul>
<li>圆点无序列表</li>
</ul>
<ul style="list-style-type:disc">
<li>圆点无序列表</li>
</ul>
<ul style="list-style-type:circle">
<li>圆圈列表</li>
</ul>
<ul style="list-style-type:square">
<li>正方形列表</li>
</ul>
2.有序列表
<ol>
<li>从1开始编号的列表</li>
</ol>
<ol type="A">
<li>从A开始编号的列表</li>
</ol>
<ol type="a">
<li>从a开始编号的列表</li>
</ol>
<ol type="Ⅰ">
<li>从Ⅰ开始编号的列表</li>
</ol>
<ol type="ⅰ">
<li>从ⅰ开始编号的列表</li>
</ol>
注意:type="A"和type="B"的起始值相同,即与设定值无关
3.嵌套列表
<ul>
<li>电脑</li>
<li>手机
<ul>
<li>小米手机</li>
<li>华为手机</li>
<li>苹果手机</li>
</ul>
</li>
<li>MP4</li>
</ul>
注意:有序和无序列表可以相互嵌套。
4.自定义列表
<dl>
<dt>电脑</dt>
<dd>——华硕笔记本</dd>
<dt>手机</dt>
<dd>—— 三星手机</dd>
</dl>
二、表单form的学习
1.语法
<form name="input" action="文本框内容传送目的地的地址" method="get|">
姓名:<input type="text" placeholder="请输入您的姓名" maxlength="4" name="username""/><br/>
性别:<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女<br/>
性别:<select name="sex">
<option value="man">男</option>
<option value="woman">女</option>
</select><br/>
年龄:<input type="text" placeholder="请输入您的年龄" maxlength="2" name="age"/><br/>
博客:<input type="text" placeholder="请输入您的博客" name="blog"/><br/>
密码:<input type="password" placeholder="请输入博客密码" maxlength="8" name="pwd"/><br/>
<input type="button"value="登录"/>
提交:<input type="submit" value="submit"/>
重置:<input type="reset" value="reset"/><br/>
</form>
2.标签
标签 | 含义 |
---|---|
form | 定义表单 |
input | 入口 |
select | 下拉列表按钮 |
3.标签input的属性type的值
属性值 | 含义 |
---|---|
text | 文本 |
password | 密码 |
button | 按钮 |
radio | 单选按钮 |
checkbox | 多选按钮 |
submit | 提交 |
reset | 重置 |