课时23.路径问题(理解)

我们在之前已经了解过,如果想添加一个图片,需要写出以下代码:

      自己出来工作几年了,一直没有什么太大的发展去年的时候在考虑转个技术类的,刚好同学也转IT培训去了出来后工资待遇啊各方面都不错,自己也萌生了个转行做it的念头,这时就在网上找些培训机构视频看,当然也找了挺多的视频最后感觉自己还是选个前端来学相对来说比较容易入门,然后就一直找有关于前端的视频,最后很幸运的看到了江哥H5前端的视频,在看江哥视频的时候,对江哥的崇拜感油然而生,为什么呢?相对于我这个初学者非科班0基础来说江哥的视频讲解透彻细腻、循环渐进、思路清晰、面面俱到,让我这个0基础的人很好的入了个门,不需要担心说学不懂来,担心代码不会等等,而且江哥还带着带着我从HTML的作用、基础结构,到各类标签,每个知识点都引导着我们去认识和掌握,期间也少不了巩固知识点的练习,江哥讲课的认真态度和激情让我对H5的学习更加坚定

<img src="logo.png">

     在学习HTML中我比较深刻的印象是每个标签的注意点、使用环境、企业开发等。在讲解网易注册的时候,更加是初步的引导了我如何来布局一个网页看完视频和跟着练习过一遍,再自己看完视频后做几个注册界面非常有成就感,也感受到知识的吸收并转化。

  • 其实想给src属性赋值有两种方式:

       让我印象比较深刻的是声明文档,我为什么觉得比较深刻?我因为我看的视频没有多少介绍为什么需要声明,文档格式等,还有比较深刻的是a标签啦跟img标签,介绍a标签如何跳转、如何去掉下划线、如何改变a标签的默认颜色、如何加链接等。然后img标签详细介绍了路径等问题、宽度、高度等。有时候自己写一些标签不记得属性啊,有什么作用、一看江哥的视频就懂了。

  1. 通过相对路径赋值(掌握)

**学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)**

相对路径就是每次都从.html文件所在的文件夹开始查找,我们称之为相对路径


1.1 同级

**学习笔记

同级就是图片和.html文件存储在同一个文件夹中


格式:

**金沙官网线上,a标签不仅可以让文字可以点击,还可以让图片(在a标签的开始标签和结束标签之间添加img标签)也能被点击

src="QRCode.jpg"


含义:

一个a标签必须有一个href属性,否则a标签不知道要跳转到什么地方

在.html文件所在文件夹中查找名称叫做QRCode.jpg的图片

如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http://(不安全)或https://(安全)https-4w3km3w3l1aepq//%EF%BC%88%E5%AE%89%E5%85%A8%EF%BC%89)

1.2下级

a标签中的其他属性:

下级就是存储图片的文件夹和.html文件在同一个文件夹中

a标签中有一个叫做target属性,这个属性的作用就是专门用于控制如何跳转

格式:

_self:用于在当前选项卡中跳转,也就是不新建界面跳转,默认就是_sel

src="images/QRCode.jpg"

_blank:用于在新选项卡中跳转,也就是新建界面跳转

含义:

还有一个title属性,和img标签中的 title一样,都是用来控制鼠标悬停时显示的提示文本

在.html文件所在的文件夹中找到名称叫做images的文件夹,然后再在images文件夹中找到名称叫做QRCode.jpg的图片

所以一个完整的的a标签格式是3个属性都有

1.3上级

路径问题

上级就是存储图片的位置和存储代码的文件夹在同一个文件夹中

其实想给src属性赋值有两种方式

格式:

1.通过相对路径赋值(掌握)

src="../QRCode.jpg"

相对路径就是每次都从.html文件所在的文件夹开始查找, 我们称之为相对路径

含义:

1.1同级

本文由金沙官网线上发布于Web前端,转载请注明出处:课时23.路径问题(理解)

您可能还会对下面的文章感兴趣: