HTML（基础）

最新推荐文章于 2024-10-11 17:41:10 发布

Dragon.liu

最新推荐文章于 2024-10-11 17:41:10 发布

阅读量102

点赞数

分类专栏： HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_42223701/article/details/120952681

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

混合表单

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<form action="#" method="post" enctype="multipart/form-data">
		<fieldset>
			<br>
			<legend>注册</legend>>
			用户名：<input type="text" name="username" placeholder="请输入用户名"><br><br>
			密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password" placeholder="请输入密码"><br><br>
			照&nbsp;&nbsp;&nbsp;片:<input type="file" name="pic">
			<br><br>
			爱&nbsp;&nbsp;&nbsp;好:
			<input type="checkbox" name="ints" value="sk">抽样
			<input type="checkbox" name="ints" value="sd">学习
			<input type="checkbox" name="ints" value="dk">酗酒
			<br><br>
			性&nbsp;&nbsp;&nbsp;别:
			<input type="radio" name="sex" value="male">男
			<input type="radio" name="sex" value="femal">女
			<br><br>
			城&nbsp;&nbsp;&nbsp;市:
			<select name="city">
				<option value="sz">深圳</option>
				<option value="bj">北京</option>
				<option value="sh">上海</option>
				<option value="nj">南京</option>	
			</select>
			<br><br>
			<input type="submit" value="登录">
			&nbsp;&nbsp;&nbsp;
			<input type="reset" value="重置">
		</fieldset>	
	</form>
</body>
</html>

在这里插入图片描述

清单

有序清单的标记是

无序清单的标记是ul清单之间还需要嵌套清单列表项（标签是li）**其中可以增加对应的属性和属性值type=“A”

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<ul type="square">
		<li>三国</li>
		<li>西游</li>
		<li>红楼</li>
	</ul>
</body>
</html>

表格

<!DOCTYPE html>
<html>
<head>
	<title>表格页面</title>
</head>
<body>
	<center>
	<table border="1"><!--表边框-->
		<tr>
			<th>编号</th><!--标题居中加粗th-->
			<th>姓名</th>
			<th>职位</th>
			<th>薪资</th>
			<th>入职日期</th>
			<th>操作</th>
		</tr>
		<tr>
			<td>1001</td>
			<td>jack</td>
			<td>开发工程师</td>
			<td>30000</td>
			<td>1998.08.23</td>
			<td>
				<button>删除</button>
			</td>
		</tr>
		<tr>
			<td>1002</td>
			<td>tom</td>
			<td>人力</td>
			<td>7000</td>
			<td>2006.07.13</td>
			<td>
				<button>删除</button>
			</td>
		</tr>
		<tr>
			<td>1003</td>
			<td>kk</td>
			<td>财务</td>
			<td>6000</td>
			<td>2018.12.23</td>
			<td>
				<button>删除</button>
			</td>
		</tr>
	</table>
</center>
</body>
</html>