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="https://blog.51cto.com/u_14124898/图片路径" title="鼠标悬停上去之后的提示信息"
alt="图片不显示之后加载失败的提示信息"
width="200px" height="200px" >
eg:
<img src="https://blog.51cto.com/u_14124898/1cc.png" title="桌面图片" alt="文件不存在请检查"
width="100px" height="100px">
超链接标签--实现不同页面的跳转
<a href="https://blog.51cto.com/u_14124898/跳转路径" title="鼠标悬停上去之后的提示信息"
target="规定在何处打开文档">网页文本内容</a>
**target属性 _self默认值 _blank在新窗口打开
eg:
<a href="https://www.百度.com/" title="链接转百度"
target="_blank">链接百度</a>
图片做链接<a href="https://www.百度.com/" target="_blank">
<img src="https://blog.51cto.com/u_14124898/1cc.png" width="80px" height="80px"> </a>
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhibiahh
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22 -
excel打印预览压线压字怎么办
PHP中文网 06-22