html下

最新推荐文章于 2024-11-14 00:00:11 发布

Cat_aaadcat

最新推荐文章于 2024-11-14 00:00:11 发布

阅读量135

点赞数 3

文章标签： html 前端 java

本文链接：https://blog.csdn.net/aaa3264784224/article/details/138537604

版权

1.表格

代码结构

<table align="center" border="1" cellpadding="0" cellspacing="0">
        <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr>
        <tr> <td>小明</td> <td>男</td> <td>19</td> </tr>
        <tr> <td>小李</td> <td>男</td> <td>15</td> </tr>
        <tr> <td>小红</td> <td>女</td> <td>19</td> </tr>
    </table>

表头单元格（加粗居中）


                <th>排名</th>
                <th>关键词</th>
                <th>趋势</th>
                <th>今日搜索</th>
                <th>最近七日</th>
                <th>相关链接</th>

表格属性

align border cellpadding cellspacing width height
//后面用css实现

表格结构

<thead></thead>
<tbody></tbody>

合并单元格

<table align="center" border="1" cellspacing="0" width="500" height="250">
        <tr>
            <td></td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>

2.列表

列表后面的样式用css设置，<ul>中只能嵌套<li>,<li>相当于一个容器，可以放其他tag

无序列表

    <ul>
        <li>苹果</li>
        <li>榴莲</li>
        <li>西瓜</li>
        <li>葡萄</li>
    </ul>

有序列表

    <ol>
        <li>中国 14亿</li>
        <li>美国 3亿</li>
        <li>日本 1个</li>
    </ol>

自定义列表

    <dl>
        <dt>线下门店</dt>
        <dd>小米之家</dd>
        <dd>服务网点</dd>
        <dd>授权体验店</dd>
    </dl>

3.表单

表单可以分为表单域，表单控件，提示信息

里面还有主要的

input 输入表单元素

select 下拉表单元素

textarea 文本域元素

<form action="xxx.php" method="get">
        性别 <label for="sex">男</label>
            <input type="radio" id="sex"> 
            <label for="se">女</label>
            <input type="radio" id="se"> <br>
        爱好 唱<input type="checkbox" checked="checked"> 跳<input type="checkbox" checked="checked"> rap<input type="checkbox" checked="checked"> 篮球<input type="checkbox" checked="checked"> <br> 

        籍贯
        <select>
            <option>广东</option>
            <option>山东</option>
            <option>辽宁</option>
            <option>北京</option>
            <option>福建</option>
        </select> <br>

        用户名<input type="text"> <br>
        密码<input type="password"> <br>
        <input type="submit" value="登录">
        <input type="reset" value="重新填写">
        <input type="button" value="获取验证码"> <br>
        上传头像：<input type="file"> <br>

        今日反馈：
        <textarea></textarea>
    </form>