前端基础之HTML

input 输入框

依次写出以下类型的输入框。

1. 类型为密码，默认值为"hello"

2. 类型为复选框，且状态为已勾选

<form>
  <input type="password" value="hello">
  <input type="checkbox" checked>
</form>

涉及到input属性type、value、checked

table 表格结构

写出具有表格标题为"hello world"的2行3列表格结构。

<table border="1">
    <caption>hello world</caption>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

table 中的属性：border，表格边框

caption 元素定义表格标题

tr 表格行

td 表格单元格，可代表几列

img 图像

写出具有标题属性和代替文本属性的图片标签。

<img alt="替代文本属性" title="标题属性 鼠标悬浮时显示的东西" />

a 超链接

写出可以在新窗口打开文档的a标签。

<a href="#" target="_blank">aaaaaa</a>

href 表示点击后要跳转至的链接

target 表示跳转方式，_blank 表示打开新的标签页

dl 自定义列表

写出列表项为"hello world"且列表项内容也为"hello world"的自定义列表。

<dl>
    <dt>hello world</dt>
    <dd>hello world</dd>
</dl>

dl 定义列表 definition list

dt 定义列表中的项目

dd 定义列表项下的条目

语义化标签

使用语义化标签创建头部标签且包含导航标签。

<header>
    <nav>导航</nav>
</header>

audio 音频媒体标签

具有控件功能的音频媒体标签

<audio src="" controls></audio>

video 视频媒体标签

具有当视频的媒体数据加载期间发生错误时执行某个方法事件的视频媒体标签

<video controls onerror="myFunc()"></video>