Day08超连结与图片(HTML)

超连结

每个网页几乎都会有超连结的存在
用来连接各个网站 形成互联网
而使用方法非常简单 马上放上范例来看看~

<a href="https://www.google.com/">到GOOGLE的任意门!</a>会连到 Google<br>
<a href="https://www.youtube.com/">前往YOUTUBE罗</a>会连到 YouTube<br>

https://ithelp.ithome.com.tw/upload/images/20210905/20129404yw4INC1qGd.jpg
这样就可以做出通往其他页面的超连结罗

因为超连结的预设值是以当前网站连过去
如果你想以新页面开启的话呢 可以改写成如下
连到GOOGLE

插入图片

插入图片也是直接使用一段程序码来介绍它如何使用

<p>图片范例</p>
<img src="https://cdn.pixabay.com/photo/2020/07/21/16/24/landscape-5426755_960_720.jpg" width="300" heigh="200" alt="小鹿" title="无版权免费图片">

width、heigh就如同英文字面上的意思 是它的宽度与高度
而alt比较特别 它是指如果找不到你给它的src(来源) 那麽它就会以你输入的这段文字代替它
title的话就是你鼠标移过去 它会显示的文字
https://ithelp.ithome.com.tw/upload/images/20210905/20129404OGJbE7S7q8.jpg
下面这是它找不到你给它的来源路径会显示的样子
https://ithelp.ithome.com.tw/upload/images/20210905/20129404KhFbrDxel5.jpg

若是这张图片是你电脑的本地图片 那麽可以依照你的相对位置给予它路径
像是我把它命名成1.jpg并且放在与我这个页面的html在同一个资料夹
那麽就可以写成

<img src="./1.jpg" width="300" heigh="200" alt="小鹿" title="无版权免费图片">

而这边必须介绍一下
. 一个点点是指当前的目录
..两个点点是指上一层目录

所以既然这张图片和我的html是同一层 所以我就使用./1.jpg来找到这张图片


<<:  小队快跑 - 提问的智慧?!

>>:  android studio 30天学习笔记 -day 2 -icon

全端入门Day09_程序语言的特性

今天要介绍的其实前面都介绍得差不多了,但会着重於程序语言会运用在哪里。 程序语言的运用 今天会介绍的...

在 Fedora 34 上安装 VirtualBox 6.1.26

我整理一下自己的安装步骤如下: 一、升级 Kernel sudo -i dnf check-upd...

# Day 11 Cache and TLB Flushing Under Linux (三)

废话不多说,我们直接看文件~XD 文件 文件原文:Cache and TLB Flushing Un...

Day2 React是什麽呢?

React是由facebook推出的前端函式库 (library),主要使用语言是Javascrip...

Day 30. 要别人看不懂,还是让自己看不懂的 - 混淆 Obfuscation

App 混淆再资安保护领域来说,可谓是最复杂的一环,也是最重要的一环 但是资安检测无法有个标准的检...