Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    Asliah Pangader
    9 views16 pages
    tutorial

    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
    tutorial

    Copyright:

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

    HTML

    Uploaded by

    Asliah Pangader
    tutorial

    Copyright:

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

    HTML

    CHAPTER 1

    <html> = meaning I will start my code here


    </html> = I will end my code here (/)
    This is the HTML tag, its a simple command that you tell to the computer
    prompting it that whatever I or you put in between these tags is something
    that the computer will follow.
    Everything that goes inside

    <head> = meaning I will start my code here


    </head> = I will end my code here (/)
    The heading tag is where all the browser information goes, the technical
    stuff you dont really see when entering a webpage not unless you look for
    it, some browser info.

    <body> = meaning I will start my code here


    </body> = I will end my code here (/)
    All the pictures, texts, designs is where the body is used for.

    <html>
    <head>
    <title>Hi! Im the title!</title>
    </head>

    </html>

    <html>
    <head>
    <title>Hi! Im the title!</title>
    </head>
    <body>
    I am the BODY!
    </body>

    </html>
    **HTML Coding is like making a sandwich, WHY???

    We will now start with the HEADER tags. <h1> </h1>


    These are used for Headings, like a newspaper title to catch the attention
    of a person or the reader.
    Put the header inside your body
    <h1> HEADER </h1>
    .
    .
    <h6> HEADER </h6>

    PARAGRAPHS, BREAK LINES & HORIZONTAL LINES <p> </p> <br> <hr>

    <body>
    Im sentence #1
    Im sentence #3
    </body>
    **Now try to input the <p></p> on the sentences.

    PARAGRAPHS <p> </p>


    <body>
    <p>Im sentence #1</p>
    <p>Im sentence #3</p>
    </body>
    BREAK LINE <br> & HORIZONTAL LINE
    <body>
    <hr>
    Im sentence #1 <br> Im sentence #3
    <body>
    <hr>

    SAMPLE!
    <body>
    <h1> This is my 1st Header </h1>
    <p> This is my 1st Paragraph </p>
    <hr>
    <h2> This is my 2nd Header </h2>
    <p> This is my 2nd Paragraph <br> And this is my 3 rd sentence </p>
    </body>

    Bold, & Italics <strong></strong><em></em>


    <body>
    Hi, Im <strong>Bolded</strong> and Im <em>Italicized</em>
    </body>

    Comments <! Im a comment -->


    These are words or statements that you leave on your coding body that the
    computer will ignore.
    These comments were meant to be a reminder for you of what that certain
    block of code really is, OR for other programmers who will read your code
    and you just want to leave a message for them.
    Think of comments as Post-it Notes if you like.

    Example on the next slide..

    <body>
    Hi, my name is <em>Ainarl</em> Uy
    <!-- please input my address on below paragraph -->
    <p> I live at ____________________ </p>
    <!-- take note, I have to drink my medicine after dinner -->
    </body>

    LET US PLAY A GAME!


    FIND THE WRONG CODE ON THE NEXT SLIDE!

    <body>
    Time for the <strong><em>GAME</strong></em> section!
    <h1> This is my 1st Header </h1>
    <p> This is my 1st Paragraph </p>
    <hr>
    <h2> This is my 2nd Header <h2>
    <p> I should not be bolded!<br> Why am I bolded?</p>
    <! there is something wrong with the codes above, find it! -->
    </body>

    NOW,
    I WANT YOU TO CODE USING ALL THE TAGs
    WEVE DISCUSSED IN CHAPTER 1
    WITHIN 10 MINUTES

    You might also like