ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端面试题 - html - 标签

2021-11-21 02:01:30  阅读:261  来源: 互联网

标签:面试题 定义 外侧 标签 按钮 边框 html nowcoder


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有