HTML入门

HTML标签

• <input> 标签的 disabled 属性
  <input type="text" disabled> 禁用此表单
• contenteditable 标签 可编辑
  <p contenteditable></p>

head

*适配移动端
<meta name="viewport" content="width=device-width,initial-scale=1.0">

body

• a标签
  <a href="#p1"></a> href到#表示回到顶部，后面加id属性就跳到关联id属性位置
  <a href="mailto:939761094@qq.com">邮件</a>点击邮件会打开发送邮件
  <a href="tel:18983162596">打电话</a>手机端会启动拨打电话
  <a href="www.baidu.com" download>点击下载</a> download 前是下载链接

• img
  <figure>
  <img src="" alt="图片加载失败时显示此内容">
  <figcaption>描述图片说明</figcaption>
  </figure>

• table

<thead>
           <tr><!--第一行/表头-->
               <th>1</th><!--第一行第一列-->
               <th>2</th><!--第一行第二列-->
               <th>3</th>
               <th>4</th>
               <th>5</th>
           </tr>

       </thead>
       <tbody>
       <tr><!--第二行-->
           <td>a1</td><!--第二行第一列-->
           <td>a2</td><!--第二行第二列-->
           <td>a3</td>
           <td>a4</td>
           <td>a5</td>
       </tr>
       <tr>
           <td>b1</td>
           <td>b2</td>
           <td>b3</td>
           <td>b4</td>
           <td>b5</td>
       </tr>
       </tbody>
   </table>

• dl>dt+dd

<dl>
        <dt>标题</dt>
        <dd>1</dd>
        <dd>12</dd>
        <dd>234</dd>
    </dl>