HTML

最新推荐文章于 2026-01-06 22:03:14 发布

原创最新推荐文章于 2026-01-06 22:03:14 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML入门

HTML常用标签
- HTML表格
- - HTML表单

HTML常用标签

1、HTML文件结构 在这里插入图片描述

2、标签
（1）段落标签
在这里插入图片描述
（2）注释标签：

（3）标题标签：

（4）img标签：
若Img加载错误，则显示"alt"内容
（5）a标签：

【注】：
1）打开外网必须加上“http://”
2）A标签的target属性：
_blank：在新打开、未命名的窗口打开链接
_parent：在父窗口打开链接
_self：当前窗口打开
_top：_top目标将会清楚所有被包含的frame框架

（6）锚点标签：
在这里插入图片描述
（7）无序列表：

（8）有序列表：

在这里插入图片描述

HTML表格

使用表格进行各类型数据展示的方法
在这里插入图片描述
【注】：tr指每行；td指每个单元格

在这里插入图片描述
【注】：colspan合并列；rowspan合并行
【上例】：

<tr>
				<td>第三节</td>
				<td rowspan="2">语</td>
				<td>音</td>
				<td>美</td>
				<td>语</td>
				<td>语</td>
			</tr>
			<tr>
				<td>第四节</td>
			
				<td>语</td>
				<td>外</td>
				<td>语</td>
				<td>体</td>
			</tr>
			<tr>
				<td colspan="6">午休</td>
				
			</tr>

在这里插入图片描述

HTML表单

在这里插入图片描述

在这里插入图片描述
action 进入后台的一个位置，继续进行处理；method 传入到后台的提交方式

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<form action="" method="">
		<lable>请输入姓名：</lable>
			<input type="text" name="" id=""><br>
		<label>请输入密码：</label>
			<input type="password" name="" id="">
		<label>再次输入密码：</label><br>
			<input type="password" name="" id="">
		<label>性别：</label>
			<input type="radio" name="xb" id="" value="男">男
			<input type="radio" name="xb" id="" value="0">女<br>
		<label>兴趣爱好：</label>
			<input type="checkbox" name="" id="" value="1">游泳
			<input type="checkbox" name="" id="" value="2">看书
			<input type="checkbox" name="" id="" value="3">爬山
			<input type="checkbox" name="" id="" value="4">思考
		<label>生日：</label>
			<select>
				<option value="1995">1995</option>
				<option value="1996">1996</option>
				<option value="1997" selected="selected">1997</option>
				<option value="1998">1998</option>
				<option value="1999">1999</option>
			</select>年
			<select>
				<option value="1">01</option>
				<option value="2">02</option>
				<option value="3">03</option>
				<option value="4">4</option>
			</select>月
			<select>
				<option value="1">01</option>
				<option value="2">02</option>
				<option value="3">03</option>
				<option value="4">4</option>
			</select>日<br>
			头像<img src="">
			<select>
				
			</select>
			<input type="button" name="" value="普通按钮">
			<input type="submit" name="" value="提交按钮">
	</form>
	<!-- 多行文本框 -->
	<textarea rows="5" cols="30" name="" id="">请输入</textarea>
	<!-- 上传控件 -->
	<input type="file" name=""><input type="button" name="" value="
	上传"><br>
	<!-- 隐藏域,主要进行信息的传递 -->
	000<input type="hidden" name="" id="">000
	<!-- 普通列表框 -->
		<select size="4" multiple="true">
				<option value="1">01</option>
				<option value="2">02</option>
				<option value="3">03</option>
				<option value="4">4</option>
			</select>
</body>
</html>

在这里插入图片描述

HTML综合：

<!DOCTYPE html>
<html>
<head>
	<title>注册页面</title>
</head>
<body>
	<form action="" method="">
<table border="0" width="500px">
	<tr>
		<td align="right">请输入用户名：</td>
		<td><input type="text" name="" id=""></td>
	</tr>
	<tr>
		<td align="right">请输入密码：</td>
		<td><input type="password" name="" id=""/></td>
	</tr>
	<tr>
		<td align="right">再次输入密码：</td>
		<td><input type="password" name="" id=""/></td>
	</tr>
	<tr>
		<td align="right">性别：</td>
		<td>
			<input type="radio" name="xb" id="" checked="checked" />男
			<input type="radio" name="xb" id=""/>女
		</td>
	</tr>
	<tr>
		<td align="right">兴趣爱好：</td>
		<td>
			<input type="checkbox" name="" id=""/>游泳
			<input type="checkbox" name="" id=""/>看书
			<input type="checkbox" name="" id="" checked="checked"/>爬山
			<input type="checkbox" name="" id=""/>思考
		</td>
	</tr>
	<tr>
		<td align="right">生日：</td>
		<td>
			<select name="" id="">
				<option value="1995">1995</option>
				<option value="1996">1996</option>
				<option value="1997" selected="selected">1997</option>
				<option value="1998">1998</option>
				<option value="1999">1999</option>
			</select>年
			<select name="" id="">
				<option value="1">1</option>
				<option value="2" selected="selected">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
			</select>月
			<select name="" id="">
				<option value="1">1</option>
				<option value="2" selected="selected">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
			</select>日
		</td>
	</tr>
	<tr>
		<td align="right">头像：</td>
		<td>
			<img src="" alt="not find"/>
			<select name="" id="">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
			</select>
		</td>
	</tr>
	<tr>
		<td align="center" colspan="">
			<input type="submit" value="注册">
		</td>
		
	</tr>
</table>
</form>
</body>
</html>