04-图片和超文本

作者: 阅心_5cc2 | 来源:发表于2018-08-13 20:34 被阅读0次

04-图片和超文本
性能优化04-图片优化
前端基础 01、HTML5 入门
一，HTML简介和基本结构
网页设计第一天：HTML入门
Quartz2D 第二集
#Quartz2D#
04-图片及插入图片
12-03代码总结
2018-12-03-12-09总结

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--1.图片标签
            a.src属性：图片地址（本地地址，网络地址）
            本地地址：绝对路径和相对路径
            注意：本地图片需要放到工程目录下的img文件夹下
            
            b.title属性：图片的标题（鼠标停留在图片上，隔一段时间显示标题文字）
            
            c. alt属性：图片加载失败后显示的提示信息，只有加载失败的时候才显示。
        -->
        <img src="./img/11.png" />
        <img title = "小可爱" alt = "abc" src="./img/11.png" />
        
        <!--2.超链接
            网页上点击后可以跳转的标签都是超链接
            a.点击文字跳转
            href属性：跳转的地址（可以是网络地址，也可以是本地地址）
            网络地址：跳转到对应地址
            本地地址：当前工程的其他的html文件路径
            空地址或者#：刷新页面会回到顶部
            选择器：让网页滚动到网页上的任意的位置
            
            target属性：
                ——self:在当前页面中打开href的地址
                ——blank：新建窗口显示所打开href的地址
        
        -->
        <a href="http://www.baidu.com" target = "_blank">百度一下</a>
        
        <!--b.点击图片跳转-->
        <a href="http://www.baidu.com">
            <img src="img/11.png"/>
        </a>

    </body>
</html>