博客列表 >html常用标签-2019-01.14

html常用标签-2019-01.14

叶月的博客
叶月的博客原创
2019年01月16日 13:25:49478浏览

实例

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>作业练习</title>

</head>

<body style="height: 2500px">

<!-- 标题和段落 -->

<div>

<h1>像我这样的人</h1>

<h2>像我这样的人</h2>

<h3>像我这样的人</h3>



<p>像我这样的聪明的人</p>

</div>

<!-- 换行水平线 -->

<hr>

    <!-- 列表 -->

<div>

<h3>购物清单</h3>

<!-- 无序列表 -->

<ul>

<li>1.洗发水一个,20,头油</li>

<li>2.电视机一个,3000,娱乐</li>

<li>3.相机一个,5000,拍照</li>

</ul>

<!-- 有序列表 -->

<ol>

<li>洗发水一个,20,头油</li>

<li>电视机一个,3000,娱乐</li>

<li>相机一个,5000,拍照</li>

</ol>

<!-- 定义列表 -->

<dl>

<dt>动漫</dt>

<dd>美好的二次元。</dd>



</dl>



</div>

    <!-- 表格 -->

<hr>

<table border="1" cellpadding="6" cellspacing="0" width="600px" height="200px">

<caption>购物车</caption>

<thead>

<tr bgcolor="lightgreen">

<th>序号</th>

<th>名称</th>

<th>数量</th>

<th>价格</th>

</tr>



</thead>



<tbody>



<tr>

<td>1</td>

<td>洗发水</td>

<td>1</td>

<td>20</td>

</tr>



<tr>

<td>2</td>

<td>电视机</td>

<td>1</td>

<td>3000</td>

</tr>



<tr>

<td>3</td>

<td>相机</td>

<td>1</td>

<td>5000</td>

</tr>

</tbody>



</table>

<hr>

<!-- 表单 -->

<h3>用户注册</h3>

<form action="" method="GET">

<div>

<label for="username">用户名:</label>

<input type="text" id="username" name="username" value=""  placeholder="用户名不能少于6位">

</div>

<div>

<!-- <label for="password">密码:</label>

<input type="password" id="password">

 -->

<label>密码:<input type="password" name="password" placeholder="密码必须包括数字和字母" size="25"></label>

</div>

<div>

<label>确认密码:<input type="password" name="password" placeholder="密码必须包括数字和字母" size="25"></label>

</div>

<div>

<!-- 单选按钮name值必须一样 -->

<input type="radio" name="gender" value="male" id="male"><label for="male">男</label>

<input type="radio" name="gender" value="female" id="female" checked><label for="female">女</label>



</div>



<div>

<!-- 复选框 -->

<input type="checkbox" name="liked[]" value="read" id="read" checked=""><label for="read">阅读</label>

<input type="checkbox" name="liked[]" value="run" id="run" checked=""><label for="run">跑步</label>

<input type="checkbox" name="liked[]" value="music" id="music"><label for="music">音乐</label>

</div>

<!-- 下拉框 -->

<div>

<!-- select与value值是分开的 -->

<label for="money">你的工资</label>

<select name="money" id="money" value="2">

<option value="1">你懂得,没有钱</option>

<option value="2">千元户</option>

<option value="3">万元户</option>

</select>

</div>

<div>

<label for="common">留言:</label>

<textarea name="common" id="" cols="30" rows="10" placeholder="不超过100字"></textarea>

</div>



<input type="submit" value="注册">

<input type="reset" value="重置">

<button type="button">提交</button>



</form>



<!-- 图片媒体 -->

<img src="/dd/ss.jpg" alt="蛋糕">



<!-- 视频 -->

<video src="/dd/dd.mp4" controls="controls"></video>







</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议