首页 > Web开发 > 详细

Html

时间:2017-05-17 11:39:38      阅读:236      评论:0      收藏:0      [点我收藏+]

一.table

技术分享
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>


</head>
<body>
    <div class="left">
        <table border="2px" cellpadding="10" cellspacing="0" style="border-color: hotpink">
            <tr>
                <td colspan="3" align="center">星期一菜谱</td>
            </tr>
            <tr>
                <td rowspan="2">素菜</td>
                <td>青草茄子</td>
                <td>花椒扁豆</td>
            </tr>
            <tr>
                <td>小葱豆腐</td>
                <td>炒白菜</td>
            </tr>
            <tr>
                <td rowspan="2">荤菜</td>
                <td>油闷大虾</td>
                <td>海参鱼翅</td>
            </tr>
            <tr>
                <td width="320"> 红烧肉 <img src="aa.png" title="红烧肉" width="220" height="165">
                </td>
                <td>考全羊</td>
            </tr>

        </table>
    </div>
    <div >
        <table border="2px" align="" cellpadding="10px" cellspacing="2px" style="border-color: cornflowerblue">
            <tr>
                <th>项目</th>
                <th colspan="5">上课</th>
                <th colspan="2">休息</th>
            </tr>
            <tr>
                <th>星期</th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
                <th>星期六</th>
                <th>星期日</th>
            </tr>
            <tr>
                <td rowspan="4">上午</td>
                <td>语文</td>
                <td>数学</td>
                <td>游泳</td>
                <td>跳舞</td>
                <td>英语</td>
                <td>美女</td>
                <td rowspan="4">休息</td>
            </tr>
            <tr>
                <td>语文</td>
                <td>数学</td>
                <td>游泳</td>
                <td>跳舞</td>
                <td>英语</td>
                <td>美女</td>
            </tr>
            <tr>
                <td>语文</td>
                <td>数学</td>
                <td>游泳</td>
                <td>跳舞</td>
                <td>英语</td>
                <td>美女</td>
            </tr>
            <tr>
                <td>语文</td>
                <td>数学</td>
                <td>游泳</td>
                <td>跳舞</td>
                <td>英语</td>
                <td>美女</td>
            </tr>
            <tr>
                <td rowspan="2">上午</td>
                <td>语文</td>
                <td>数学</td>
                <td>游泳</td>
                <td>跳舞</td>
                <td>英语</td>
                <td>美女</td>
                <td rowspan="2">休息</td>
            </tr>
            <tr>
                <td>语文</td>
                <td>数学</td>
                <td>游泳</td>
                <td>跳舞</td>
                <td>英语</td>
                <td>美女</td>
            </tr>
        </table>

    </div>
</body>
</html>
两图代码

技术分享技术分享

二.form

技术分享
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <form action="" method="post">
        <p>姓名:<input type="text" name="username"></p>
        <p>密码:<input type="password" name="passwd"></p>

        <p>爱好: 篮球<input type="checkbox" name="hobby" value="basketball">
        足球<input type="checkbox" name="hobby" value="football">
        乒乓球<input type="checkbox" name="hobby" value="pingpang"></p>
        
        <p>性别: 男<input type="radio" name="sex" value="men">女<input type="radio" name="sex" value="men"></p>
        <p><input type="submit" value="submit"></p>
        
        
        
    </form>

</body>
</html>
代码

技术分享

 

 

苑昊 

Html

原文:http://www.cnblogs.com/oyoui/p/6866125.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!