前端面试笔试题目-HTML专项练习(基础)

简介: 前端面试笔试题目-HTML专项练习(基础)

1、表单输入框(input)类型


  • 请依次写出以下类型的输入框。
  • 1、类型为密码,默认值为"nowcoder"
  • 2、类型为复选框,且状态为已勾选
<form>
    <!-- 补全代码 -->
    <input type="password" value="nowcoder">
    <input type="checkbox" checked>
</form>

表单总结:


  • <input>,最重要的表单元素,根据不同的 type 属性


type类型 描述
text 常规文本输入(默认)
password 密码字段
radio 单选按钮输入
checkbox 多选按钮输入
submit 提交按钮(提交表单)


2、图像标签属性(img)


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


<!-- 补全代码 -->
<img src="  图片地址 "    title=" 标题属性 "    alt=" 代替文本属性 "   >


3、新窗口打开文档(target)


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


<!-- 补全代码 -->
<a href=" " target="_blank" ></a>


  • <a> 标签的 target 属性:
描述
_self 默认。在相同的框架中打开被链接文档
_black 在新窗口中打开被链接文档
_top 在整个窗口中打开被链接文档
_parent 在父框架集中打开被链接文档



4、表单结构(标题、行、列)


  • 1、标题为"nowcoder"
  • 2、表格为2行3列
<table>
    <!-- 补全代码 -->
    <caption>nowcoder</caption>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
        <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

5、自定义列表(dl、dt、dd)


  • 1、请写出列表项为"nowcoder"
  • 2、列表项内容也为"nowcoder"的自定义列表
<dl>
    <!-- 补全代码 -->
    <dt>nowcoder</dt>
    <dd>nowcoder</dd>
</dl>

列表总结(无序、有序、自定义):


  • 1、无序列表(ul li)
  • 2、有序列表(ol li)
  • 3、自定义列表(dl dt dd)


6、音频媒体标签属性(audio)


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


<!-- 补全代码 -->
<audio src="" controls="true"></audio>


HTML5 中的新属性:


属性值 功能
autoplay 音频在就绪后马上播放
controls 显示控件,比如播放按钮
loop 每当音频结束时重新开始播放
muted 规定视频输出应该被静音
preload 音频在页面加载时进行加载,并预备播放
src 要播放的音频的 URL


7、视频媒体标签属性(video)


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


<!-- 补全代码 -->
<video onerror=""></video>


HTML5 中的新属性:


image.png


相关文章
|
3月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
19天前
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
54 1
|
5月前
|
SQL Java
java面试题笔试常见选择题大全含答案
java面试题笔试常见选择题大全含答案
|
5月前
|
存储 前端开发 小程序
表白墙完善(数据库,前端,后端Servlet),再谈Cookie和Session。以及一个关于Cookie的练习小程序
表白墙完善(数据库,前端,后端Servlet),再谈Cookie和Session。以及一个关于Cookie的练习小程序
|
1月前
|
缓存 关系型数据库 MySQL
面试题目总结
面试题目总结
70 6
|
2月前
|
存储 移动开发 前端开发
「offer来了」面试中必考的15个html知识点
该文章汇总了前端面试中常见的15个HTML知识点,涵盖了从HTML文档的规范书写、doctype声明的作用到新兴的HTML5标签应用及移动端viewport设置等内容,旨在帮助求职者更好地准备相关技术面试。
「offer来了」面试中必考的15个html知识点
|
1月前
|
Java C++ Python
【面试宝典】深入Python高级:直戳痛点的题目演示(下)
【面试宝典】深入Python高级:直戳痛点的题目演示(下)
|
1月前
|
设计模式 Unix Python
【面试宝典】深入Python高级:直戳痛点的题目演示(上)
【面试宝典】深入Python高级:直戳痛点的题目演示(上)
|
3月前
|
前端开发 应用服务中间件 API
"揭秘!面试官必问:你是如何巧妙绕过跨域难题的?前端代理VS服务器端CORS,哪个才是你的秘密武器?"
【8月更文挑战第21天】在软件开发中,尤其前后端分离架构下,跨域资源共享(CORS)是常见的挑战。主要解决方案有两种:一是服务器端配置CORS策略,通过设置响应头控制跨域访问权限,无需改动前端代码,增强安全性;二是前端代理转发,如使用Nginx或Webpack DevServer在开发环境中转发请求绕过同源策略,简化开发流程但不适用于生产环境。生产环境下应采用服务器端CORS策略以确保安全稳定。
50 0
|
5月前
|
缓存 Java 数据库连接
java面试题目 强引用、软引用、弱引用、幻象引用有什么区别?具体使用场景是什么?
【6月更文挑战第28天】在 Java 中,理解和正确使用各种引用类型(强引用、软引用、弱引用、幻象引用)对有效的内存管理和垃圾回收至关重要。下面我们详细解读这些引用类型的区别及其具体使用场景。
79 3