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

1.表格

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

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

2.媒体元素

<!--src表示视频地址,width为宽,height为高-->
<video src="" width="" height=""></video>

3.内联框架iframe

<!--iframe用于网页的嵌入name表示框架的名字-->
<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>rap</option>
     <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="重置">

猜你喜欢

转载自blog.csdn.net/weixin_45631296/article/details/104241657