“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 12 天，点击查看活动详情”

基本标签

FED1 表单类型

描述

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

类型为密码，默认值为"nowcoder"
类型为复选框，且状态为已勾选

<input type="password" value="nowcoder"></input>
<input type="checkbox" checked></input>

2.input输入框

文本域

<input type="text"></input>

密码

<input type="password"></input>

单选按钮

<input type="radio"></input>

复选框

<input type="checkbox"></input>

提交按钮

<input type="submit"></input>

FED2 表格结构

描述

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

<table>
    <!-- 补全代码 -->
    <caption>nowcoder</caption>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

FED3 图像标签属性

描述

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

<!-- 补全代码 -->
<img title="" src="" alt="">

FED4 新窗口打开文档

描述

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

<a href=" #" target="_blank">    </a>
<!--href 属性代表你想要把超链接连接到那个位置 ，#为空-->
<!-- target 属性用来规定在何处打开链接文档 -->
<!-- _blank 这个属性是在你点击后使用新窗口打开-->

FED5 自定义列表

描述

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

  <!-- 补全代码 -->   
<dl>        
    <dt>nowcoder</dt>        
    <dd>nowcoder</dd>
</dl>

FED73 加粗文字

描述

使用一个标签将“牛客网”三个字加粗显示

<p><strong>牛客网</strong>，程序员必备求职神器</p>

语义化标签

FED6 语义化标签

描述

请使用语义化标签创建头部标签且包含导航标签。
注意：只需在html模块填写标签结构，有且仅有一个头部标签和一个导航标签。

<!-- 补全代码 -->
<header>
    <nav></nav>
</header>

媒体标签

FED7 音频媒体标签属性

描述

请写出具有控件功能的音频媒体标签。

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

常见属性名有：src、controls、autoplay、loop

src:媒体文件路径

controls:在网页内显示音频控件

autoplay:打开网页时自动播放媒体文件

loop:循环的英文、就是循环播放

FED8 视频媒体标签属性

描述

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

<!-- 补全代码 -->
<script>
    var vi = document.getElementById('test');
    vi.onstalled = function(){
        alert('bu ke bo fan')
    }
</script>
<video id='test' width='320' controls onerror={alert('test')}>
</video>

牛客HTML习题