获得完整访问权限
新成为赞助商 ->
获得完整访问权限
JavaScriptReactAngularVueSvelteCSSHTMLTypeScript

HTML 面试问题

90+ 个涵盖语义、表单、可访问性、媒体以及创建结构化、交互式网页的最重要的 HTML 面试问题。
由前面试官解答
测试用例
在浏览器中编码

题目列表

HTML面试指南浏览我们的入门指南，在开始实践之前，先扎实掌握HTML面试准备。
0/3指南
指南
  • Counter热身问题Build a simple counter that increments whenever a button is clicked
    可用的框架
  • AccordionBuild an accordion component that a displays a list of vertically stacked sections with each containing a title and content snippet
    可用的框架
  • Contact FormBuild a contact form which submits user feedback and contact details to a back end API
    可用的框架
  • Holy GrailBuild the famous holy grail layout consisting of a header, 3 columns, and a footer
    可用的框架
  • Progress BarsBuild a list of progress bars that fill up gradually when they are added to the page
    可用的框架
  • Mortgage CalculatorBuild a calculator that computes the monthly mortgage for a loan
    可用的框架
  • TabsBuild a tabs component that displays a list of tab elements and one associated panel of content at a time
    可用的框架
  • Data TableBuild a users data table with pagination features
    可用的框架
  • Dice RollerBuild a dice roller app that simulates the results of rolling 6-sided dice
    可用的框架
  • File ExplorerBuild a file explorer component to navigate files and directories in a tree-like hierarchical viewer
    可用的框架
  • getElementsByStyle实现一个函数，以获取使用指定样式呈现的所有 DOM 元素
    语言
  • HTML 序列化器实现一个将对象序列化为带有缩进的 HTML 字符串的函数
    语言
  • Like ButtonBuild a Like button that changes appearance based on the states
    可用的框架
  • Modal DialogBuild a reusable modal dialog component that can be opened and closed
    可用的框架
  • Star RatingBuild a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating
    可用的框架
  • Todo ListBuild a Todo list that lets users add new tasks and delete existing tasks
    可用的框架
  • Traffic LightBuild a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely
    可用的框架
  • Digital ClockBuild a 7-segment digital clock that shows the current time
    可用的框架
  • getElementsByClassName实现一个函数，获取包含指定类的所有 DOM 元素
    语言
  • Tic-tac-toeBuild a tic-tac-toe game that is playable by two players
    可用的框架
  • Image CarouselBuild an image carousel that displays a sequence of images
    可用的框架
  • Job BoardBuild a job board that displays the latest job postings from Hacker News
    可用的框架
  • StopwatchBuild a stopwatch widget that can measure how much time has passed
    可用的框架
  • Transfer ListBuild a component that allows transferring of items between two lists
    可用的框架
  • Nested CheckboxesBuild a nested checkboxes component with parent-child selection logic
    可用的框架
  • Flight Booker高级Build a component that books a flight for specified dates
    可用的框架
  • Generate Table高级Generate a table of numbers given the rows and columns
    可用的框架
  • jQuery.css高级实现一个类似 jQuery 的函数，用于设置 DOM 元素的样式
    语言
  • Progress Bar高级Build a progress bar component that shows the percentage completion of an operation
    可用的框架
  • Temperature Converter高级Build a temperature converter widget that converts temperature values between Celsius and Fahrenheit
    可用的框架
  • Tweet高级Build a component that resembles a Tweet from Twitter
    可用的框架
  • Accordion II高级Build an accessible accordion component that has the right ARIA roles, states, and properties
    可用的框架
  • Accordion III高级Build a fully accessible accordion component that has keyboard support according to ARIA specifications
    可用的框架
  • Analog Clock高级Build an analog clock where the hands update and move like a real clock
    可用的框架
  • Data Table II高级Build a users data table with sorting features
    可用的框架
  • File Explorer II高级Build a semi-accessible file explorer component that has the right ARIA roles, states, and properties
    可用的框架
  • File Explorer III高级Build a file explorer component using a flat DOM structure
    可用的框架
  • getElementsByTagName高级实现一个函数，获取所有匹配标签的 DOM 元素
    语言
  • Grid Lights高级Build a grid of lights where the lights deactivate in the reverse order they were activated
    可用的框架
  • jQuery 类操作高级实现一组类似 jQuery 的函数，用于操作 DOM 元素的类
    语言
  • Modal Dialog II高级Build a semi-accessible modal dialog component that has the right ARIA roles, states, and properties
    可用的框架
  • Modal Dialog III高级Build a moderately-accessible modal dialog component that supports common ways to close the dialog
    可用的框架
  • Progress Bars II高级Build a list of progress bars that fill up gradually in sequence, one at a time
    可用的框架
  • Tabs II高级Build a semi-accessible tabs component that has the right ARIA roles, states, and properties
    可用的框架
  • Tabs III高级Build a fully accessible tabs component that has keyboard support according to ARIA specifications
    可用的框架
  • 文本搜索高级实现一个函数，如果搜索词出现在文本中，则突出显示该文本
    语言
  • 相同的 DOM 树高级实现一个函数来确定两棵 DOM 树是否相同
    语言
  • Progress Bars III高级Build a list of progress bars that fill up gradually concurrently, up to a limit of 3
    可用的框架
  • 文本搜索 II高级实现一个函数，如果搜索词出现在文本中，则突出显示文本
    语言
  • Birth Year Histogram高级Build a widget that fetches birth year data from an API and plot it on a histogram
    可用的框架
  • Connect Four高级Build a game for two players who take turns to drop colored discs from the top into a vertically suspended board/grid
    可用的框架
  • Image Carousel II高级Build an image carousel that smoothly transitions between images
    可用的框架
  • Pixel Art高级Build a pixel art drawing tool where users can paint pixels with selected colors
    可用的框架
  • Signup Form高级Build a signup form that does validation on user details and submits to a back end API
    可用的框架
  • Undoable Counter高级Build a counter with a history of the values and ability to undo/redo actions
    可用的框架
  • Users Database高级Build a UI to filter, create, update, and delete users
    可用的框架
  • Whack-A-Mole高级Build a popular arcade game where players attempt to hit moles as they pop up from holes in a board
    可用的框架
  • Memory Game高级Build a memory game where the player needs to match pairs of cards
    可用的框架
  • Auth Code Input高级Build an auth code input component that allows users to enter a 6-digit authorization code
    可用的框架
  • Progress Bars IV高级Build a list of progress bars that fill up gradually concurrently, up to a limit of 3 and allows for pausing and resuming
    可用的框架
  • Data Table III高级Build a generalized data table with pagination and sorting features
    可用的框架
  • getElementsByTagNameHierarchy高级实现一个函数，获取所有匹配标签层级的 DOM 元素
    语言
  • Modal Dialog IV高级Build a fully-accessible modal dialog component that supports all required keyboard interactions
    可用的框架
  • 目录高级实现一个从 HTML 文档构建目录的函数
    语言
  • Data Table IV高级Build a generalized data table with pagination, sorting and filtering features
    可用的框架
  • Image Carousel III高级Build an image carousel that smoothly transitions between images that has a minimal DOM footprint
    可用的框架
  • Selectable Cells高级Build an interface where users can drag to select multiple cells within a grid
    可用的框架
  • Tic-tac-toe II高级Build an N x N tic-tac-toe game that requires M consecutive marks to win
    可用的框架
  • Transfer List II高级Build a component that allows transferring of items between two lists, bulk selection/unselection of items, and adding of new items
    可用的框架
  • Wordle高级Build Wordle, the word-guessing game that took the world by storm
    可用的框架

HTML 面试问题和答案

您是否厌倦了提供模糊问题和答案的低质量 HTML 面试问题列表？ 我们的平台为 HTML 面试准备提供了一个全面的资源，其中包含超过 90 个高质量的 HTML 面试问题和答案。

我们的 HTML 面试问题集由前 FAANG 面试官策划和解答，确保您为可能遇到的任何类型的面试做好准备。 每个问题还附带示例解决方案和全面的自动化测试用例，让您能够高效地提高技能。

我们的列表包含两大类问题：HTML 编码面试问题和 HTML 测验面试问题。

HTML 编码面试问题

通过使用我们精心策划的 HTML 编码面试问题列表进行练习，掌握基本的 HTML 技术和面试模式。 从创建语义标记、构建 Web 内容到使用多媒体元素和表单，我们提供了大量带有示例答案的练习题。

此外，我们还提供了一个浏览器内编码工作区，使您无需任何设置即可直接在浏览器中进行编码。 针对我们的自动化测试用例运行您的代码，并在几秒钟内知道它是否准确。 此外，您可以改进您的代码，并从备受推崇的前大型科技公司高级/员工工程师提供的详细解决方案中学习最佳实践。

HTML 测验面试问题

HTML 测验问题通常测试您的知识和基础知识。 我们有此类面试中经常被问到的顶级 HTML 测验问题，涵盖性能、Web API、国际化和测试等重要主题。 同样，我们提供了由前面试官撰写的这些问题的详细答案。