Scribd Logo
Upload

Welcome to Scribd!

  • Lesson 6.1 HTML and The World Wide Web Types of HTML Elements

    Uploaded by

    VhinaP.Hipolito
    6 views5 pages

    Original Title

    LESSON IN TLE.docx

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views5 pages

    Lesson 6.1 HTML and The World Wide Web Types of HTML Elements

    Uploaded by

    VhinaP.Hipolito

    Copyright:

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

    Lesson 6.

    1 HTML and the World Wide Web


    TYPES OF HTML ELEMENTS
    Structural markup describes the purpose of text. For
    example, <h2>Golf</h2> establishes "Golf" as a
    second-level heading, which would be rendered in a
    browser in a manner similar to the "HTML markup"
    title at the start of this section. Structural markup
    does not denote any specific rendering, but most Web
    browsers have standardized default styles for
    element formatting. Text may be further styled with
    Cascading Style Sheets (CSS).
    Presentational markup describes the appearance of
    the text, regardless of its function. For example
    <b>boldface</b> indicates that visual output devices
    should render "boldface" in bold text, but gives no
    indication what devices which are unable to do this
    (such as aural devices that read the text aloud)
    should do. In the case of both <b>bold</b> and
    <i>italic</i>, there are elements which usually have
    an equivalent visual rendering but are more semantic
    in nature, namely <strong>strong emphasis</strong>
    and <em>emphasis</em> respectively. It is easier to
    see how an aural user agent should interpret the
    latter two elements.
    Hypertext markup makes parts of a document into
    links to other documents. HTML up through version
    XHTML 1.1 requires the use of an anchor element to
    create a hyperlink in the flow of text:
    <a>Wikipedia</a>. In addition, the href attribute
    must be set to a valid URL. For example, the HTML
    markup,
    <a href="http://en.wikipedia.org/">Wikipedia</a>,

    will render the word "Wikipedia" as a hyperlink. An


    example to render an image as a hyperlink is: <a
    href="http://example.org"><img src="image.gif"
    alt="alternative text" width="50" height="50"></a>.

    Lesson 1 BASIC TERMINOLOGIES


    Internet, WWW, Hypertext, Web Browser, Web
    Page

    Internet a collection of thousands of computer networks throughout the


    world.

    World Wide Web (WWW) consists of countless number of pages held in


    over a million computer scattered across the world, and all joined together by
    hypertext links and access through a web browser.

    Hypertext documents linked so that clicking on a button, icon, or keyword


    takes you into related document wherever it may be.

    Web Browser a program that lets you leap between hypertext links to read
    text, view images, videos and hear sounds. (ex. Google Chrome, Mozilla
    Firefox)

    Web Page a name given to the page that is displayed when information is
    requested from WWW.

    Lesson 2 THREE IMPORTANT FACTORS IN


    CREATING WEB PAGES
    HTML Editor, Web Browser, Internet Connection
    THREE IMPORTANT FACTORS
    HTML Editor uses Notepad++ or ordinary
    Notepad of Windows OS.

    Web Browser like Mozilla Firefox, Google


    Chrome and Internet Explorer.
    DSL an organization offering access in the
    Internet.

    Lesson 3
    The Two Types of Tags
    Tags, Part of a Tag, 2 Kinds of Tags, Other Contents
    What are Tags?
    0 These are the building blocks of HTML codes.
    They are indicators of how a certain object or
    property will appear on the output page.
    Parts of Tag (Syntax)
    <TAG NAME ATTRIBUTE=VALUE...>
    Affected Text/Image/Object</TAG NAME>
    2 Kinds of Tags
    0 EMPTY TAGS these are tags that do not
    require closing tags.
    0 <br>, <hr>
    0 CONTAINER TAGS require an opening tag
    that designate the start of the

    tag/property/attribute and a closing tag to


    demote the end of that
    tag/property/attribute.
    0 <center></center>, <font face=Arial>
    </font>
    0 <html></html> and other basic structure
    tags
    Other Contents
    0 Property/Attribute additional information
    attached to certain tags to give a more
    detailed information of what the tag should
    stand for.
    0 Samples:
    0 <h1 align=center>
    0 <font face=Arial color=green
    size=7>
    0 <hr color=beige size=50 width=50%
    >
    0 Value the value assigned to the
    property/attribute. This can a numeric, or set
    of strings or scripts.
    0 Samples:
    0 <h1 align=center>

    0 <font face=Arial color=green


    size=7>
    0 <hr color=beige size=50 width=50%
    >
    0 Scripts these are lines of code designed to
    run with HTML codes for a better execution of
    the web page.
    0 Sample:
    0 <script type=text/javascript>
    document.write (This line is written in
    JavaScript <br>) </script>

    You might also like