Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 20 views

    Computer Programming Grade 11 Introduction To HTML

    Uploaded by

    Edeson John Cabanes
    The document provides an introduction to HTML and discusses its history, structure, basic elements and tags. It explains that HTML is used to define the structure and layout of web pages and is not a programming language. The key points covered include: 1. HTML was created by Tim Berners-Lee in 1991 and is currently in its fifth version. 2. HTML documents have a specific structure that includes elements like <html>, <head>, <title>, and <body> tags. 3. Basic HTML elements are defined by opening and closing tags that can have attributes to provide additional details. 4. The steps to create an HTML file are to write the code, save it with a .html extension

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    Computer Programming Grade 11 Introduction To HTML

    Uploaded by

    Edeson John Cabanes
    20 views22 pages
    The document provides an introduction to HTML and discusses its history, structure, basic elements and tags. It explains that HTML is used to define the structure and layout of web pages and is not a programming language. The key points covered include: 1. HTML was created by Tim Berners-Lee in 1991 and is currently in its fifth version. 2. HTML documents have a specific structure that includes elements like <html>, <head>, <title>, and <body> tags. 3. Basic HTML elements are defined by opening and closing tags that can have attributes to provide additional details. 4. The steps to create an HTML file are to write the code, save it with a .html extension

    Original Title

    Computer Programming Grade 11 Introduction 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?

    The document provides an introduction to HTML and discusses its history, structure, basic elements and tags. It explains that HTML is used to define the structure and layout of web pages and is not a programming language. The key points covered include: 1. HTML was created by Tim Berners-Lee in 1991 and is currently in its fifth version. 2. HTML documents have a specific structure that includes elements like <html>, <head>, <title>, and <body> tags. 3. Basic HTML elements are defined by opening and closing tags that can have attributes to provide additional details. 4. The steps to create an HTML file are to write the code, save it with a .html extension

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    20 views22 pages

    Computer Programming Grade 11 Introduction To HTML

    Uploaded by

    Edeson John Cabanes
    The document provides an introduction to HTML and discusses its history, structure, basic elements and tags. It explains that HTML is used to define the structure and layout of web pages and is not a programming language. The key points covered include: 1. HTML was created by Tim Berners-Lee in 1991 and is currently in its fifth version. 2. HTML documents have a specific structure that includes elements like <html>, <head>, <title>, and <body> tags. 3. Basic HTML elements are defined by opening and closing tags that can have attributes to provide additional details. 4. The steps to create an HTML file are to write the code, save it with a .html extension

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 22

    INTRODUCTION TO

    HTML
    COMPUTER PROGRAMMING GRADE 11
    EXPECTATION
    • At the end of this module you will understand the
    following:
    • 1. understand html;
    • 2. familiarize different basic tags and elements of
    html5; and
    • 3. familiarize html structure.
    PRETEST
    RECAP
    • Computer is an electronic programmable device that can store,
    retrieve and process data. It has five basic parts: Monitor, keyboard,
    mouse, system unit and AVR. It performs four major operations.
    First, it accepts instructions or data as input, second, the data will
    process as per instructions, third, it gives result in the form of
    output and it stores and data.
    • Programming is a process that leads from an original formulation of
    a computing problem to executable programs. There are two ways in
    programming. Procedural and OOP (Object-Oriented Programming).
    RECAP
    • Process/Steps in programming are Analyzing the problem or the
    program, developing an algorithm, Coding, Testing and debugging,
    Documentation and maintenance.
    • Algorithm is a step-by-step procedure or a set of rules in resolving
    problem or creating programs.
    • Pseudocode is a shorter description of an algorithm. It is a
    combination of English and code method to illustrate the algorithm.
    • Flowchart is also a description of an algorithm like pseudo code. The
    difference is that the flowchart is a graphical representation of it.
    INTRODUCTION TO HTML

    • History of HTML
    • HTML was created by Tim Berners-Lee also known as the father
    of the web. The first version of HTML was HTML 1.0 published
    in 1991 and latest version was HTML 5 which was published in
    2014. HTML 1.0 it consists of 18 HTML tags and each new
    version came with new tags and to the markup.
    INTRODUCTION TO HTML

    TIM BERNERS LEE


    HTML VERSIONS
    WHAT IS HTML?

    • HTML stands for Hyper Text Markup Language.


    HTML is not a programming language it only
    describes the structure of a Web page that gives
    meaning by defining that content as, for example,
    headings, paragraphs and images or simply HTML
    is the content of a webpage.
    WHAT IS HTML?

    • Notepad, notepad++, sublime or TextEdit are all application


    can be use in writing your HTML documents.
    • HTML documents are files that end with a .html or .htm
    extension. You can view the output using any web browser
    like Google Chrome, Safari and Mozilla Firefox. The
    browser is not displaying the HTML tags, but it is use to
    determine how to display the document.
    HTML BASIC ELEMENTS AND TAGS
    • An element is a set of opening and closing tags therefor
    tags are element names that surrounded by angle
    brackets. Tags tags usually come in pairs the start tag
    or also known as beginning tag and the end tag also
    called as closing tag. The end tag is written like the
    start tag, but with a forward slash inserted before the
    tag name.
    HTML BASIC ELEMENTS AND TAGS
    • Example: <tag> …………… </tag>
    • HTML structure
    • <Tag attribute = “value”>………………</end>
    • Attributes is an additional characteristics or properties of
    the element. It consists of name/value pairs like
    AttributeName="AttributeValue". Values should always be
    enclosed in quotation marks.
    HTML DOCUMENT STRUCTURE
    • (This sample is using Sublime application)
    HTML DOCUMENT STRUCTURE

    • (This sample is using google chrome browser)


    HTML DOCUMENT STRUCTURE
    • <!DOCTYPE html> ------------------ This is to declare that your document is an
    HTML5.
    • <html> ---------------------------------- HTML root element.
    • <head> --------------------------------- Contains meta information.
    • <title>About my self </title> ---------- Specifies title of document.
    • </head> ------------------------------- End tag. Contains meta information.
    • <body> --------------------------------- Holds the content of document.
    • My name is Jenessy
    • </body> -------------------------------- End tag. Holds the content of document.
    • </html> -------------------------------- End tag. HTML root element.
    HTML DOCUMENT STRUCTURE
    • The <!DOCTYPE> declaration represents the document type, and helpsbrowsers to
    display web pages correctly. It must only appear once, at the top of the page or before any
    HTML tags. The <!DOCTYPE> declaration is not case sensitive.
    • All HTML documents must start with a document type declaration. The HTML document
    itself begins with <html> and ends with </html>. The visible part of the HTML document
    is between <body> and </body>. The title of the document appears in tab bar of the
    browser. Bellow is the following steps in creating, saving and browsing html documents.
    • 1. Open sublime or other html editor application.
    • 2. Writing html.
    HTML DOCUMENT STRUCTURE

    • 3. Save the file on your computer. Click File tab and click save or click Ctrl and S on your
    keyboard. Name the file as “my document.html” then click save.
    HTML DOCUMENT STRUCTURE
    • 4. Locate your HTML file on your computer. Double click on the file, or right-click - and choose
    "Open with" then choose your favorite browser.

    • The result:
    • (This sample is using google chrome browser)
    ACTIVITIES
    WRAP-UP
    • This module discussed what is Hyper Text Markup Language and how to create simple webpage.
    HTML documents are files that end with a .html or .htm extension. You can view the output
    using any web browser like Google Chrome, Safari and Mozilla Firefox. After reading this
    module you understand what is element and tag in html and also, we have syntax to follow in
    creating webpage. Now according to what you have learned from this module list down the steps
    in creating webpage on the space provided below;
    VALUING
    POST-TEST

    You might also like