博主信息
博文 3
粉丝 0
评论 0
访问量 2004
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html常用标签-2019-01.14
叶月的博客
原创
648人浏览过

实例

<!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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学