Embedded Files
Overview
Overview
These are hyperlinks which link to other files or to websites. Links don't have to be text, they can be anything such as an image, button, etc.
Link Attributes are specified in the start tag and provide additional information about HTML elements. Attributes usually come in name/value pairs: name = "value".
Basics
Basics
<a>
Links are contained in the a tag. Links inside the a tag work like other tags: the content goes between the start tag and the end tag and the content is the only thing that will be visible in the browser.
<a href = "web link here"> This is a link! </a>
<img>
Images can be used as links by enclosing the img start tag, end tag, and attributes inside the start and end a tags.
<a href = "web link here"> <img src = "logo.jpg"> </a>
Absolute & Relative
Absolute & Relative
Absolute URL
An absolute link is a full file path that is used to link to a website.
https://www.google.com
https://www.cei.edu
https://www.w3schools.com/html
Relative URL
A relative link is a shorter file path that is used to link to a file or image relative to the current page.
Image located in same folder as file - "pic.jpg"
Image located in another folder - "images/pic.jpg"
Image located in folder at the root - "/images/pic.jpg"
Image located in folder one level up - "../pic.jpg"
Image located in folder two levels up - "../../pic.jpg"
Attributes
Attributes
target
The target attribute is used to specify where to open a linked document. There are two common values: _self, which opens the document in the same window/tab, or _blank, which opens the document in a new window/tab.
target = "_blank"
href
The href attribute specifies the URL of the webpage the link goes to.
href= "https://www.google.com"
Works Cited
Works Cited
Click to Expand
Click to Expand
Page updated
Google Sites
Report abuse