1.列表
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--ul的是无序列表-->
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ul>
<!--ol的是有序列表-->
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<!--dl是自定义列表-->
<dl>
<dt>服务中心</dt>
<dd>申请售后</dd>
</dl>
<!--表格-->
<table border="3">
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>总分</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>99</td>
<td>89</td>
<td>188</td>
</tr>
<tr>
<td>李四</td>
<td>44</td>
<td>64</td>
<td>108</td>
</tr>
</tbody>
<tfoot>
<td>总结</td>
<td colspan="3">全市第一</td>
</tfoot>
</table>
</body>
</html>
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
性别:
<input type="radio" name="gender" id="man"><label for="man">男</label>
<label><input type="radio" name="gender" id="woman">女</label>
</body>
</html>
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="./1.jpg">
<!--alt是图片加载不出来的时候的替换文字-->
<img src="./2.jpg" alt="这是大理">
<img src="./1.jpg" title="旅行搭子">
<img src="./1.jpg" width="100">
<img src="./2.jpg" height="100" width="100">
<!--若要用浏览器中的图片则直接复制该图片的图片链接就可以-->
<img src="https://img.shetu66.com/2023/04/25/1682410862484835.png" >
</body>
</html>
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>这是div标签</div>
<div>这是div标签</div>
<span>这是span标签</span>
<span>这是span标签</span>
<div>
<span>这是span</span>
<span>这是span</span>
</div>
<div>
<span>这是span</span>
<span>这是span</span>
</div>
</body>
</html>
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
文本框<input type="text" placeholder="请输入用户名">
密码框<input type="password">
单选框<input type="radio">
多选框<input type="checkbox">
上传文件<input type="file">
城市<select>
<option>北京</option>
<option>上海</option>
<option selected>重庆</option>
</select>
</body>
</html>
浙公网安备 33010602011771号