掌握面试所需的 HTML 和 CSS：必答题以及哪些会让您感到惊讶-css教程-PHP中文网

在准备面试前端开发人员职位时，HTML和CSS是你面试中肯定会掌握的基础技术。大多数雇主会问您有关 HTML 结构和 CSS 样式的常见问题，但有些问题可能会让您感到惊讶并引起困惑。这就是为什么不仅掌握基础知识很重要，而且为更深层次和意想不到的问题做好准备也很重要。
在这篇文章中，我们将首先介绍 50 个最常见的 HTML 和 CSS 面试问题以及详细的答案。最后，我会添加 10 个可能让你感到困惑的意想不到的问题，但会解释如何解决它们。

HTML 问题：

1。什么是 HTML？它的基本用途是什么？
HTML（超文本标记语言）是一种用于构建网页内容的标记语言。允许创建标题、段落、链接、图像、表格和其他页面元素。

2。与以前的版本相比，HTML5 主要的新颖之处是什么？
HTML5 带来了诸如

、

3。解释一下 id 和 class 属性的区别。
id 是一种唯一标识符，只能分配给页面上的一个元素，而 class 可以分配给多个元素，用于对具有相似样式或功能的元素进行分组。

4。什么是语义 HTML 以及为什么它很重要？
语义 HTML 使用具有明确定义含义的元素（例如

、

5。 HTML5 的主要语义标签有哪些以及它们如何使用？
主要标签包括

、

6。什么是 DOCTYPE？为什么它在 HTML 文档中很重要？
声明定义要使用的 HTML 版本。在 HTML5 中，简单的声明确保页面在所有浏览器中正确显示。

7。如何在 HTML 中创建链接？使用 ;标签：单击此处。 href 属性指定链接指向的 URL。

8。如何在 HTML 中创建表格？

该表是使用

创建的。使用 、

和	的标签、行和列。示例： <table> <tr> <th>Ime</th> <th>Prezime</th> </tr> <tr> <td>Marko</td> <td>Marković</td> </tr> </table> 登录后复制 9。什么是图像 alt 属性以及为什么它很重要？ alt 属性为无法显示的图像提供替代文本。它对于 SEO 和可访问性非常重要，因为屏幕阅读器使用它来描述图像。 10。如何用 HTML 创建表单？表单是使用创建的。带有、和 <button> 等字段的标签。示例：</button> <form action="/submit" method="POST"> <input type="text" name="ime" placeholder="Unesi ime" /> <button type="submit">Pošalji</button> </form> 登录后复制 11。如何使用单选和复选框输入？当需要从一组选项中选择一个选项时使用单选按钮，而复选框则可以选择多个选项。示例： <input type="radio" name="pol" value="muško" /> Muško <input type="radio" name="pol" value="žensko" /> Žensko <br> <input type="checkbox" name="hobi" value="sport" /> Sport 登录后复制 12。如何在 HTML 中嵌入视频？使用标签： <video controls> <source src="video.mp4" type="video/mp4"> </video> 登录后复制 13。 HTML 表单中的占位符属性是什么？ placeholder 属性在输入字段内提供文本提示，该文本提示在用户输入数据之前一直可见。示例： <input type="text" placeholder="Unesi svoje ime"> 登录后复制 14。我们如何定义有序列表和无序列表？使用 ;对于编号列表和 ;用于项目符号列表。项目使用定义。示例： <ul> <li>Prva stavka</li> <li>Druga stavka</li> </ul> 登录后复制 15。我们如何在 HTML 中创建外部和内部链接？外部链接指向 Internet 上的另一个页面（使用完整的 URL），而内部链接则指向站点内的另一个页面（使用相对地址）。示例： <a href="https://example.com">Spoljni link</a> <a href="/kontakt">Unutrašnji link</a> 登录后复制 CSS pitanja: 16. Šta je CSS i čemu služi? CSS (Cascading Style Sheets) služi za stilizovanje HTML elemenata, definišući boje, margine, pozicioniranje, fontove, itd. 17. Koje su prednosti korišćenja eksternih CSS fajlova? Eksterni CSS fajlovi omogućavaju da se stilovi dele između više HTML stranica, smanjujući redundanciju i olakšavajući održavanje koda. 18. Kako primenjujemo CSS na HTML elemente? CSS se može primeniti na tri načina: inline (unutar HTML-a pomoću style atributa), u

和

的标签、行和列。示例：

<table>
  <tr>
    <th>Ime</th>
    <th>Prezime</th>
  </tr>
  <tr>
    <td>Marko</td>
    <td>Marković</td>
  </tr>
</table>

登录后复制

9。什么是图像 alt 属性以及为什么它很重要？

alt 属性为无法显示的图像提供替代文本。它对于 SEO 和可访问性非常重要，因为屏幕阅读器使用它来描述图像。

10。如何用 HTML 创建表单？

表单是使用

 <form action="/submit" method="POST">
     <input type="text" name="ime" placeholder="Unesi ime" />
     <button type="submit">Pošalji</button>
 </form>

登录后复制

11。如何使用单选和复选框输入？

当需要从一组选项中选择一个选项时使用单选按钮，而复选框则可以选择多个选项。示例：

  <input type="radio" name="pol" value="muško" /> Muško
  <input type="radio" name="pol" value="žensko" /> Žensko
  <br>
  <input type="checkbox" name="hobi" value="sport" /> Sport

登录后复制

12。如何在 HTML 中嵌入视频？

使用标签：

   <video controls>
      <source src="video.mp4" type="video/mp4">
   </video>

登录后复制

13。 HTML 表单中的占位符属性是什么？

placeholder 属性在输入字段内提供文本提示，该文本提示在用户输入数据之前一直可见。示例：

   <input type="text" placeholder="Unesi svoje ime">

登录后复制

14。我们如何定义有序列表和无序列表？

使用

;对于编号列表和

;用于项目符号列表。项目使用
定义。示例：

   <ul>
      <li>Prva stavka</li>
      <li>Druga stavka</li>
   </ul>

登录后复制

15。我们如何在 HTML 中创建外部和内部链接？

外部链接指向 Internet 上的另一个页面（使用完整的 URL），而内部链接则指向站点内的另一个页面（使用相对地址）。示例：

   <a href="https://example.com">Spoljni link</a>
   <a href="/kontakt">Unutrašnji link</a>

登录后复制

CSS pitanja:

16. Šta je CSS i čemu služi?
CSS (Cascading Style Sheets) služi za stilizovanje HTML elemenata, definišući boje, margine, pozicioniranje, fontove, itd.

17. Koje su prednosti korišćenja eksternih CSS fajlova?
Eksterni CSS fajlovi omogućavaju da se stilovi dele između više HTML stranica, smanjujući redundanciju i olakšavajući održavanje koda.

18. Kako primenjujemo CSS na HTML elemente?
CSS se može primeniti na tri načina: inline (unutar HTML-a pomoću style atributa), u