HTML标签_列表标签与HTML标签_链接标签

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:3449877495@qq.com">联系他们</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>

 

posted @ 2022-10-26 11:10  zj勇敢飞，xx永相随  阅读(36)  评论(0)  编辑  收藏  举报