标题

标题

H1 - H5
H1 最大 依次变小
独占一行
尽量少使用 不利于seo
给页面添加标题语义

段落

<p></p>
独占一行 上下行存在距离

水平线

<hr />
在页面中添加一条水平线
独占一行

换行

<br />

图片

<img src="" alt="lyra" title="可爱的天琴心弦" />
如果图像显示失败 会显示alt中的文字
当鼠标移动到图片上时 会显示title中的内容

超链接

<a href="https://www.baidu.com/">跳转<>
属性:
target: 打开方式
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

<a href="#">不跳转标签</a>

跳转至指定位置

<a href="#跳转标签id">跳转<a>
<p id="跳转标签id">lyra<a>

列表

无序列表

    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>

有序列表

    <ol>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ol>

特殊符号

表格

table : 表格
属性
border: 边框宽度
width: 宽
height: 高
cellspacing: 规定单元格与单元格之间的空白
cellpadding: 单元格内部边框与内容的空白

: 起到表头单元格、标题的作用（代替td） 文字加粗居中 : 给表格设置标题 在表格的最上面显示标题 :（结构）存放当前表的表头 高度自适应（由内容撑开） :（结构）存放表格主体数据 :（结构）一般不用、有兼容性问题 高度自适应（由内容撑开）

tr: 行
td: 列 一般嵌套在tr中

语义化标签

strong 加粗
ins 下划线
em 倾斜
del 删除线

div

<div>background Pony</div>
默认独占一行 用于布局

span

<span>lyra</span>
一行可以有多个 一般用于布局

语义化标签

header: 头部

nav: 导航

footer: 底部

aside: 侧边栏
section: 区块
article： 文章标签

input 标签属性

<input type="text" placeholder="请输入用户名">
占位符

自动获得焦点
<input type="text" autofocus>
上传多个文件
<input type="file" multiple>

音频

src 音频文件目录
loop 循环播放
autoplay 自动播放
controls 显示播放按钮
<audio src="D:\download\Tubby Wubby Pony Waifu cover by Princewhateverer and Dreamchan.mp3" autoplay loop controls></audio>
因为 loop autoplay 都是有兼容性问题的 如果浏览器太低则无法显示 这时候就需要提示一条消息
<audio src="D:\download\Tubby Wubby Pony Waifu cover by Princewhateverer and Dreamchan.mp3" autoplay controls loop> <source src="D:\download\Tubby Wubby Pony Waifu cover by Princewhateverer and Dreamchan.mp3"> 请升级您的浏览器 </audio>

视频

video 属性和audio相同