HTML:1.表格;2.媒体元素;3.内联框架iframe;4.表单

1.表格

<table border="1px">
    <tr>
        <td>1td>
        <td>2td>
        <td>3td>
    tr>
    <tr>
        <td>4td>
        <td>5td>
        <td>6td>
    tr>
    <tr>
        <td>7td>
        <td>8td>
        <td>9td>
    tr>
table>

显示效果为:
在这里插入图片描述

2.媒体元素


<video src="" width="" height="">video>

3.内联框架iframe


<iframe>iframe>

4.表单

<1>文本输入框

<input type="text" name="">

<2>密码输入框

<input type="password" name="">

<3>单选按钮

性别:
<input type="radio" value="boy" name="sex"><input type="radio" value="girl" name="sex">

<4>多选框

爱好:
<input type="checkbox" value="sing" name="hobby"><input type="checkbox" value="dance" name="hobby"><input type="checkbox" value="rap" name="hobby" checked>rap
 <input type="checkbox" value="basketball" name="hobby">篮球

<5>普通按钮

<input type="button" value="btn" name="btn">

<5>图片按钮

<input type="image" src="" width="" height="">

<6>下拉框

爱好:
<select name="列表名称">
     <option value="sing">option>
     <option value="dance">option>
     <option value="rap" selected>rapoption>
     <option value="basketball">篮球option>
select>

<7>文本域

<textarea name="textarea" cols="50" rows="10">textarea>

<8>文件域

<input type="file" name="files">

<9>邮箱验证

<input type="email" name="email">

<10>url验证

<input type="url" name="url">

<11>滑块

音量:
 <input type="range" name="voice" min="0" max="100" step="1">

<12>搜索框

<input type="search" name="search">

<13>提交

 <input type="submit" value="提交">

<14>重置

<input type="reset" value="重置">

你可能感兴趣的:(html5)