<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>百度一下,你就知道</title> <!--显示网址名字 -->
<style type="text/css">
table{
border: 1px solid black;
border-spacing: 0px; <!--去除线内间隙 -->
border-collapse: collapse; <!--变细 -->
}
th,td{
border: 1px solid black;
}
</style>
</head>
</head>
<body>
<a href="网址">百度</a> /*链接网址*/
<img src="img/2.gif" width="300px" title="人" />
<!--src插入图片,title点击图片显示文字,width图片大小-->
<!--行内元素高度宽度包裹内容,但不单独成行-->
<b>郑州</b>
<i>郑州</i>
<del>郑州</del>
<span>郑州</span>
<!--块级元素,高度包裹内容,但是宽度与父标记相同,单独成行-->
<p style="text-align: center;">郑州</p> <!--改变行内元素位置 -->
<div>郑州</div>
<h1>郑州</h1>
<h6>郑州</h6>
<!-- order list ol.有序列表-->
<ol start="2" type="1">
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ol>
<!-- unorder list ul.无序列表-->
<ul> <!-- 这个无自动显示,尝试自己输入完整格式-->
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ul>
<!-- 表格-->
<table>
<tr>
<th>序号</th><th>姓名</th><th>电话</th><th>地址</th>
</tr>
<tr>
<td>1</td><td>jiam</td><td>110</td><td>公安局</td>
</tr>
<tr>
<td>2</td><td>mire</td><td>120</td><td>医院</td>
</tr>
</table>
<!--form表单-->
<!--隐藏框-->
<input type="hidden" />
<!--文本框-->
<input type="text" placeholder="请输入用户名" />
<!--密码框-->
<input type="password" placeholder="请输入密码" />
<!--文件框-->
<input type="file" />
<!--下拉列表-->
<select
<option>--请选择--</option>
<option>河南</option>
<option>河北</option>
</select>
<!--文本框-->
<textarea></textarea>
<!--单选框--> <!--系统只能识别name相同的标签为一类,为一体,id相同的标签可有双方作用效果-->
<input type="radio" name="sex" id="male" /><label for="male">男</label>
<input type="radio" name="sex" id="female" /><label for="female">女</label>
<!--复选框 ,可以选多个-->
<input type="checkbox" name="hobby" id="1" /><label for="1">篮球</label>
<input type="checkbox" name="hobby" id="2" /><label for="2">足球</label>
<input type="checkbox" name="hobby" id="3"/><label for="3">排球</label>
<!--按钮,了解-->
<input type="button" value="登录" />
<input type="sumbit" value="提交" />
<input type="reset" value="取消" /> <!--打开我的电脑,windon+E-->
<!--合并单元格-->
<table>
<tr>
<th>序号</th><th>姓名</th><th>电话</th><th>地址</th>
</tr>
<tr>
<td>1</td><td>jiam</td><td>110</td><td rowspan="2">地址</td> <!--row列,标签相同,删除多余的-->
</tr>
<tr>
<td>2</td><td colspan="2">mire</td><!--col行,标签相同,不想要的删除-->
</tr>
</table>
</body>
</html>
2020-11-25
最新推荐文章于 2024-09-20 13:42:43 发布