Scribd Logo
Upload

Welcome to Scribd!

  • BAsic HTML Linking

    Uploaded by

    Ollirum Zeny
    21 views17 pages
    This document discusses how to add different types of lists and links to HTML documents. It covers numbered and bulleted lists, and how to specify different numbering formats. It also explains how to create links between pages on a site, link to external websites, and create email links. The document provides examples for each type of list and link.

    Original Description:

    Just check it out

    Original Title

    BAsic Html Linking

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses how to add different types of lists and links to HTML documents. It covers numbered and bulleted lists, and how to specify different numbering formats. It also explains how to create links between pages on a site, link to external websites, and create email links. The document provides examples for each type of list and link.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    21 views17 pages

    BAsic HTML Linking

    Uploaded by

    Ollirum Zeny
    This document discusses how to add different types of lists and links to HTML documents. It covers numbered and bulleted lists, and how to specify different numbering formats. It also explains how to create links between pages on a site, link to external websites, and create email links. The document provides examples for each type of list and link.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 17

    HTML

    HYPERTEXT MARKUP LANGUAGE


    HOW TO ADD LIST

    • NUMBERED LISTS
    • BULLET LISTS
    NUMBERED LISTS
    (ORDERED LIST)

    An ordered list typically is a numbered list of items. It gives you


    the ability to control the sequence number
    An ordered list starts with the <ol> tag. Each list item starts with
    the <li> tag.
    Type Description
    type="1" The list items will be numbered with numbers (default)
    type="A" The list items will be numbered with uppercase letters
    type="a" The list items will be numbered with lowercase letters
    type="I" The list items will be numbered with uppercase roman
    numbers
    type="i" The list items will be numbered with lowercase roman
    numbers
    Example #1 NUMBERING
    <html>
    <head>
    <title> NCR </title>
    </head>
    <body>

    <h2>Sample ordered HTML list</h2>

    <ol type="1">
    <li>Manila</li>
    <li>Makati</li>
    <li>Taguig</li>
    </ol>

    </body>
    </html>
    Example #2 ROMAN NUMERAL
    <html>
    <head>
    <title> NCR </title>
    </head>
    <body>

    <h2>Sample ordered HTML list</h2>

    <ol type=“I">
    <li>Manila</li>
    <li>Makati</li>
    <li>Taguig</li>
    </ol>

    </body>
    </html>
    BULLET LISTS
    (UNORDERED LIST)

    An unordered list typically is a bulleted list of items.


    An unordered list starts with the <ul> tag. Each list item starts
    with the <li> tag.
    Type Description
    disc Sets the list item marker to a bullet (default)
    circle Sets the list item marker to a circle
    square Sets the list item marker to a square
    none The list items will not be marked
    Example #1 Disc Bullet
    <html>
    <head>
    <title> NCR </title>
    </head>
    <body>

    <h2>Unordered List with Disc Bullets</h2>

    <ul style="list-style-type:disc;">
    <li>Manila</li>
    <li>Makati</li>
    <li>Taguig</li>
    </ul>

    </body>
    </html>
    HOW TO ADD LINKS

    • CREATING LINKS BETWEEN PAGES


    • LINKING TO OTHER SITES
    • EMAIL LINKS

     HTML links are hyperlinks.


     You can click on a link and jump to another document.
     When you move the mouse over a link, the mouse arrow will turn into a little hand.
    CREATING LINKS BETWEEN PAGES
    • LINKING TO OTHER SITES
    <html>
    <head>
    <title> NCR </title>
    </head>
    <body>

    <h2>HTML Links</h2>
    <p><a href="https://www.w3schools.com/html/">
    Visit W3school HTML tutorial</a></p>

    </body>
    </html>
    • EMAIL LINKS

    <html>
    <head>
    <title> Sample </title>
    </head>
    <body>

    <a href = "mailto:abc@example.com?subject =


    Feedback&body = Message">
    Send Feedback
    </a>
    </body>
    </html>
    HOW TO ADD IMAGES

    • HOW TO ADD IMAGES AND PAGES


    • CHOOSING THE RIGHT FORMAT
    • OPTIMIZING IMAGES FOR THE WEB
    • HOW TO ADD IMAGES
    • CHOOSING THE RIGHT FORMAT
    • OPTIMIZING IMAGES FOR THE WEB

    You might also like