Scribd Logo
Upload

Welcome to Scribd!

  • Intro To HTML

    Uploaded by

    Vero Nica
    3 views31 pages
    This document provides an introduction to HTML (Hypertext Markup Language) for a 10th grade ICT class. It includes the basic HTML page structure with <html>, <head>, <title>, and <body> tags. Technical terms are defined, such as web page, website, tags, and file extensions. An overview of HTML explains that it is used to format web pages with tags and hyperlinks. Basic steps for creating an HTML file in Notepad are outlined. Students are given assignments to practice the basic structure and design their own website concept.

    Original Description:

    Original Title

    Intro to HTML

    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
    This document provides an introduction to HTML (Hypertext Markup Language) for a 10th grade ICT class. It includes the basic HTML page structure with <html>, <head>, <title>, and <body> tags. Technical terms are defined, such as web page, website, tags, and file extensions. An overview of HTML explains that it is used to format web pages with tags and hyperlinks. Basic steps for creating an HTML file in Notepad are outlined. Students are given assignments to practice the basic structure and design their own website concept.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    3 views31 pages

    Intro To HTML

    Uploaded by

    Vero Nica
    This document provides an introduction to HTML (Hypertext Markup Language) for a 10th grade ICT class. It includes the basic HTML page structure with <html>, <head>, <title>, and <body> tags. Technical terms are defined, such as web page, website, tags, and file extensions. An overview of HTML explains that it is used to format web pages with tags and hyperlinks. Basic steps for creating an HTML file in Notepad are outlined. Students are given assignments to practice the basic structure and design their own website concept.

    Copyright:

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

    E.

    RODRIGUEZ JR HIGH SCHOOL

    HTML Grade 10 - ICT

    Mrs. Veronica B. Pajarilla


    Facilitator
    Prayer
    <html>
    <head>
    <title>
    <body>

    <h1>
    </h1>
    Attendance
    </body>
    </title>
    </head>
    </html>
    Recap
    E.RODRIGUEZ JR HIGH
    SCHOOL

    HTML Grade 10 - ICT

    Mrs. Veronica B. Pajarilla


    Facilitator
    Technical Terms
    1.Web page - simple document
    displayable by a browser, may contain
    text, graphics, and hyperlinks to other
    web pages and files.

    It is used to provide information to


    viewers, including pictures or videos to
    help illustrate important topics. 
    Address and Search Bar
    Title

    Content
    Technical Terms
    2. Website - a collection of webpages located
    under a single domain name.

    These webpages contain and display information


    about the business or organization and are usually
    made up of elements such as photos, videos and
    text.
    Technical Terms
    3. Tags - is a piece of markup language used to
    indicate the beginning and end of an HTML
    element in an HTML document.

    HTML tags help web browsers convert HTML


    documents into web pages.

    HTML tags are not visible in the browser.


    Technical Terms
    Technical Terms
    4. File Extension - The extension is a three-
    or four-letter abbreviation that signifies the
    file type.

    Example:
    .jpg or .jpeg – image
    .mp3 or .mp4 – audio
    .docx – MS word
    .html – web page source text
    Overview
    HTML stands for Hypertext
    Markup Language, and it is the
    most widely used language to
    write Web Pages.
    HTML is being widely used to format web pages
    with the help of different tags available
    in HTML language.
    Hypertext refers to the way in which
    Web pages (HTML documents) are
    linked together.

    Thus, the link available on a webpage


    is called Hypertext.

    Markup Language which means you use


    HTML to simply "mark-up" a text document
    with tags that tell a Web browser how to
    structure it to display .
    HTML
    <tags>
    Basic
    Structure
    HTML
    <!DOCTYPE html>
    <html>
    <head>
    <title> This is document title </title>
    </head>

    <body>
    <h1> This is a heading </h1>
    <p> Document content goes here..... </p>

    </body>
    </html>
    Title of document
    address

    heading

    paragraph

    web page

    Html codes/tags
    Step 1: Open Notepad. Press window + r in
    keyboard then type Notepad then click ok

    Step 2: Type the basic structure of html and


    details given by your teacher
    Step 3: Click File in notepad then “Save as”
    Step 4: Click File in notepad then “Save as”
    Step 5: Click Documents, find your own
    folder and open,

    Step 6: Type in
    File name
    “basic
    structure
    sample.html
    and save
    Web page/html
    document

    To open it in Notepad, right click the file and choose “Open


    with” find Notepad.
    <html>
    <head>
    <title>
    <body>

    <h1>
    </body>
    Questions? </h1>

    </head>
    </html>
    Let’s try!
    <!DOCTYPE html>
    <html>
    <head>
    <title> Sample HTML

    <body>
    <h1> Sample heading </h1>
    This is the content. </p>

    </body>
    Quiz #2:
    Direction: Create your first web page using the
    Basic Structure of HTML.

    Type the following details:

    Title: Basic HTML


    Heading 1 <h1> This is my first web page.
    File name: BASIC STRUCTURE
    Assignment:
    Direction: In a 1/2 crosswise, think of your own
    website to make and explain what is all about.

    Example:
    Website: Gig’aBand
    Info: This website allows you to check your favorite
    local band basic info, albums, new released songs,
    gigs and many more.
    Thank
    you!

    You might also like