<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1">
<tr>
<td>主机名</td>
<td>端口</td>
<td>操作</td>
</tr>
<tr>
<td>10.11.2.1</td>
<td>8080</td>
<td>
<a href="">查看</a>
<a href="">修改</a>
</td>
</tr>
<tr>
<td>10.11.2.1</td>
<td>8080</td>
<td>
<a href="">查看</a>
<a href="">修改</a>
</td>
</tr>
</table>
</body>
</html>
表格
预期：
a 标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="#a1">第一章</a>
<a href="#a2">第二章</a>
<a href="#a3">第三章</a>
<a href="#a4">第四章</a>
<div id="a1">第一章的内容</div>
<div id="a2">第二章的内容</div>
<div id="a3">第三章的内容</div>
<div id="a4">第四章的内容</div>
</body>
</html>
a 标签
提交表单的另一种方式，同get
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<form action="https://www.sogou.com/">
<input type="text" name="query"/>
<input type="submit" value="提交"/>
</form>
</form>
</body>
</html>
提交表单的另一种方式，同get
块级标签和行内标签的转换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="background-color: aqua; display:inline">abcd</div>
<!--块级转行内-->
<span style="background-color: indianred ; display: block">ddddd</span>
<!--行内转块级-->
</body>
</html>
块级标签和行内标签的转换
lable文本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<label for="username">用户名：</label>
<!--<input id="username" type="text" value="用户名"/>-->
<input id="username" type="text" name="user"/>
</body>
</html>
lable标签
时间： 2024-08-06 11:04:30