<h1>完成表格的跨行合并功能<h1>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格学习验证</title> </head> <body> <h1>表格的学习验证</h1> <p>听老师将，表格是HTML中比较重要的部分，要好好学习和验证</p> <table border="1" cellspacing="0" cellpadding="5"> <tr> <th>序号</th> <th>商品名称</th> <th>单价</th> <th>数量</th> <th>总价</th> <th>类型</th> </tr> <tr> <td>1</td> <td>英雄牌钢笔</td> <td>2.00</td> <td>2</td> <td>4.00</td> <td rowspan="2">办公用品</td> </tr> <tr> <td>2</td> <td>好人牌碳素笔</td> <td>2.15</td> <td>1</td> <td>2.15</td> </tr> <tr> <td>3</td> <td>小米牌_笔记本电脑</td> <td>4999.99</td> <td>1</td> <td>4999.99</td> <TD ROWSPAN="2">办公电器</TD> </tr> <tr> <td>5</td> <td>小米牌_手机充电宝</td> <td>199.99</td> <td>1</td> <td>199.99</td> </tr> <tr> <td colspan="3">合计：</td> <td>5</td> <td colspan="2">10086.99元</td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
<h1>独立完成一个用户注册表单</h1>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册_表单的学习</title> </head> <body> <h1>用户注册_表单的学习验证</h1> <form action="" method="post"> <p> <label for="username">账户：</label> <input type="text" name="username" id="username" placeholder="8-12位字母或数字" required> </p> <p> <label for="password">密码：</label> <input type="password" name="password" id="password" placeholder="请输入6-12位密码"> </p> <p> <label for="email">邮箱：</label> <input type="emali" name="email" id="email" placeholder="exaport@email.com"> </p> <p> <label for="age">年龄：</label> <input type="number" name="age" id="age" min="16" max="99"> </p> <p> <label for="birthday">生日：</label> <input type="date" name="birthday" id="birthday"> </p> <p> <label for="kecheng">课程:</label> <select name="kecheng" id="kecheng" > <option autocapitalize="" >PHP教学</option> <option>HTML教学</option> <option>CSS教学</option> <option>MySQL教学</option> <option>SqlServer教学</option> </select> </p> <p> <label for="aihao">爱好：</label> <input type="checkbox" name="aihao" id="book" value="book"><label for="book">读书</label> <input type="checkbox" name="aihao" id="game" value="game"><label for="game">游戏</label> <input type="checkbox" name="aihao" id="song" value="song"><label for="song">唱歌</label> </p> <p> <label for="sex">性别</label> <input type="radio" name="sex" value="boy" id="boy"><label for="boy">男</label> <input type="radio" name="sex" value="girl" id="girl"><label for="girl">女</label> <input type="radio" name="sex" value="baomi" id="baomi"><label for="baomi">保密</label> </p> <label for="jianjie">简介</label> <textarea name="jianjie" id="jianjie" cols="30" rows="10"></textarea> <p> <button type="submit ">提交</button> </p> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
<h1>制作一个简易的后台首页</h1>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>后台管理的学习验证</h1> <!--加入一个选项卡--> <ul> <li><a href="demo1.html" target="mian">标签学习</a></li> <li><a href="demo3.html" target="main">表格学习</a></li> <li><a href="demo4.html" target="main">注册页面</a></li> </ul> <iframe src="" frameborder="0" width="600" height="500" name="main"></iframe> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例