《牛客网刷题之零基础入门前端之HTML》

目录

HTML

基本标签

FED1 表单类型

FED2 表格结构

FED3 图像标签属性

FED4 新窗口打开文档

FED5 自定义列表

FED73 加粗文字

语义化标签

语义化标签

媒体标签

FED7 音频媒体标签属性

FED8 视频媒体标签属性


HTML

基本标签

FED1 表单类型

题目描述

请依次写出以下类型的输入框。
1. 类型为密码,默认值为"nowcoder"
2. 类型为复选框,且状态为已勾选

html

<form>
    <!-- 补全代码 -->
    <input type="password" value="nowcoder">
    <input type="checkbox" checked>
</form>

FED2 表格结构

题目描述

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

html

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

FED3 图像标签属性

题目描述

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

html

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

FED4 新窗口打开文档

题目描述

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

html

<!-- 补全代码 -->
<a href="" target="_blank"></a>

FED5 自定义列表

题目描述

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

html

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

FED73 加粗文字

题目描述

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

html

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

语义化标签

语义化标签

题目描述

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

html

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

媒体标签

FED7 音频媒体标签属性

题目描述

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

html

<!-- 补全代码 -->
<audio src="" controls></audio>

FED8 视频媒体标签属性

题目描述

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

html

<!-- 补全代码 -->
<video onerror=""></video>

猜你喜欢

转载自blog.csdn.net/weixin_62264287/article/details/128743988