Formatting - H T M L

  • Basic
    • Layout
    • <p> => Paragraph
    • <pre> => Displays content inside it in the same format
    • <b> => Bold
    • <i> => Italics
    • <del> => Strike-through
    • <ins> => Underline text
    • <sup> => Superscript
    • <sub> => Subscript
    • <span> => Inline element
    • <div> => Block level element
      • <div draggable = true/false> => Allow or not to be able to Drag
    • <bdo dir = rtl> => Changes the direction of text
    • <abbr title = "val"> => Shows abbreviation tooltip when you hover over text
    • <dfn> => Used to mark a term that is being defined within the current sentence, Used with <abbr>
    • <samp> => Shows monospace output of texts
    • <kbd> => Used to show keyboard keys
    • <hr> => Horizontal line
    • <br> => Break Line
  • Semantic Tags
    • <h1> => Heading
      • <h2/h3/h4/h5/h6>
    • <strong> => Bold, Displays content with importance
    • <header> => Defines a header for a document or a section
    • <nav> => Defines a set of navigation links
    • <main>
    • <section> => Defines a section in a document
    • <article> => Defines an independent, self-contained content
    • <aside> => Defines content aside from the content, Sidebar
    • <footer> => Defines a footer for a document or a section
    • <details> => Inside this will be summary and p tag
    • <summary> => When you click on this text, It expands showing the following paragraph text
    • <figure> => Specifies self-contained content, like illustrations, diagrams, photos, etc
    • <figcaption> => Defines a caption for a <figure> element
    • <mark> => By default highlights text by yellow color
    • <time>
  • Quotations
    • <blockquote>
      • <blockquote cite = "scheme://prefix.domain:port/path/filename"> => Section that is quoted from another source
    • <mark> => To highlight by the writer, Default color is yellow, Used to highlight when searching
    • <q> => Insert quotation marks around the quotation
    • <abbr title = "val"> => To give abbreviation or an acronym to a word
    • <address> => Defines the contact information for the author/owner
    • <cite> => Defines the title of a creative work usually in italic
    • <time>
      • <time datetime = "2022--1-14"> => For search engines
  • Computer Code Element
    • <code> => For mathematical code
    • <kbd> => Content inside is displayed in the browser's default monospace font
    • <var> => For writing variables
    • <samp>
Share: