HTML

Posted 2022-12-26 my-rw

表格：

<table style="background-color: aqua" border="2" frame =‘box‘>
        <tr>
            <th>顺序</th>
            <td> 第一</td>
            <td>第二</td>
        </tr>
        <tr>
            <td>第三</td>
            <td>第四</td>
        </tr>
    </table>

无序列表(TYPE = ‘disc‘,‘circle‘,‘square‘)

<ul>
        <li>coffee</li>
        <li>milk</li>
    </ul>

有序列表  (type =‘A‘,‘a‘,‘I‘,‘i‘)

<ol start="20">
        <li>first</li>
        <li>seard</li>
    </ol>

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

表单

<form action="www.baidu.com">
    <p>请输入账户</p>
    <input type="text" placeholder="请输入账户">
    <p>请输入密码</p>
    <input type=‘password‘ placeholder="请输入密码">
    <p>复选框</p>
    <input type=‘checkbox‘checkbox>苹果
    <input type="checkbox"checkbox>梨
    <input type="checkbox">香蕉
    <p>单选框</p>
    <input type="radio"name=‘1‘>常规
    <input type="radio"name=‘1‘>vip
    <input type="radio"name=‘1‘>svip
    <p>提交按钮</p>
    <input type="submit">
    <input type="reset">
    <p>上传文件</p>
    <input type="file">
  </form>

表单2

  <form action="">
    <p>请输入</p>
    <h1>多行文本框</h1>
    <textarea cols="30" rows="10"></textarea>
    <p>选择框</p>
    <select>
      <option selected disabled>请选择</option>
      <option>北京</option>
      <option>上海</option>
      <option>山西</option>
    </select>
    <p>扩大范围，点击字也可以选择</p>
    <input name="1" id="man" type="radio">
    <label for =‘man‘>男</label>
    <input name="1" id="woman" type="radio">
    <label for =‘woman‘>女</label>
  </form>