本文主要是介绍前端面试题 - html - 标签，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

html

基本标签

表单类型

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

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

input

表格结构

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

<table border="1" width="100%">
    <!-- 补全代码 -->
    <caption>nowcoder</caption>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>3</td>
        <td>3</td>
        <td>3</td>
    </tr>
</table>

table

属性

图像标签属性

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

<img alt="img" src="xxx" title="title" />

img

新窗口打开文档

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

<a link="#" target="_blank">link</a>

a

自定义列表

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

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

dl

语义化标签

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

<header>
   <nav></nav>
</header>

媒体标签

音频媒体标签属性

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

<audio controls />

audio

音频媒体标签属性

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

<video controls one rror="function()" />

video

这篇关于前端面试题 - html - 标签的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！