前端面试题 - html - 标签
html
基本标签
表单类型
- 描述
请依次写出以下类型的输入框。- 类型为密码,默认值为"nowcoder"
- 类型为复选框,且状态为已勾选
<form>
<!-- 补全代码 -->
<input type="password" value="nowcoder" />
<br />
<input type="checkbox" checked />
</form>
input
值 | 描述 |
---|---|
button | 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 |
checkbox | 定义复选框。 |
file | 定义输入字段和 "浏览"按钮,供文件上传。 |
hidden | 定义隐藏的输入字段。 |
image | 定义图像形式的提交按钮。 |
password | 定义密码字段。该字段中的字符被掩码。 |
radio | 定义单选按钮。 |
reset | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
text | 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 |
表格结构
- 请写出具有表格标题为"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
属性
属性 | 值 | 描述 |
---|---|---|
border | pixels | 规定表格边框的宽度。 |
cellpadding | pixels % |
规定单元边沿与其内容之间的空白。 |
frame | void - 不显示外侧边框。 above - 显示上部的外侧边框。 below - 显示下部的外侧边框。 hsides - 显示上部和下部的外侧边框。 vsides - 显示左边和右边的外侧边框。 lhs - 显示左边的外侧边框。 rhs - 显示右边的外侧边框。 box - 在所有四个边上显示外侧边框。 border - 在所有四个边上显示外侧边框。 |
规定外侧边框的哪个部分是可见的。 |
rules | none - 没有线条。 groups - 位于行组和列组之间的线条。 rows - 位于行之间的线条。 cols - 位于列之间的线条。 all - 位于行和列之间的线条。 |
规定内侧边框的哪个部分是可见的。 |
summary | text | 规定表格的摘要。 |
width | pixels % |
规定表格的宽度。 |
图像标签属性
请写出具有标题属性和代替文本属性的图片标签。
<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 onerror="function()" />
video
Lee2