HTML标签_列表标签
列表标签:
有序列表 :
ol
il
无序列表:
ul
li
展示效果:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表标签</title> </head> <body> <!--有序列表 ol type:列表类型 start:起始位置 --> <ol type="A" start="5"> <li>林黛玉</li> <li>孙悟空</li> <li>不想写</li> <li>凑合看吧</li> <li>反正都一样</li> </ol> <!--ul:无序列表 type:列表类型 disc :默认--> <ul type="disc"> <li>林黛玉</li> <li>孙悟空</li> <li>不想写</li> <li>凑合看吧</li> <li>反正都一样</li> </ul> <!--ul:无序列表 type:列表类型 square :小方点 --> <ul type="square"> <li>林黛玉</li> <li>孙悟空</li> <li>不想写</li> <li>凑合看吧</li> <li>反正都一样</li> </ul> <!--ul:无序列表 type:列表类型 circle :空心圆--> <ul type="circle"> <li>林黛玉</li> <li>孙悟空</li> <li>不想写</li> <li>凑合看吧</li> <li>反正都一样</li> </ul> </body> </html>
HTML标签_链接标签
链接标签:
a定义一个超链接
属性:
href:指定访问资源URL(统一资源定位符)
target:指定打开资源的方法
_self:默认值,在当前页面打开
_blank :在空白页面打开
效果展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>超链接标签</title> </head> <body> <!--a:超链接 href:指定访问资源的URL(统一资源定位符) target:规定在何处打开 --> <a href="http://www.baidu.com">请你点我</a> <br> <!--a:超链接 target:规定在何处打开 _self:默认在当前页面打开 --> <a href="http://www.baidu.com" target="_self">请你点我</a> <br> <!--a:超链接 target:规定在何处打开 _blank: 在空白页面打开 --> <a href="http://www.baidu.com" target="_blank">请你点我</a> <br> <a href="3_网页案例.html">来点我吧</a> <br> <a href="mailto:[email protected]">联系他们</a> <br> <a href="https://www.sogou.com/sie?prs=5&rfg=1&query=%E5%8C%97%E4%BA%AC%E5%BE%AE%E5%8D%9A&pid=sogou-site-f55c452ae38c1e21-6012&ie=utf8" target="_blank"> <img src="image/炽阳神光.png" width="150px" height="160px"></a> </body> </html>
标签:看吧,孙悟空,标签,列表,HTML,凑合 From: https://www.cnblogs.com/x3449/p/16827591.html