Scribd Logo
Upload

Welcome to Scribd!

  • HTML Elements and Tags Guide

    Uploaded by

    Vamee Asuncion
    6 views18 pages
    HTML is a markup language that allows web browsers to interpret and display content. It uses tags enclosed in angle brackets to structure and format text, images, and other content on web pages. Key elements of a webpage include the title, body, headings, normal text, and hyperlinks. The document structure consists of an opening and closing <html> tag containing a <head> with the page title and a <body> that holds the visible content. Common formatting tags include those for headings, paragraphs, line breaks, bold, italics, and lists.

    Original Description:

    Original Title

    HTML Lesson2

    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
    HTML is a markup language that allows web browsers to interpret and display content. It uses tags enclosed in angle brackets to structure and format text, images, and other content on web pages. Key elements of a webpage include the title, body, headings, normal text, and hyperlinks. The document structure consists of an opening and closing <html> tag containing a <head> with the page title and a <body> that holds the visible content. Common formatting tags include those for headings, paragraphs, line breaks, bold, italics, and lists.

    Copyright:

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

    HTML Elements and Tags Guide

    Uploaded by

    Vamee Asuncion
    HTML is a markup language that allows web browsers to interpret and display content. It uses tags enclosed in angle brackets to structure and format text, images, and other content on web pages. Key elements of a webpage include the title, body, headings, normal text, and hyperlinks. The document structure consists of an opening and closing <html> tag containing a <head> with the page title and a <body> that holds the visible content. Common formatting tags include those for headings, paragraphs, line breaks, bold, italics, and lists.

    Copyright:

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

    HT M L

    LESSON 2
    HTML
    It is a special language that browsers can
    read.
    HTML codes are enclosed by less than “<“ and
    greater than “>” brackets. These bracketed
    codes are commonly referred to as Tags.

     Codes are not sensitive


    HTML
     This is how two computers speak to each other over
    the Internet. Websites are what they say. HTML is
    spoken by two computers – Client and Server.

    W3C (World Wide Web Consortium) – maintain


    HTML Standards to ensure that browsers can
    interpret HTML.
    ELEMENTS OF A WEBPAGE
    1. TITLE – A webpage’s title identifies the subject or
    purpose of the page. This displays on the
    browser’s Title bar.
    2. BODY – Important element in regards to the
    page’s appearance. This contains information
    about the page’s background color, the
    background image, as well as link colors.
    ELEMENTS OF A WEBPAGE
    3. HEADINGS – A larger font size than normal text
    and usually are bold and italic. These can help
    organize content and emphasize key points on a
    webpage.

    4. NORMAL TEXT – This can be used on a webpage


    in many formats.
    ELEMENTS OF A WEBPAGE
    5. HYPERLINK – Serves as a primary way to
    navigate between pages
    WEBPAGE DOCUMENT STRUCTURE
    Tells version of HTML
    <!DOCTYPE html> HTML Root element
    <html> Contains header information
    <head> Defines Title of the page
    <title> Title of the Page </title>
    </head>
    Holds the content of the page

    <body>
    <h2> Heading content </h2> HTML heading tag
    <p> Paragraph content </p> HTML paragraph tag

    </body></html>
    FORMATTING TEXT AND TAGS
    1. Header Tag <Hn></Hn>

     Text on your page can be made to appear in


    various Header sizes (1 to 6).

     Headers give readers an idea of what is


    contained in that section.
     The <Hn> tag does three things:
    a. start a new line;
    b. it moves the text to the left
    c. it sets the size based on the value of n.
     Syntax: <Hn>heading text</Hn>
    <H4 Align=alignment>heading text </H4>
    Example: <H4>heading text </H4>
    <H4 Align=centert>heading text </H4>
    GUIDE TO HEADER TAGS AND SIZE
    SIZE APPLICATIONS
    H1 For main title and section headings
    H2 For chapter titles and important
    subheadings
    H3 For subheadings
    H4 For most paragraph text
    H5 For less important text
    H6 For less important (avoid using this)
    2. Paragraph Tag <P></P>

     Used to start a new paragraph.


     To align <P align=alignment></P>
    2. Line Break Tag <Br>

     To insert a new line equivalent to that


    produced by the ENTER key.
    3. &nbsp;

     Special command used for character


    spacing.
    FORMATTING TAGS
    TAGS EFFECT
    <B></B> Bold Text
    <I></I> Italicized text
    <U></U> Underlined
    <Sup></Sup> Superscripted
    <Sub></Sub> Subscripted
    <Strike></Strike> Strike-through
    <Blink></Blink> Blinking Text
    <Center></Centered> Centered Text
    <Big> To make the text all caps
    <Small> Small caps
    LESSON 3: USING LISTS
    A. ORDERED LIST – Also called
    Numbered List. This shows a defined
    sequence. Syntax:

    <OL Type=Type>
    Types of Ordered List <Li> List item 1
    <Li> List item 2
    1 – Numeric </OL>
    a – lowercase letters
    A – uppercase letters
    i – lowercase roman
    I – uppercase roman
    B. UNORDERED LIST – Presented with
    bullets before each list item. They are
    sometimes called Bulleted List.
    Syntax:
    Types of Unordered List
    <UL Type=bullet type>
    Type: Disc, Circle, Square <Li> List item 1
    <Li> List item 2
    </UL>
    By default the list will start with 1. To change it use
    the START attribute of the <OL> tag.
    Syntax:

    <OL Start =Start>


    ex.4

    Example: <OL type= i start


    =4>

    You might also like