博客列表 >8月30日

8月30日

张进峰的博客
张进峰的博客原创
2019年08月31日 15:08:35483浏览

作业1:

html标签是网页的最基本单位,如:div标签  

 元素:从开始标签到结束标签的所有代码:如:<p>php中文网</p>称为p元素

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息

作业2:

有序列表:有序列表是一列项目,列表项目使用数字进行标记

无序列表:无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

定义列表:自定义列表不仅仅是一列项目,而是项目及其注释的组合。

作业3:

列表一般用来做导航

网页中的表格一般是用表格table做的

作业4:

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>


<body>

<ul>

<li>规划项目</li>

<li>写技术文档</li>

<li>给技术伙伴安排工作</li>

<li>共同努力,一同完成</li>


</ul>

<ol>

<li>规划项目</li>

<li>写技术文档</li>

<li>给技术伙伴安排工作</li>

<li>共同努力,一同完成</li>


</ol>

<dl>

<dt>领导</dt>

<dd>布置工作</dd>

<dt>员工</dt>

<dd>执行工作</dd>

</dl>

</body>


</html>

作业5:

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>


<body>

<table border="1" cellspacing="0" cellpadding="5" width="300" height="400">

<caption>商品清单</caption>

<tr>

<th>采购人</th>

<th>类别</th>

<th>数量</th>

<th>单价</th>

<th>金额</th>

</tr>

<tr>

<td rowspan="4">xx</td>

<td>苹果</td>

<td>2</td>

<td>1</td>

<td>2</td>

</tr>

<tr>

<td>桔子</td>

<td>4</td>

<td>3</td>

<td>12</td>

</tr>

<tr>

<td>香蕉</td>

<td>4</td>

<td>2</td>

<td>8</td>

</tr>

<tr>

<td>橙子</td>

<td>3</td>

<td>2</td>

<td>6</td>

</tr>

<tr>

<td colspan="4">合计:</td>


<td>28</td>

</tr>

</table>

</body>


</html>

作业6:

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>


<body>

<form action="register.php" method="POST">

<p>

<label for="username">姓名:</label>

<input type="text" name="username" id="username" placeholder="姓名">

</p>

<p>

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

<input type="password" name="password" id="password" placeholder="密码:">

</p>

<p>

<label for="email">邮箱:</label>

<input type="email" name="email" id="email" placeholder="邮箱:">

</p>

<p>

<label for="age">年龄:</label>

<input type="number" name="number" id="age" placeholder="年龄:">

</p>

<p>

性别:

<input type="radio" name="sex" id="man" checked><label for="man">男</label>

<input type="radio" name="sex" id="woman"><label for="woman">女</label>


</p>

<p>

爱好:

<input type="checkbox" name="hobby" id="swim" checked><label for="swim">游泳</label>

<input type="checkbox" name="hobby" id="basketball"><label for="basketball">打篮球</label>

<input type="checkbox" name="hobby" id="run"><label for="run">跑步</label>

</p>

<p>

<input type="submit" value="提交">

</p>

</form>

</body>


</html>


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