前端面試題 - html - 標簽

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 onerror="function()" />

video