html 超文本标记语言

超链接  是行内元素,特殊行内元素,它里面什么都能放
        可以是一个字,可以是一段文字,可以是一张图片,可以是表格等等

    2个功能,2个属性,1个补充
    功能
      1、从一个页面跳到另一个页面
      2、当前页面进行跳转(锚点功能)
      3、下载
 属性
      1、href  填写超链接跳转的地址
           绝对地址  只要填写网址,都可以进行正确的跳转,与文件本身位置没有关系
           相对地址  与文件本身位置有关系
                    ./   在同一个目录下   ./ 正常情况可以省略
                    ../  跳出当前目录
      2、target属性   控制超链接打开的方式
          可选值
            _self    在当前页面打开跳转的超链接  默认值
            _blank   新开页面打开超链接
      锚点功能
         1、回到顶部
             href的属性值设置 # 即可
         2、去任意的位置
              第一步:给去的位置打一个标记,用 id属性设置一个id属性值
              第二步:在href的属性值里  #id属性值
            
              注意:
                 id属性值:不能是数字开头,最好不要是汉字,是独一无二的存在
      空链接
          < a href="#">空链接</ a>
          < a href="javascript:;">空链接2</ a>  
    <!-- < a href="https://www.jd.com/">
      <img src="./img/img/hg.gif" alt="" />
    </ a>
    < a href="04.列表.html" target="_blank">去列表页</ a>
    < a href="../01.网页结构/06.实体.html">去实体</ a> -->


    < a href="#abc">去底部</ a>
    < a href="#center">去中间</ a>
    <div>

图片的格式
        JPEG(JPG)
            - JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明
            - 一般用来保存照片等颜色丰富的图片
            
        GIF
            - GIF支持的颜色少,只支持简单的透明,支持动态图
            - 图片颜色单一或者是动态图时可以使用gif
        
        PNG
            - PNG支持的颜色多,并且支持复杂的透明,不支持动图,文件比较大
            - 可以用来显示颜色复杂的透明的图片
                专为网页而生的

        webp
            -谷歌新推出的专门用来表示网页的一种格式
            -它具有其他图片格式的所有优点,而且文件格式还很小
            -缺点:兼容性不好
            
        base64 
            -讲图片使用base64编码,这样可以将图片转换为字符,通过字符形式来引入
            -一般都是需要和网页一起加载的图片才会使用base64

       网站解析代码它是有顺序,先解析结构,然后解析css,
           然后再解析其他,例如js,图片,音频、视频


    图片的使用原则:
        效果不一致,使用效果好的
        效果一致,使用小的
        -->


- audio标签 用来向页面中引入一个外部的音频文件 
          src  指向音频的引入路径
          controls  控制是否允许用户点击播放,默认是不允许
          loop   是否循环播放
          autoplay  是否自动播放(这个属性,由于用户体验不是很好,所以基本上废弃,除了ie)

          以上这些属性,不用跟属性值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

书棋06

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值