骨架标签
<html lang="en">
<head>
<title>对SEO影响较大</title>
</head>
<body>
</body>! + ⇥(Tab键) 主动生成
题目标签
<h1>一级题目（对SEO影响较大）</h1>
<h2>二级题目</h2>
<h3>二级题目</h3>
<h4>二级题目</h4>
<h5>二级题目</h5>
<h6>二级题目</h6>特点：
- 字体较大，从h1到h6逐步减小
- 加粗
- 独占一行
⚠️默认不居中
段落标签
<p>段落</p>特点：
- 段落之间存在间隙
- 独占一行
换行标签
<br>br即break row
横线标签
<hr>hr即horizontal line
文本格式化标签
| 成果 | 有强调语义 | 无语义 |
|---|---|---|
| 加粗 | strong | b |
| 下划线 | ins | u |
| 歪斜 | em | i |
| 删除线 | del | s |
均为双标签，举荐应用带有语义的标签
图片标签
<img src="" alt="图片加载失败" title="图片">src=”门路”
门路
- 绝对路径
以盘符、/（根目录）或http等协定结尾的门路 -
相对路径
- 下级目录：
../example.jpg - 同级目录：
./example.jpg或example.jpg - 上级目录：
同级目录名称/example.jpg
- 下级目录：
alt在图片加载失败时显示，title在鼠标悬停在图片上方时显示，alt对SEO有影响，在低版本的IE浏览器中，alt代替了title的性能
音频标签
<audio src="" controls autoplay loop>controls —— 控件，没有该属性看不到音频元素
autoplay —— 自动播放，谷歌禁止自动播放
loop —— 循环播放
视频标签
<audio src="" controls autoplay muted loop>muted —— 静音，谷歌禁止音频自动播放，能够给视频加上静音属性，让视频自动播放
超链接
<a href="" target=""></a>href="#" —— 不跳转，但会刷新页面，回到页面顶部href="门路" —— 跳转到门路指向的页面href="id" —— 跳转到id指向的元素
target="_self" —— 默认值，在以后窗口中跳转target="_blank" —— 在新窗口中跳转
列表标签
无序列表
<ul>
<li></li>
</ul>有序列表
<ol>
<li></li>
</ol>自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>dd默认缩进
表格标签
<table>
<caption><h3>默认文字款式没有变动，倡议配合题目标签应用</h3></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>合并单元格属性：加给td或th，遵循左上准则，给左上方的单元格，被合并的单元格须要删除
- 高低合并（跨行合并）——
rowspan="合并数量（蕴含本身）" - 左右合并（跨列合并）——
colspan="合并数量（蕴含本身）"
表单标签
<form action="">
<input type="text" placeholder="占位符(提示信息)">
<br>
<input type="password">
<!-- 特点：密文输出 -->
<br>
<input type="radio" name="" checked>文本
<!-- 多个radio类型的input标签的name值雷同，即可实现在这几个标签中只能选中一个 -->
<!-- checked —— 默认选中 -->
<br>
<input type="checkbox" checked>文本
<br>
<input type="file" multiple>
<!-- multiple —— 能够抉择多个文件 -->
<br>
<input type="submit">
<!-- 默认文本为提交，能够通过value扭转文本 -->
<br>
<input type="reset">
<!-- 默认文本为重置，能够通过value扭转文本 -->
<br>
<input type="button" value="">
<!-- 无文本，须要通过value扭转文本 -->
<br>
<select>
<option value="" selected></option>
<!-- selected —— 默认选中 -->
</select>
<br>
<textarea name="" id="" cols="30" rows="10"></textarea>
<input type="submit" value="收费注册">
<button type="reset">重置</button>
</form>
发表回复