首页 > 其他分享 >HTML标签_列表标签与HTML标签_链接标签

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

时间:2022-10-26 11:26:27浏览次数:100  
标签:看吧 孙悟空 标签 列表 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:[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

相关文章