Time to build your first photo gallery!
In this second lesson, we're going to learn two super useful HTML tags that
will dramatically increase what you can build: How to make links, and how to
include images.
<a>
tag - Creates a "link" to another website; that is, underlined text
that you can click on to take you to another page. The a
tag is often
colloquially called a "link", which is short for "hyperlink", and older or
more technical term for the concept. The concept of linking together websites
with these hyperlinks is what gives the web it's name… the World Wide
Web, a decentralized "web" of HTML documents spanning the entire globe!
<img>
tag - Displays an image on the page.
tag attribute - Extra information that goes inside a tag, used by <a>
tags
and <img>
tags to specify the location ("URL") of the link or image respectively.
URL
(also related, URI
) - The "web location" of a resource. Sharing these
URLs lets people visit websites or access specific files. For example, this
https://www.wikipedia.org/
is a URL, as is
https://en.wikipedia.org/wiki/Main_Page
and https://joinmastodon.org/apps
.
Note: Outside of web development URLs (the are occasionally referred to as
"links" as well. That is a very confusing usage of the word. In this course,
only a-tags ("hyperlinks") will be called "links". Also note that there are
technical distinctions between URL
and URI
, and a tag called link
which
are not important now and will be covered later..