Scribd Logo
Upload

Welcome to Scribd!

  • Introduction to HTML

    Uploaded by

    Luna Begum
    2 views1 page

    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

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    2 views1 page

    Introduction to HTML

    Uploaded by

    Luna Begum

    Copyright:

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

     Tutorials  Exercises  Certificates  Services  Search...

     Plus Spaces Get Certified Sign Up Log in

    HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ❯

    HTML Tutorial ADVERTISEMENT

    HTML HOME
    HTML Introduction
    HTML Editors
    HTML Basic
    HTML Elements HTML Introduction
    HTML Attributes
    HTML Headings ❮ Previous Next ❯
    HTML Paragraphs
    HTML Styles
    HTML Formatting HTML is the standard markup language for creating Web pages.
    HTML Quotations
    HTML Comments
    HTML Colors  What is HTML?
    HTML CSS
    HTML Links HTML stands for Hyper Text Markup Language

    HTML Images HTML is the standard markup language for creating Web pages

    HTML describes the structure of a Web page
    HTML Favicon
    HTML consists of a series of elements
    HTML Page Title
    HTML elements tell the browser how to display the content
    HTML Tables  HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
    HTML Lists 
    HTML Block & Inline
    HTML Div
    HTML Classes
    A Simple HTML Document
    HTML Id
    HTML Iframes
    HTML JavaScript
    Example
    HTML File Paths
    <!DOCTYPE html>
    HTML Head
    <html>
    HTML Layout
    <head>
    HTML Responsive <title>Page Title</title>
    HTML Computercode </head>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>
    COLOR PICKER
    Try it Yourself »

    Example Explained
    
    The <!DOCTYPE html> declaration defines that this document is an HTML5 document
    The <html> element is the root element of an HTML page ADVERTISEMENT
    The <head> element contains meta information about the HTML page
    The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
    The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks,
    tables, lists, etc.
    The <h1> element defines a large heading
    The <p> element defines a paragraph

    What is an HTML Element?


    An HTML element is defined by a start tag, some content, and an end tag:

    <tagname> Content goes here... </tagname>

    The HTML element is everything from the start tag to the end tag:

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    Start tag Element content End tag

    <h1> My First Heading </h1>

    <p> My first paragraph. </p>

    <br> none none

    Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!

    ADVERTISEMENT

    Web Browsers
    The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.

    A browser does not display the HTML tags, but uses them to determine how to display the document:

    HTML Page Structure


    Below is a visualization of an HTML page structure:

    <html>

    <head>

    <title>Page title</title>

    </head>

    <body>

    <h1>This is a heading</h1>

    <p>This is a paragraph.</p>

    <p>This is another paragraph.</p>

    </body>

    </html>

    Note: The content inside the <body> section will be displayed in a browser. The content inside the <title> element will be shown in the browser's title bar or in
    the page's tab.

    HTML History
    Since the early days of the World Wide Web, there have been many versions of HTML:

    Year Version

    1989 Tim Berners-Lee invented www

    1991 Tim Berners-Lee invented HTML

    1993 Dave Raggett drafted HTML+

    1995 HTML Working Group defined HTML 2.0

    1997 W3C Recommendation: HTML 3.2

    1999 W3C Recommendation: HTML 4.01

    2000 W3C Recommendation: XHTML 1.0

    2008 WHATWG HTML5 First Public Draft

    2012 WHATWG HTML5 Living Standard

    2014 W3C Recommendation: HTML5

    2016 W3C Candidate Recommendation: HTML 5.1

    2017 W3C Recommendation: HTML5.1 2nd Edition

    2017 W3C Recommendation: HTML5.2

    This tutorial follows the latest HTML5 standard.

    Video: HTML Introduction

    ❮ Previous Next ❯

    W3schools Pathfinder
    Track your progress - it's free! Sign Up Log in

    ADVERTISEMENT ADVERTISEMENT

     SPACES UPGRADE AD-FREE NEWSLETTER GET CERTIFIED CONTACT US

    Top Tutorials Top References Top Examples Get Certified


    HTML Tutorial HTML Reference HTML Examples HTML Certificate
    CSS Tutorial CSS Reference CSS Examples CSS Certificate
    JavaScript Tutorial JavaScript Reference JavaScript Examples JavaScript Certificate
    How To Tutorial SQL Reference How To Examples Front End Certificate
    SQL Tutorial Python Reference SQL Examples SQL Certificate
    Python Tutorial W3.CSS Reference Python Examples Python Certificate
    W3.CSS Tutorial Bootstrap Reference W3.CSS Examples PHP Certificate
    Bootstrap Tutorial PHP Reference Bootstrap Examples jQuery Certificate
    PHP Tutorial HTML Colors PHP Examples Java Certificate
    Java Tutorial Java Reference Java Examples C++ Certificate
    C++ Tutorial Angular Reference XML Examples C# Certificate
    jQuery Tutorial jQuery Reference jQuery Examples XML Certificate

         FORUM ABOUT CLASSROOM


    W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
    Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
    of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

    Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

    You might also like