HTML tags (trees)

Elements Link: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

1. Each page should contain: head + body
2. head elements are not displayed; mainly used for title, references, meta-data, CSS-styles etc
3. Body elements are displayed.
4. Each page should have only one body
5. Inside body we can have: divisions, header strings, links, images, buttons, paragraphs, sub-strings, super-strings, spans etc.

• divisions: <div></div>: Inside divisions, you can organize header strings, buttons etc. A body can have multiple divisions
• header strings: <h1-6> </h1-6>: h1 is the highest
• links: <a href="https://www.gmail.com">GMAIL</a>: a means anchor here
• images: <img src="https://page-containing-image" alt="some description"> [NOTE: images are similar to links: instead of href, we have src. But images dont have end tags </img>; hence, they are one of type called "void elements"
• <figure>and <figcaption>=> can be used along with image to provide figure section
• For ex: 
• <figure>
• <img src="local_file.jpg" alt="description">
• <figurecaption>Caption for the image which will be displayed below the image</figurecaption>
• </figure>
• <em></em> => for italic
• <strong></strong> => for bold
• <ul><li>option1</li><li>option2</li></ul> => unordered list
• <ol> with numbers by default
• Comments inside html: <!-- comment here -->
• NOTE: Comments inside CSS is same as C: /* CSS comment */

1. sdf