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>
4.ul:unordered list无需列表 ul下的子元素只能是li
默认是实心圆圈
type="circle" 空心圆
tpye="square"实心方块
**li中可以继续嵌套ul,可以嵌套多次