<img src="images/qianfeng01.png" width="100%">
<img title="提示鼠标滑上去显示的文字" alt="失敗图片加载失败后的文字" src="../003图片的使用/images/4.png" width="200px">
<img src="#" width="700px" title="提示鼠标滑上去显示的文字" alt="失敗图片加载失败后的文字">
<!-- title 鼠标滑上去显示的文字 alt图片加载失败后的文字 -->
页面跳转
<p>
<a href="https://www.baidu.com/">百度(在当前页面跳转)</a>
</p>
<p>
<a href="https://www.baidu.com/" target="_blank">百度(新页面跳转)</a>
<!-- target 表示目标 blank 表示空白这里表示在空白窗口打开新页面 -->
</p>
target 表示目标 blank 表示空白这里表示在空白窗口打开新页面
补充标签有,无序
有序列表
<ol type="1"><!-- 有序列表 -->
<li>小王</li>
<li>小王</li>
</ol>
<ol type="A">
<li>小王</li>
<li>小王</li>
</ol>
<ol type="a">
<li>小王</li>
<li>小王</li>
</ol>
<ol type="i">
<li>小王</li>
<li>小王</li>
</ol>
<ol type="I">
<li>小王</li>
<li>小王</li>
</ol>
无序列表
<ul type="disc"> disc实心圆
<li>小王</li>
<li>小王</li>
</ul>
<ul type="circle">circle 小圆圈
<li>小王</li>
<li>小王</li>
</ul>
<ul type="circle">circle 小圆圈
<li>小王</li>
<li>小王</li>
</ul>
给文字增加删除线
<del>给文字增加删除线</del>
数字变成上标
<p>10<sup>2</sup></p>
下划线
<u>下划线</u>