Scribd Logo
Upload

Welcome to Scribd!

  • What Is HTML Powerpoint

    Uploaded by

    joel
    26 views9 pages
    introduction presentation to HTML and web programming

    Original Title

    what-is-html-powerpoint

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    introduction presentation to HTML and web programming

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    26 views9 pages

    What Is HTML Powerpoint

    Uploaded by

    joel
    introduction presentation to HTML and web programming

    Copyright:

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

    So what is HTML?

    HTML is a language.

    It is the language that is used to write


    and create websites available to us on
    the web.

    Internet browsers create the language,


    or code, and translate it into your
    favourite web pages.

    The language is made up of text and is


    broken up with tags.
    So what are tags?
    • The tags are simple instructions for your web browser to show all of the
    content on a web page.

    • Tags are written with special characters.

    • They start and end with a pair of triangle brackets.

    Example:

    <title>What is HTML?</title>

    Did you spot the extra / in the last


    bracket? This tells the browser that
    this is where the title finishes.
    Why do we have HTML?
    • HTML makes up the basic structure
    of a web page.

    • Think of it like our skeletons.

    • We need the bones to support us and


    make up our structure as humans.
    • We can then add extra codes on top
    to make websites look amazing, just
    like our skin.

    • HTML is the starting point for all


    web pages.
    So what are the tags?
    Tag What it’s for

    <title></title> This is where your title goes

    <body></body> The bulk of your website

    <h1></h1> The biggest heading size

    <h6></h6> The smallest heading size

    <p></p> Split your paragraphs with this tag

    A little different to the others, this allows you to


    <!-- -->
    add notes that won’t be visible on your website
    How do I get started?
    To write your code, and have a go at making a website
    you need to use a HTML editor.

    A great website for this is:

    thimble.webmaker.org

    On one side you have HTML code, on the other you can
    see a live version of what your website looks at.
    Can you spot all the tags in this code?

    In this short piece of code I have added all of the tags I showed you before

    Can you spot them all?

    TASK: Have a go at writing your own short message in HTML


    What do real websites look like?
    • There are thousands of tags for you to use when you build
    a HTML webpage.

    • When we had a quick play we used 12 lines of code.

    • To build the Google homepage they needed 698 lines of code!


    That’s a lot of typing!
    What next?

    Think of 5 things
    every great website has?
    Extra Challenge:
    You can view a
    website’s HTML
    by right-clicking,
    then clicking
    on ‘View Source’.
    Have a look at the
    code behind your
    favourite websites!

    You might also like