HTML学习-20180823

今日学习一点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	重置

猜你喜欢