Scribd Logo
Hochladen

Willkommen bei Scribd!

  • 3.02D HTML Overview: 3.02 Develop Webpages

    Hochgeladen von

    isaiah8195
    34 Ansichten10 Seiten
    gfhj

    Originaltitel

    3.02D HTML Overview

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PPT, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    gfhj

    Copyright:

    © All Rights Reserved
    Als PPT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    34 Ansichten10 Seiten

    3.02D HTML Overview: 3.02 Develop Webpages

    Hochgeladen von

    isaiah8195
    gfhj

    Copyright:

    © All Rights Reserved
    Als PPT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 10

    3.

    02D HTML Overview

    3.02 Develop webpages.


    (Note to instructor: HTML tags are in red only to differentiate from regular text.)

    HTML Tags
    Purpose of Tags:
    Define and describe text,
    graphics, hypertext links,
    and other multimedia
    elements found on
    webpages
    Tell the browser how to
    display the document.
    By viewing the source
    code of a webpage, the
    user can see the HTML
    tags used to display the
    page.

    To view a webpages
    source code:
    In the browser window,
    Click on the View menu
    and choose Source.

    Using HTML Tags


    An HTML tag begins with a < character and ends
    with a > character.
    Between these characters is the actual tag name,
    such as body or head. <body> is an example of a
    correct tag.
    Tags should appear in pairs, with an opening tag
    <html> and a closing tag </html>.
    The only difference between the opening and
    closing tag is the / used in the closing tag.

    Using HTML Tags


    Text entered between
    the HTML tags is
    formatted with the code
    specified by those tags.
    Example:
    <h1>Welcome to my website!
    </h1>

    The browser will turn on


    formatting at heading
    level 1 to display the
    text and then turn it off
    at the end of that text.
    Note the source code showing the 6 levels of the heading tag.

    HTML vs. XHTML


    W3C created XHTML as an
    extended version of HTML.

    While many old browsers


    can display old HTML,
    newer ones rely on the
    XHTML requires some
    current standard.
    modification of the old HTML
    Remember, web pages are
    standard.

    All tags must be in lowercase.

    All tags must have a closing tag.

    All tags must be properly


    nested.

    The <html> tag must be the root


    tag for every document.

    accessed from desktop


    computers, mobile phones
    and handheld devicesall
    using a variety of browser
    technologies!

    Nesting HTML Tags

    Nesting refers to the order in which tags are opened and closed.
    Enter the closing tags in the reverse order from the opening tags.
    Closing tags in a different order than they were opened may keep
    the browser from displaying the page as intended by the author.

    Adding Attributes to Tags


    Attributes provide additional information about tags and
    control how the tag will be interpreted by the browser.
    Example:
    The anchor tag, <a>, defines an anchor that converts text or an
    image into a hyperlink.
    <a href=http://www.unc.edu>University of North Carolina</a>

    href is the attribute instructing the browser to set the


    text between the anchor tags as a hyperlink to the
    specified web address.

    Rules for Using Attributes


    Attributes are entered inside the opening tag but not in the
    closing tag.
    Attributes are keyed in name/value pairs. Syntax: name=value
    The attribute should have an equal symbol followed by the value
    or setting for the attribute.
    Attribute values should be enclosed inside quotation marks.

    Using Multiple Attributes


    Example:
    <img src=image.gif alt=smiley face
    image />
    Space once between multiple
    attributes.
    The source attribute tells the
    browser where the image is
    located.
    The alt attribute instructs the
    browser to display alternative
    text if the image file will not
    load.
    For a comprehensive list of tags and attributes visit www.w3schools.com/html/html_reference.asp

    Creating and Saving HTML Files


    Use any text editor to enter HTML code and
    create a web page.
    Save the file as an HTML file using .html as the
    extension.

    Many old browsers will display files with the .htm


    extension but the latest standard requires .html

    Launch a web browser and open the file to


    display the page. (Check the page out with
    several different browsers to see how each
    browser displays the HTML file.)

    Das könnte Ihnen auch gefallen