首頁 > 文章 > web前端 > 掌握面試所需的 HTML 和 CSS：必答題以及哪些會讓您感到驚訝

掌握面試所需的 HTML 和 CSS：必答題以及哪些會讓您感到驚訝

Barbara Streisand原創: 2024-09-19 18:15:47604瀏覽

在準備面試前端開發人員職位時，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