开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情
HTML
HTML常用标签：
1、文本标题：
h1~h6，一个网页中只有一个h1
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
2、段落文本：< p >
段与段之间有段间距
<p>111111111111</p>
<p>2222222222222</p>
3、换行：< br >
在文本标签中写入内容，在换行处插入< br >，则文本内容即可换行；
<p>费曼是指美籍犹太物理学家Richard Feynman，曾获诺贝尔物理学奖。爱因斯坦和比尔盖茨<br>
都听过他的课，称赞他是最棒的老师。</p>
4、水平线 ： < hr >
属性：
宽度：width=””
靠哪边：align=””
颜色：color=””
无阴影noshade=””
例：
<hr color="green" width="600" align="left">
<hr noshade>
5、加粗：
< b >< /b >此标签中加入加粗内容，只是显示加粗
<b>hallo</b>
< strong >< /strong >此标签中加入强调的内容，表示突出的文本
<strong>hallo world</strong>
6、倾斜：
< em>< /em>此标签强调文本
< i>< /i>此标签表示倾斜文本
<em>hallo</em>
<i>hallo world</i>
7、删除线：
< s>< /s>
< del>< /del>
两个标签都是删除线效果，常用于特价商品价格的展示
<s>原价199</s>
<del>原价199</del>
8、下划线、下标、上标：
< u>文本< /u>此标签为下划线效果
< sub>< /sub>此标签为下标
< sup>< /sup>此标签为上标
<u>文本</u>下划线
<sub></sub>下标
<sup></sup>上标
9、div标签：
划分页面的区域，独占一行（无具体含义）
<div>11111111</div>
<div>111111111111</div>
10、span标签：
用于修饰文本，文本独立修饰时，内容有多宽，就占用多宽的距离
<h3>体育<span style="color: gray;">sports</span></h3>
运行效果：
11、列表：
l) 有序列表
-
li里可以随意放标签，但ol里面只能放li
-
有序列表的数字是自动生成的
-
type:1,A,a,i,I
-
start:取值只能是一个数字
<ol type="a" start="3">
<li>冰箱门打开</li>
<li>大象放进去</li>
<li>关门</li>
</ol>
执行结果：
2)无序列表
- li里可以随意放标签，但ul里面只能放li
- 默认是黑色实心圆
- type：disc circle square none
-
- 快捷键：ul>li
<ul type="disc">
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
执行结果：
l2、 自定义列表 在< dl >< /dl>标签中加入如下标签：
< dt >< /dt>图片标签
< dd>< /dd>文字标签
- 快捷键：dl>dt{内容}+dd{内容}
<dl>
<dt>我是图片</dt>
<dd>我是文字</dd>
</dl>
执行结果：
13、图片标签：
src:路径
同级目录：例如图片名称为:油画.png,则图片路径直接使用src="油画.png"
当前路径:不同级目录，若HTML文件在下一级，先跳出到上级文件夹在找目标文件，则图片路径使用src="./油画.png"
../../为多级返回
<img src="油画.png" >
<img src="./油画.png">
<img src="songimg/111.jpg" width="200px" height="200px">
<img src="../songimg/111.jpg">
alt是图片不显示时候的提示信息
title是鼠标悬停上去之后的提示信息
<img src="油画1.png" alt="大河，请尝试刷新" title="这张图片描述了大河">
14、超链接：< a>< /a>
超链接——实现不同页面的跳转
href是路径
title是鼠标悬停上去之后的提示信息
target是规定在何处打开文档
-
target="_blank"表示新窗口打开
-
target="_self"——默认值
<a href="http://caniuse.com" target="_blank">百度</a>
