【HTML】基础，入门先学会这些知识点（二）
一、超链接
href后面的“ ”中写的是需要连接的网址或者位置，如果不写的话就是刷新本网页
<a href=" ">超链接</a>
1. 点击超链接需要在新窗口中打开加属性：
<a href=" " target="_blank" >新窗口打开</a>
2. 点击超链接给邮箱发信息：
<a href=" mailto: 邮箱地址 ">超链接发送邮箱</a>
3. 超链接锚点：
<a href=" #+该处id名">当前页面某一处</a>
标签代码如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接</title> </head> <body> <!-- <a href=""></a>为双标记标签 --> <a href="">超链接-刷新本网页</a> <a href="./2022-7-08.html"></a> <a href="http://www.baidu.com">超链接去百度</a> <a href="http://www.baidu.com" target="_blank">超链接去百度</a> <!-- a标签中加入target="_blank"样式，是在新的页面打开连接 --> </body> </html>
效果展示 ：
二、上下标
上标：<sup></sup>
x的5次方：x<sup>5</sup>
下标：<sub></sub>
水的化学方程式：H<sub>2</sub>O
上下标代码如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>上下标</title> </head> <body> <!-- 上标：<sup></sup> --> x的5次方：x<sup>5</sup><br> <!-- 下标：<sub></sub> --> 水的化学方程式：H<sub>2</sub>O </body> </html>
效果展示 ：
三、网页中图片分类
jpg: 不支持动图，不支持透明，色彩较多，网页中内容图片首选
gif: 支持动图，支持透明，色彩少，网页中修饰图片首选
png: 支持透明效果最好
四、列表
1.无序列表：
<ul>
<li></li> <li></li>
</ul>
2.有序列表：
<ol>
<li></li><li></li>
</ol> 无序列表标签对应代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>品牌列表</title> </head> <body> <img src="../img/iknowshouye.jpg" alt="logo" title="logo"> <h3>品牌全知道</h3> <ul> <li><img src="../img/icon-1.jpg" alt="理肤泉">理肤泉敏感全知道</li> <li><img src="../img/icon-2.jpg" alt="薇姿健康">薇姿健康肌肤全知道</li> <li><img src="../img/icon-3.jpg" alt="中信银行">中信银行全知道</li> <li><img src="../img/icon-4.jpg" alt="Windows7">Windows7全知道</li> <li><img src="../img/icon-5.jpg" alt="海信电视">海信电视全知道</li> <li><img src="../img/icon-6.jpg" alt="多美滋">多美滋全知道</li> <li><img src="../img/icon-7.jpg" alt="三星手机" >三星手机全知道</li> </ul> </body> </html>
效果展示：
有序列表标签对应代码：
效果展示图：
总结
代码已经开始慢慢的有了一些内容，所以要有耐心哦，时光不会辜负你每一次拒绝摆烂的决定，加油！！！
上一篇：
通过多线程提高代码的执行效率例子
下一篇：
【PMSM控制】电机基本概念