0
点赞
收藏
分享

微信扫一扫

v2_列表、图片、超链接标签

列表

  • 无序列表

<!--注释 
1.li里可以随意放标签,但是ul里面只能放li
2.默认是黑色的实心点
3.type可以改变排序标志 disc circle square none -->
<ul type='circle'>
<li>aaaa</li>
<li>bbbbbb</li>
<li>cccc</li>
</ul>

  • 有序列表

<!--注释 
1.li里可以随意放标签,但是ol里面只能放li
2.有序列表数字是自动的生成的
3.type可以改变排序字母 1,a,I,A,i
start 改变排序起始属性 必须是数字顺序 -->
<ol type="a" start="3">
<li>11111111</li>
<li>2222</li>
<li>333333333333</li>
</ol>

  • 自定义列表

**快捷键 dl>dt{111}+dd{222}回车   
<dl>
<dt>图片1</dt>
<dd>文字1</dd>
</dl>

图片标签属性

<img src="图片路径" title="鼠标悬停上去之后的提示信息" 
alt="图片不显示之后加载失败的提示信息"
width="200px" height="200px" >
eg:
<img src="1cc.png" title="桌面图片" alt="文件不存在请检查"
width="100px" height="100px">

超链接标签--实现不同页面的跳转

<a href="跳转路径" title="鼠标悬停上去之后的提示信息" 
target="规定在何处打开文档">网页文本内容</a>
**target属性 _self默认值 _blank在新窗口打开
eg:
<a href="https://www.baidu.com/" title="链接转百度"
target="_blank">链接百度</a>
图片做链接<a href="https://www.baidu.com/" target="_blank">
<img src="1cc.png" width="80px" height="80px"> </a>




举报

相关推荐

0 条评论