Scribd Logo
Upload

Welcome to Scribd!

  • 14 views

    034 Dom - and - Elements

    Uploaded by

    Lord Khax
    Classes allow the same styling to be applied to multiple HTML elements, while IDs uniquely identify a single element. The document explains HTML tags, attributes like class and ID, and relationships between parent and child elements and sibling elements that share the same parent. Key differences are that a class can be used for multiple elements but an ID uniquely identifies a single element.

    Copyright:

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

    You might also like

    034 Dom - and - Elements

    Uploaded by

    Lord Khax
    14 views10 pages
    Classes allow the same styling to be applied to multiple HTML elements, while IDs uniquely identify a single element. The document explains HTML tags, attributes like class and ID, and relationships between parent and child elements and sibling elements that share the same parent. Key differences are that a class can be used for multiple elements but an ID uniquely identifies a single element.

    Original Description:

    Original Title

    034 dom_and_elements

    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
    Classes allow the same styling to be applied to multiple HTML elements, while IDs uniquely identify a single element. The document explains HTML tags, attributes like class and ID, and relationships between parent and child elements and sibling elements that share the same parent. Key differences are that a class can be used for multiple elements but an ID uniquely identifies a single element.

    Copyright:

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

    034 Dom - and - Elements

    Uploaded by

    Lord Khax
    Classes allow the same styling to be applied to multiple HTML elements, while IDs uniquely identify a single element. The document explains HTML tags, attributes like class and ID, and relationships between parent and child elements and sibling elements that share the same parent. Key differences are that a class can be used for multiple elements but an ID uniquely identifies a single element.

    Copyright:

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

    HTML –

    DOM & ELEMENTS


    CHROME DEVTOOLS
    HTML TAGS - Opening Tags: <div> & <a>
    HTML TAGS - Closing Tags: </div> & </a>
    CLASS ATTRIBUTE

    The same class .cities is applied to multiple elements.


    ID ATTRIBUTE

    HTML ID’s use the # tag and can also be applied to given
    element(s). ID #myHeader has been applied to the h1 header
    tag.
    Multiple classes applied
    to highlighted html tags.

    HTML tags can only


    contain one id.

    ID & CLASS ATTRIBUTES


    CLASS vs ID
    ▪ A class selector is a name preceded by a full stop (“.”)
    For example: .subcategories

    ▪ An ID selector is a name preceded by a hash character (“#”).


    For example: #homepageHeader

    ▪ The difference between an ID and a Class is that an ID can be


    used to identify one element, whereas a Class can be used to
    identify more than one.
    Parent Tag / Element

    Child Elements

    PARENT & CHILD ELEMENTS


    Parent Tag / Element

    Sibling Elements

    SIBLING ELEMENTS

    You might also like