其他分享
首页 > 其他分享> > 前端面试题 - html - 标签

前端面试题 - html - 标签

作者:互联网

html

基本标签

表单类型

  1. 描述
    请依次写出以下类型的输入框。
    1. 类型为密码,默认值为"nowcoder"
    2. 类型为复选框,且状态为已勾选
<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 个字符。

表格结构

  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

属性
属性 描述
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 one rror="function()" />

video

标签:面试题,定义,外侧,标签,按钮,边框,html,nowcoder
来源: https://www.cnblogs.com/zc-lee/p/15583266.html