Scribd Logo
Upload

Welcome to Scribd!

  • 4 Working With Hyperlinks

    Uploaded by

    barrocaleanne18
    1 views12 pages
    Tips on hyperlinks grade 9 lesson

    Original Title

    4__Working_with_hyperlinks

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Tips on hyperlinks grade 9 lesson

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views12 pages

    4 Working With Hyperlinks

    Uploaded by

    barrocaleanne18
    Tips on hyperlinks grade 9 lesson

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    Prepared by:

    Jayrallyn M. Mayordomo
    Colegio de San Jose, Jaro Iloilo City
    • define what is hyperlink
    • identify different types of hyperlink
    • use graphic as link
    • identify the attributes for anchor and
    target attributes
    • create a link from one page on different
    website
    • allows you to navigate to another page of
    the same document or to another
    document.
    • represented by a colored text with an
    underline or with an image.
    • Absolute URL – links to a page on a
    different Web server
    • Relative URL – links to a page on the
    same Web server
    • Named Anchor – links to a different
    location on the same Web page
    • Anchor – used to define a hyperlink
    - allow viewers to go to another
    web page or file.
    - also made to make email
    hyperlinks
    - container tag <a></a>
    - attribute href as the target
    destination page
    Attributes for <a></a>
    Attribute Definition
    href Indicates the target of the anchor
    Ex. <a href=“sampleParagraphs.html”>
    target Indicates the behavior the Web browser
    will carry out
    Ex. <a href=“sampleParagraphs.html”
    target=“blank”>
    name Assigns a name to the anchor defining an
    internal bookmark of the page
    Ex. <a href=“sampleParagraphs.html”
    name=“paragraph”>
    • Blank – the value of the href attribute or target
    URL will be opened in a new window
    • Self - the value of the href attribute or target URL
    will be opened with in the same frames
    • Parent - the value of the href attribute or target
    URL will be opened in the parent
    frameset
    • Top - the value of the href attribute or target URL
    will be opened in the body of the
    window
    • Note:
    To change the hyperlink color:
    • <a href=“Creative Design.jpg”
    style=“color:#cc00000”> Creative
    Design</a>
    To make the visited link a different color from
    the unvisited link:
    • <body vlink=“0000ff”>
    • allow users to send email and
    communicate easily
    • value of the attribute href as mailto:
    followed by the email address
    Example:
    <ahref=mailto:juandelacruz@gmail.com>Email us now</a>
    • find the destination file path and copy to
    your code to create the link.
    Example:
    <a href=https://www.freepik.com/free-photos-vectors/creative-
    design> Creative Design</a>
    • graphics or images can take to another page in
    a website.
    Example of codes that used to add graphics link:
    • <a href=https://www.freepik.com/free-photos-
    vectors/creative-design>
    • <img src=https://img.freepik.com/free-
    vector/creativity-watercolor-concept_1284-
    5325.jpg?size=626&ext=jpg&ga=GA1.2.505219342.1
    707429770&semt=ais align= align=“left”
    border=“0”</a>

    You might also like