前端⾯试题-html-标签html
基本标签
表单类型
1. 描述
请依次写出以下类型的输⼊框。
1. 类型为密码,默认值为"nowcoder"
2. 类型为复选框,且状态为已勾选
<form>
<!-- 补全代码 -->
<input type="password" value="nowcoder" />
<br />
<input type="checkbox" checked />
</form>
值描述
button定义可点击按钮(多数情况下,⽤于通过 JavaScript 启动脚本)。
checkbox定义复选框。
file定义输⼊字段和 "浏览"按钮,供⽂件上传。
hidden定义隐藏的输⼊字段。
image定义图像形式的提交按钮。
password定义密码字段。该字段中的字符被掩码。
radio定义单选按钮。
reset定义重置按钮。重置按钮会清除表单中的所有数据。
submit定义提交按钮。提交按钮会把表单数据发送到服务器。
text定义单⾏的输⼊字段,⽤户可在其中输⼊⽂本。默认宽度为 20 个字符。
表格结构
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>
html网页边框代码</tr>
</table>
属性
属性值描述
border pixels规定表格边框的宽度。
cellpadding pixels
%规定单元边沿与其内容之间的空⽩。
frame void - 不显⽰外侧边框。
above - 显⽰上部的外侧边框。
below - 显⽰下部的外侧边框。
hsides - 显⽰上部和下部的外侧边框。
vsides - 显⽰左边和右边的外侧边框。
lhs - 显⽰左边的外侧边框。
rhs - 显⽰右边的外侧边框。
box - 在所有四个边上显⽰外侧边框。
border - 在所有四个边上显⽰外侧边框。
规定外侧边框的哪个部分是可见的。
border - 在所有四个边上显⽰外侧边框。
rules none - 没有线条。
groups - 位于⾏组和列组之间的线条。
rows - 位于⾏之间的线条。
cols - 位于列之间的线条。
all - 位于⾏和列之间的线条。
规定内侧边框的哪个部分是可见的。
summary text规定表格的摘要。
width pixels
%规定表格的宽度。
属性值描述
图像标签属性
请写出具有标题属性和代替⽂本属性的图⽚标签。
<img alt="img" src="xxx" title="title" />
新窗⼝打开⽂档
请写出可以在新窗⼝打开⽂档的a标签。
<a link="#" target="_blank">link</a>
⾃定义列表
请写出列表项为"nowcoder"且列表项内容也为"nowcoder"的⾃定义列表。
<dl>
<!-- 补全代码 -->
<dt>nowcoder</dt>
<dd>nowcoder</dd>
</dl>
语义化标签
请使⽤语义化标签创建头部标签且包含导航标签。
注意:只需在html模块填写标签结构,有且仅有⼀个头部标签和⼀个导航标签。
<header>
<nav></nav>
</header>
媒体标签
⾳频媒体标签属性
请写出具有控件功能的⾳频媒体标签。
<audio controls />
⾳频媒体标签属性
请写出具有当视频的媒体数据加载期间发⽣错误时执⾏某个⽅法事件的视频媒体标签。<video controls onerror="function()" />
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论