Improving Web Pages by Adding Media Content PDF

Document Details

ProtectiveTropicalRainforest8020

Uploaded by ProtectiveTropicalRainforest8020

Sacred Heart Academy of Novaliches

Tags

web development html hyperlinks webpage design

Summary

This document provides a lesson on how to add hyperlinks to webpages using HTML. It covers different types of hyperlinks, including external and internal links, and how to use the 'href' and 'target' attributes.

Full Transcript

Improving Web Pages by Adding Media Content UNIT 2 | Lesson 2 Lesson objectives Explain Hyperlink and Create a webpage its types applying anchor tag and its attributes...

Improving Web Pages by Adding Media Content UNIT 2 | Lesson 2 Lesson objectives Explain Hyperlink and Create a webpage its types applying anchor tag and its attributes Define anchor tag and identify its attributes WHAT IS HYPERLINK? What’s the difference between a Hyperlink and URL???? Answer: A hyperlink is a certain kind of "clickable" text or graphic, which the Web browser generally responds by loading a new Web page. A uniform resource locator (URL) is a special address that uniquely Let’s observe the links on this website! HYPERLIN K - is any graphic or text that will allow web users to connect to another web page or another portion of a document. url - Uniform Resource Locator - is a special address that uniquely identifies a Web page on the Web Types of Hyperlink in HTML: external Internal link link Types of Hyperlink in HTML: external link - is a link to a file or to a webpage that does not belong to the webpage’s own site. SAMPLE WEBSITE WITH EXTERNAL LINK: https ://elevatedachievement.com/articles/4-reasons-why-we-need-to-listen-to-our-teachers/ Types of HYPERlink in HTML: INTERNAL link - is a link to a file or to a webpage within the website, or to any part of the webpage itself. SAMPLE WEBSITE WITH INTERNAL LINK: https://www.wikihow.com/Poop-While-Standing-up-at-a-Toilet What tag should we use when inserting a Anchor hyperlink on a Tag webpage? Types of URL VALUES: absolute relative link link Types of URL VALUES: ABSOLUTE LINK - this has the complete address of the path which the user can use to go to a specific page. Example: https://www.friv.com/ Play Types of URL VALUES: relative LINK - this has the path in which the destination is in the same location as the current file. Example: "C:\Users\ADMIN\Downloads\Home.html“ Recipes Adding hyperlinks in a webpage attributes: href target What attribute is used to specify the hypertext location/URL of reference the hyperlink or you’re creating href Link attributes Href attribute - specifies the location or URL of the page where the link goes to. Sample:

Use Quizgecko on...
Browser
Browser