html的文档结构
<!DOCTYPE html> 文档类型
<html> 文档选择的语言
<head> 头部，浏览器识别部分
<meta charset="UTF-8">
<title></title>
</head>
<body> 身体部分，为用户所看到的部分
</body>
</html>
2.无序列表
3.表格的用法以及行列合并的应用
实例
<table border="1" cellspacing="0" width="300px" align="letf"> <caption>回收价格</caption> <thead> <tr bgcolor="silver"> <td>序号</td> <td>产品</td> <td>单价</td> <td>数量</td> <td>总价</td> </tr> </thead> <tbody align="center"> <tr> <td>1</td> <td>冰箱</td> <td>100</td> <td>1</td> <td>100</td> </tr> <tr> <td>2</td> <td>彩电</td> <td>50</td> <td>3</td> <td>150</td> </tr> <tr> <td>3</td> <td>空调</td> <td>200</td> <td>2</td> <td>400</td> </tr> <tr> <td colspan="3">总计</td> <td>6</td> <td>650</td> </tr> </tbody> </table>
运行实例 »
点击 "运行实例" 按钮查看在线实例
4.表单以及常用控件元素的使用
实例
<h3>网络问卷调查</h3> <form action="" method="get" name="register"> <p> <label for="usename">账号：</label> <input type="text" name="usename" id="usename" placeholder="不超过12字符" maxlength="12"> </p> <p> <label for="password">密码：</label> <input type="password" id="password" name="password" > </p> <p> <label for="age"> 年龄：</label> <input type="number" id="age" name="age" min="20" max="80"> </p> <p> <label for="birthplace">地址：</label> <select name="birthplace" id="birthplace" > <option value="0">请选择</option> <option value="1">太原</option> <option value="2">临汾</option> <option value="3">运城</option> <option value="3">大同</option> <option value="3">晋城</option> <option value="3">晋中</option> <option value="3">忻州</option> <option value="3">吕梁</option> <option value="3">阳泉</option> </select> </p> <p> <label for="game">爱好:</label> <input type="checkbox" id="game" name="hobby" value="game" checked> <label for="game">游戏</label> <input type="checkbox" id="book" name="hobby" value="book" > <label for="book">看书</label> </p> <p> <label for="male">性别：</label> <input type="radio" name="gender" id="man"> <label for="man"> 男</label> <input type="radio" name="gender" id="male"> <label for="male">女</label> </p> <p> <label for="comment">简介：</label><br> <textarea name="comment" id="comment" maxlength="80" rows="10" cols="30" placeholder="不超过80字符"></textarea> </p> <p> <input type="button"name="button"value="提交"> <input type="reset" name="reset" value="重置"> </p> </form>
运行实例 »
点击 "运行实例" 按钮查看在线实例