Please enable JavaScript.

Coggle requires JavaScript to display documents.

1: HTML Basics - Coggle Diagram

- - - - eg. width attribute
  - - - maybe the location has changed
    - - screen readers
- - - - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> ... </body> </html>
  - - - indicates to browsers
        
        that the document uses HTML5
      - at top of HTML file
    - - the HTML document
        
        or root element
      - the top-level element of our document
      - all other elements
        
        must be descendants of this
      - permitted content
        
        one <head> element #
        
        followed by one <body> element #
    - - document metadata element
        
        or header element
      - contains machine-readable information
        
        or metadata
        
        about the document
        
        eg
        
        title
        
        displayed in browser tab
        
        used by Google in searches
        
        scripts
        
        style sheets
    - - contains
        
        all the content of our document
- - - - either by
        
        clicking on the cog in the bottom-left #
        
        or by using the shortcut
        
        CMD + ,
    - - Format On Save