Scribd Logo
Upload

Welcome to Scribd!

  • HTML Elements

    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

    HTML Elements

    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 Elements
    HTML Attributes
    HTML Headings ❮ Previous Next ❯
    HTML Paragraphs
    HTML Styles
    HTML Formatting An HTML element is defined by a start tag, some content, and an end tag.
    HTML Quotations
    HTML Comments
    HTML Colors  HTML Elements
    HTML CSS
    HTML Links  The HTML element is everything from the start tag to the end tag:
    HTML Images 
    HTML Favicon <tagname>Content goes here...</tagname>
    HTML Page Title
    HTML Tables  Examples of some HTML elements:
    HTML Lists 
    HTML Block & Inline
    <h1>My First Heading</h1>
    HTML Div
    HTML Classes
    HTML Id <p>My first paragraph.</p>
    HTML Iframes
    HTML JavaScript Start tag Element content End tag
    HTML File Paths
    HTML Head <h1> My First Heading </h1>

    HTML Layout
    <p> My first paragraph. </p>
    HTML Responsive
    HTML Computercode <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!

    COLOR PICKER
    Nested HTML Elements
    HTML elements can be nested (this means that elements can contain other elements).

    All HTML documents consist of nested HTML elements.

    The following example contains four HTML elements ( <html> , <body> , <h1> and <p> ):
    
    ADVERTISEMENT

    Example
    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>

    Try it Yourself »

    Example Explained
    The <html> element is the root element and it defines the whole HTML document.

    It has a start tag <html> and an end tag </html> .

    Then, inside the <html> element there is a <body> element:

    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>

    The <body> element defines the document's body.

    It has a start tag <body> and an end tag </body> .

    Then, inside the <body> element there are two other elements: <h1> and <p> :

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    The <h1> element defines a heading.

    It has a start tag <h1> and an end tag </h1> :

    <h1>My First Heading</h1>

    The <p> element defines a paragraph.

    It has a start tag <p> and an end tag </p> :

    <p>My first paragraph.</p>

    ADVERTISEMENT

    Never Skip the End Tag


    Some HTML elements will display correctly, even if you forget the end tag:

    Example
    <html>
    <body>

    <p>This is a paragraph
    <p>This is a paragraph

    </body>
    </html>

    Try it Yourself »

    However, never rely on this! Unexpected results and errors may occur if you forget the end tag!

    Empty HTML Elements


    HTML elements with no content are called empty elements.

    The <br> tag defines a line break, and is an empty element without a closing tag:

    Example
    <p>This is a <br> paragraph with a line break.</p>

    Try it Yourself »

    HTML is Not Case Sensitive


    HTML tags are not case sensitive: <P> means the same as <p> .

    The HTML standard does not require lowercase tags, but W3C recommends lowercase in HTML, and demands lowercase for stricter document types like
    XHTML.

    At W3Schools we always use lowercase tag names.

    HTML Exercises

    Test Yourself With Exercises

    Exercise:
    Insert the correct end tag for the HTML heading.

    <h1>This is a heading

    Submit Answer »

    Start the Exercise

    HTML Tag Reference


    W3Schools' tag reference contains additional information about these tags and their attributes.

    Tag Description

    <html> Defines the root of an HTML document

    <body> Defines the document's body

    <h1> to <h6> Defines HTML headings

    For a complete list of all available HTML tags, visit our HTML Tag Reference.

    Video: HTML Elements

    ❮ 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