html只是补充

1.点击超链接跳转到新窗口

<a href="http://www.baidu.com" target="_blank">百度一下</a>  #target="_self"或者不写,默认在当前窗口打开

2.超链接,找到本窗口中的某个地方

<a href="#">超链接</a>    #相当于刷新了本界面,跳到界面的最顶端
<a href="#2">超链接</a>    #找到本界面id=2的地方,置顶显示
#               哈希值 锚点 默认有点击行为 当设置了javascript:void(0);后会阻止a标签的默认点击行为
<a href="javascript:void(0);">超链接</a> 

3.img标签:

  src连接的图片资源

  alt图片资源加载失败,显示的文本

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        a{
            display:block;    #设置之后就能保证超链接和图片的大小一样
            width: 300px;
            height:300px;
        }
    </style>
</head>
<body>
    <div class="box">
        <a href="javascript:void(0)">
            <img src="https://pic.baike.soso.com/ugc/baikepic2/0/20170825230330-2051740427_jpg_570_711_35774.jpg/800" alt="加载失败" width="300" height="300">
        </a>
    </div>
    <div>
        <span>1111</span>
    </div>
</body>
</html>
View Code

4.ul:unordered list无需列表 ul下的子元素只能是li

  默认是实心圆圈

  type="circle" 空心圆

  tpye="square"实心方块

  **li中可以继续嵌套ul,可以嵌套多次

猜你喜欢

转载自www.cnblogs.com/qq849784670/p/9662649.html
今日推荐