html基础标签

最新推荐文章于 2024-10-16 20:49:18 发布

wxsdgg

最新推荐文章于 2024-10-16 20:49:18 发布

阅读量56

点赞数

文章标签： html

本文链接：https://blog.csdn.net/dtrtg/article/details/114279326

版权

<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
	</head>
	<body>
		<!--表单标签：手机用户信息.包括<form></form>表单域、标签控件、提示信息 -->
		<form action="test.php" method="get">
			<!--表单标签：输入控件、下拉列表、文本域 -->
			<!--输入控件、<input> -->
			用户名：<input type="text"/>
			<br>密码：<input type="password"/>
			<br />性别：<input type="radio"name="xingbie"/>男 <input type="radio"name="xingbie"/>女
			<br />爱好：<input type="checkbox"/>打篮球<input type="checkbox"/>王者荣耀<input type="checkbox"/>跳舞
			<br /><input type="submit"/> <input type="reset"/> <input type="button" value="发送验证码"/>
			<!-- 下拉列表： -->
			<br />籍贯：<select>
			<optgroup value="guiyang" label="贵阳市">
			    <option>云岩区</option>
			    <option>花溪区</option>
			    <option>南明区</option>
			</optgroup>
			<optgroup value="zunyi" label="遵义市">
			    <option>红花岗区</option>
			    <option>汇川区</option>
			</optgroup>
			</select>
			<!-- 文本域 -->
			<br />留言：<textarea></textarea>
		</form>
	</body>
</html>

input:输入
type:|类型
text:文本
password:密码
radio:收音机、广播、单选
name：名字
checkbox:多选、复选框
submit:提交
reset:重置
button：按钮
value：价值、值
select:选择
option:选项
optgroup:定义选项组
textarea:文本域。可输入多行文本

<html>
	<head>
		<meta charset="utf-8" />
		<title>图书信息管理系统</title>
	</head>
	<body>
		<h3>图书信息表格</h3>
		<!-- 表格标签：<table></table> -->
		<!-- 表头<thead></thead>和表格数据部分<tbody></tdobyt> -->
		<!-- 表格的行： <tr></tr> table row -->
		<!-- px:像素单位 border：边框 cellspacing:s数据单元格之间的距离 cellpadding；文字的填充大小 -->
		<!-- 表头:<th></th> table head -->
		<!-- 数据单元格：、<td></td》 table data -->
		<table border="1px" cellspacing="0" cellpadding="5px">
			<thead>
				<tr>
					<th>书名</th>
					<th>作者</th>
					<th>价格</th>
					<th>购买链接</th>
				</tr>
			</thead>
			<tabody>
				<!-- 第一行： -->
				<tr>
					<td>世界上的另一个你</td>
					<td>丹弗·朗</td>
					<td>￥64.0</td>
					<td>
						<a href="#">当当网</a>
					</td>
				</tr>
				<!-- 第二行 -->
				<tr>
					<td>快乐的人</td>
					<td>卡耐基</td>
					<td>￥34.0</td>
					<td>
						<a href="#">当当网</a>
					</td>
				</tr>
				<!-- 第三行 -->
				<tr>
					<td>生死场</td>
					<td>萧红</td>
					<td>￥36.5</td>
					<td>
						<a href="#">当当网</a>
					</td>
				</tr>
				<!-- 第四行 -->
				<tr>
					<td>大象无影</td>
					<td>泽凡</td>
					<td>￥43.0</td>
					<td>
						<a href="#">当当网</a>
					</td>
				</tr>
				<!-- 第五行 -->
				<tr>
					<td>第一行代码</td>
					<td>郭霖</td>
					<td>￥54.0</td>
					<td>
						<a href="#">当当网</a>
					</td>
				</tr>
			</tabody>
		</table>
	</body>
</html>