表格標簽 table

<!-- caption 代表表格標題相關屬性border 邊框cellpadding 設置單元格內填充cellspacing 設置單元格間空隙width 設置表格寬度，默認是內容撐起來的寬度 子元素col 虛擬列相關屬性 span 設置合并的列tr代表行相關屬性 align 設置行中每個單元格中內容的對其方式子元素 td代表單元格相關屬性 width 設置單元格的寬度，這一列中最寬的單元格的寬度是這一列的寬度align 對齊方式rowspan 設置單元格合并的行數colspan 設置單元格合并的列數th代表標題單元格（會自動居中加粗）width 寬度align 對齊方式-->

案例：

    <table border="1" cellpadding="30" cellspacing="0" width="800"><caption>表格標題</caption><!-- 第一列 --><col style="background: red;"><!-- 第二列 --><col style="background: blue;"><tr><th>標題</th><th>標題</th><th>標題</th></tr><tr align="center"><td>r</td><td width="400">r</td><td>r</td></tr><tr><td rowspan="2">er</td><td>er</td><td>er</td></tr><tr><td>er</td><td>er</td></tr><tr><td colspan="3">er</td></tr></table>

展示結果

媒體元素

audio 音頻

相關屬性：

• src 設置音頻資源路徑

• controls 控制音頻播放器是否顯示

• autoplay 設置音頻自動播放

• loop 循環播放

vido 視頻

相關屬性：

• src 設置音頻資源路徑
• controls 控制音頻播放器是否顯示
• autoplay 設置音頻自動播放
• loop 循環播放
• width 寬
• height 高

注意等比例變化

form 表單元素

<!-- form 表單元素表單控件元素 inputname 設置控件名稱value 設置控件的值placeholder 提示信息autofocus 設置表單控件為焦點狀態（可以鍵入的狀態），一個表單使用一次checked 默認選中 （單選復選）disable 控件是否可用readonly 只讀type 設置控件類型text 單行文本框password 密碼框radio 單選框checkbox 復選框file 文件上傳器submit 提交按鈕button 普通按鈕reset 重置按鈕color 顏色拾取器number 數字輸入框（只能輸入數字）min最小 max最大 step步長 （range ）range 滑塊date 日期time 時間datetime-local 本地日期時間控件month 月week 周！！！name value 功能性必須要有select 下拉框namesize 設置顯示下拉項個數multiple 設置是否多選子元素option 下拉選項value 下拉值selected 默認下拉項選中optgroup 選項組label 下拉項組名多行文本框textareaname    cols 設置文本框的寬度rows 設置多行文本框的高度filedset元素和legend元素 主要是把表單控件分類-->

案例：

<form action="" style="height: 300px;"><input type="text" value="文本框"><input type="password" placeholder="密碼"><input type="radio" id=""><input type="checkbox"><input type="file"><input type="submit"><input type="button" value="按鈕"><input type="reset"><input type="color" name="" id=""><input type="number" name="" id=""><br><input type="number" name="" id=""><br><input type="range" name="" id=""><br><input type="date" name="" id=""><input type="time" name="" id=""><input type="datetime-local" name="" id=""><fieldset><legend>信息</legend><input type="text" value="文本框"><input type="password" placeholder="密碼"><input type="radio" id=""><input type="checkbox"><input type="file"><input type="submit"><input type="button" value="按鈕"><input type="reset"><input type="color" name="" id=""><input type="number" name="" id=""><br><input type="number" name="" id=""><br><input type="range" name="" id=""><br><input type="date" name="" id=""><input type="time" name="" id=""><input type="datetime-local" name="" id=""></fieldset></form>

結果：