实例
<!doctype html> <!-- 定义文档类型 --> <html tag="en"> <!-- 文档根元素 --> <!-- head头标签 --> <head> <mate charset ="utf-8"> <title> 文档标题 </title> <head> <!-- body文档内容 --> <body> <p> <h1> php中文网 </h1> </p> </body> </html> <hr> <!doctype html> <head> <mate charset ="utf-8"> <title> 无序列表 </title> <head> <body> <h2> 厨房 </h2> <ui> <li>小菜刀</li> <li>油盐醋</li> <li>电饭煲</li> </ui> <h2> 房子 </h2> <ol> <li>大厅</li> <li>卧室</li> <li>阳台</li> </ol> <!-- dl自定义列表 --> <dl> <dt>猫</dt> <dd>是用来捉老鼠用的</dd> <dt>狗</dt> <dd>是用来看家用的</dd> <dt>猪</dt> <dd>是用来养大卖出去的</dd> </dl> </body> <hr> <!doctype html> <html tag="en"> <head> <mate charset ="utf-8"> <title> 表单 </title> <body> <table border="1" cellpadding=""4 cellspacing="0"> <captionn> 购物车 </captionn> <thed> <tr align="center" bgcolor="#green" > <th>编号</th> <th>名称</th> <th>单价</th> <th>数量</th> <th>金额</th> <!-- th 字体加粗--> </tr> </thed> <tbody> <tr align="center"> <td width="60">1</td> <td width="70">苹果</td> <td width="80">3</td> <td width="90">5</td> <td width="100" rowspan="2">35</td> </tr> <tr align="center"> <td>2</td> <td>哈密瓜</td> <td>5</td> <td>4</td> </tr> <tr align="center"> <td>3</td> <td>火龙果</td> <td>7</td> <td>2</td> <td>14</td> <tfoot> <tr align="center"> <td colspan="3">总计：</td> <td >11</td> <td >49</td> </tr> </tfoot> </tbody> </body> </html> <hr> <!doctype html> <html tag="en"> <head> <mate charset ="utf-8"> <title> 表单与表单中的控件元素 </title> </head> <body> <h2> 用户注册 </2> <from action="" method="get" name="register"> <p> <lader for="username">账号:</label> <input type="text" id="username" name="username" placeholder="不超过八个字符" autofocus> </p> <p> <lader for="password">密码:</label> <input type="text" id="password" name="password" placeholder="6-14个字母或数字" > </p> <p> <lader for="email">邮箱:</label> <input type="email" id="email" name="email" placeholder="vsdghvj@qq.com" required> </p> <p> <lader for="ago">年龄:</label> <input type="number" id="ago" name="ago" min="8" max="55"> </p> <p> <lader for="birthday">生日:</label> <input type="date" id="birthday" name="birthday" > </p> <p> <lader for="course">课程:</label> <select name="course" id="course" size="1"> <optgroup label="前端："> <option value="0">请选择</option> <option value="1">html5</option> <option value="2">css3</option> <option value="3" selected>javescript</option> </optgroup > <optgroup label="后端："> <option value="4">php</option> <option value="5">MySQL</option> <option value="6">thingphp</option> </optgroup> <optgroup label="科目："> <option value="7">数学</option> <option value="8">语文</option> <option value="9">英语</option> </optgroup> </select> </p> <p> <label for="programe">兴趣爱好：</label> <input type="checkbox" name="hobby[]" value="play basketball" id="play basketbal" checked> <label for="play basketball">打篮球</label> <input type="checkbox" name="hobby[]" value="play football" id="value="play football"> <label for="value="play football">踢足球</label> <input type="checkbox" name="hobby[]" value="swimming" id="swimming"> <label for="swimming">游泳</label> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
