Skip to content

L 06 ~ L 10

Jump to bottom
Islam Ahmed Hassan edited this page Mar 14, 2021 · 3 revisions

06 - Doctype And Standard And Quirks Mode

<!doctype html>

  • <!doctype html>

      - The Tag is responsible for defining the page code : Stands for HTML5
  - *Must be added in every html page at the top*
  - Without it the browser will switch from standard mode to Quirks mode and then will not render the html page correctly
  - It is not case sensitive  == <!DOCTYPE HTML>

Render Mode

07 - Headings And Use Cases

  <body>
    <!-- h1 - h6 -->
    <h1>Book Store</h1>
        <h2>Chapter Title Inside Book</h2>
            <h3>Story Title Inside Chapter</h3>

    <h4>Book Store</h4>
    <h5>Book Store</h5>
    <h6>Book Store</h6>
    This Is My Book Store, Welcome
  </body>

  • < h1> < /h1> ~ < h6> < /h6>

      - Block element by default
  - The Tag is responsible for defining the heading
  - *The hierarchal order Must be followed to be friendly to the search engines*

08 - Syntax And Tests

<meta
  name = "description"
  content = "This Is Our Book Store" />

  • name = "description"

      - The attribute value can be used with single quote '' or double "" or Mixed '" or none in case of single word * but this is not recommended*

09 - Paragraph Element

  <body>
    <h1>Book Store</h1>
    <p>This Is My Book Store, Welcome</p> <p>We Have A Big Sale</p>
  </body>

  • < p> < /p>

      - Block element by default
  - used for Paragraphs under the heading

10 - Elements Attributes

<img src="" alt="">
<p></p>
<a href=""></a>
<audio src=""></audio>
<video src=""></video>

  • Attribute

      - There are two types of attributes : global and element specific.
  - global    ex. : class
  - specific  ex. : src

Global Attribues Reference

Clone this wiki locally