html5基本常用标签
https://www.alipan.com/s/KNetCqnwdwf
<!-- vs code中 !后Enter创建骨架 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome</title>
</head>
<body>
<p>p标签（分段）</p>
你是谁<br>
br换行标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!-- img标签插入图像 -->
<img src="https://img2.baidu.com/it/u=4090769304,121135334&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" alt="搜素的图片" width="720"><!-- alt：图片显示失败后现实的文字 -->
<br><br>
<!-- a标签插入链接 -->
<a href="https://www.cnblogs.com/through287">我的博客</a>
<br><hr><br>
<!-- input输入标签 -->
昵称：<input type="text" placeholder="请输入昵称"><br><br>
密码：<input type="password"><br><br>
<input type="radio" name="sex">男<input type="radio" name="sex">女<br><br>
<input type="checkbox" name="career" checked>学生<input type="checkbox" name="career">教师<input type="checkbox" name="career">公务员 <br><br>
<input type="file" multiple><br><br>
<input type="button" value="普通按钮">
<br><br>
<!-- button按钮标签 -->
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>
<button type="button">普通按钮</button><br><br>
<!-- label标签两种用法（可以为input标签改变鼠标点击范围） -->
爱好：
<!-- 第一种 -->
<input type="checkbox" name="hobby" id="one"><label for="one">敲代码</label>
<!-- 第二种 -->
<label>
<input type="checkbox">熬夜
</label>
<!-- select下拉菜单标签 -->
所在城市：<select>
<option>上海</option>
<option selected>北京</option>
<option>天津</option>
<option>重庆</option>
</select>
<br><br>
<!-- textarea文本域标签 -->
请提出你的意见：<br>
<textarea cols="30" rows="10"></textarea>
<div>div分区标签</div>
<span>行内标签</span>
<br><br>
<!-- 表格标签 -->
<table border="1">
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td>赵四</td>
<td>男</td>
<td>19</td>
</tr>
<tr>
<td>王五</td>
<td>女</td>
<td>20</td>
</tr>
</table>
<br><hr><br>
<table border="1" cellspacing="0" width="500"><!-- 框线，行距，列宽 -->
<tr>
<th colspan="2">品牌logo</th><!-- colspan横向合并 -->
<th>品牌名称</th>
<th>企业名称</th>
</tr>
<tr align="center"><!-- 居中 -->
<td>010</td>
<td><img src="./images/三只松鼠.png" width="60" height="50"></td>
<td>三只松鼠</td>
<td>三只松鼠</td>
</tr>
<tr align="center">
<td rowspan="2">009</td><!-- rowspan纵向合并 -->
<td><img src="./images/优衣库.png" width="60" height="50"></td>
<td>优衣库</td>
<td>优衣库</td>
</tr>
<tr align="center">
<td>008</td>
<td><img src="./images/小米.png" width="60" height="50"></td>
<td>小米</td>
</tr>
<!-- ./定位到同级目录，../定位到上一级目录，../../定位到上两级目录 -->
</body>
</html>
浙公网安备 33010602011771号