• 第三堂课


    先来说一下超链接,要想构成完整的超链接就是里面既有内容又有指向,例如;

    <a href="http://www.baidu.com">内容</a>         a与href之间必须加空格   href是属性 href="http://www.baidu.com"是指向

    当超链接制作完成时,点击页面出现的内容就会跳转到百度的页面

    若<a href="#">内容</a>  "#"是自身页面,当点击内容是,会跳转到自身页面相当于刷新

    如果超链接指向一个文件,比如.txt  图片  网页文件等浏览器能打开的,那做的这个超链接就可以直接打开

    如果超链接指向一个文档,游览器打不开的,那这个超链接就会提示下载

    这两种情况都针对于a href=后面会出现浏览,随便选择一个文件或文档就可以,到时会出现文件的路径

    当制作过程中,点击超链接出现 Not Found或404  都是出现错误,页面没有找到

    <a>还可以用来做锚点,举个例子;

    <div>

    <a href="#m1">跳转到模块一</a>

    <a href="#m2">跳转到模块一</a>

    <a href="#m3">跳转到模块一</a>

    </div>

    <a name="m1"><h1>模块一</h1></a>

    <p>内容。。。。。</p>

    <a name="m2"><h1>模块二</h1></a>

    <p>内容。。。。。</p>

    <a name="m3"><h1>模块三</h1></a>

    <p>内容。。。。。</p>

    这个例子的大致意思就是 ,先从标题来说,模块一,下面是内容,模块二下面是内容,当模块和内容较多时,下拉找比较麻烦,这时候就做个锚点,做到上面去,比如<a href="#m1">跳转到模块一</a>   出现的内容就是跳转到模块一, 需要用到#  当前目录的等于刷新的意思,如果<a href="#m6">跳转到模块六</a>,这时候,从首页到模块六中间可能有很多内容,得下拉一段距离才能找到,但是做好锚点后,可以点击跳转到模块六,当前页面会刷新一次,直接跳到模块六的内容上去,制作的跳转页面那一块可以用<div></div>来充当个容器,把它装起来,在这里也可以不写

    当写比较多代码时,注意规范,以便养成规范写代码的好习惯

    最后再说一下,在网页上放入图片以及做图片超链接

    又学到一个新的单标签<img/>单标签元素

    <img src="图片的路径” width=“200” height=“200” alt=“给图片起个名字” title="给图片起个小标题"/>

    来分析一下,src是来源的缩写  width是指图片的宽度 height是图片的高度 alt是当图片出错或加载不出来时才会出现的,如果alt=“鲜花”,图片没有加载出来,这时图片的位置就会出现鲜花这两个字   title是当鼠标放在这张图片上出现的小标题

    可以把图片制作为超链接<a href="http://www.baidu.com"><img src="图片路径" width="200"height="200 alt="给图片起个名字" title="给图片起个小标题"/></a>

    前面的百度地址是一个指向,后面的图片系列是内容,运作时,还是会显示图片,包括图片的高和宽度以及显示的小标题,当鼠标点击图片时页面会跳转到百度的网页。

  • 相关阅读:
    【Android Studio安装部署系列】十、Android studio打包发布apk安装包
    【Android Studio安装部署系列】九、Android Studio常用配置以及快捷键
    【Android Studio安装部署系列】八、Android Studio主题皮肤更换
    【Android Studio安装部署系列】七、真机运行项目
    【Android Studio安装部署系列】六、在模拟器上运行项目
    【Android Studio安装部署系列】五、新建你的第一个项目:HelloWorld
    【Android Studio安装部署系列】三、Android Studio项目目录结构
    【Android Studio安装部署系列】二、Android Studio开发环境搭建
    todo----maven profiles用法
    maven profiles多环境配置
  • 原文地址:https://www.cnblogs.com/qishuang/p/6010663.html
Copyright © 2020-2023  润新知