HTML Notes

1 Comment / HTML, HTML Entities, HTML headings, Metadata, Microdata

In this post, we’ll see some basic HTML Notes.

In below mentioned HTML Notes, I’ve covered some HTML tags, entities, etc., with their name and their use.

HTML Notes

HTML-NOTES (Quick revision)

  1. <h1> to <h6> :- Text heading (Total 6 headings h1,h2,h3,h4,h5,h6)
  2. HTML Entities :- There are some reserved characters in HTML. HTML Entities begins with an ampersand (&) and ends with a semicolon(;).
  3. <hr> :-Horizontal Line – It is used to make a line after any paragraph or any other thing.
  4. <br> :- br means brake – Used to brake the line. The content after <br> goes to next line or start from new line.
  5. <p> :- p means paragraph – Used to write any paragraph. The content is enclosed between <p> and </p>
  6. <b> :- b means bold – Used to bold the text( of any heading, paragraph)
  7. <strong> :- It also makes the text bold.
  8. <i> :- i means italic – Used to differentiate words from the surrounding text by adding italic style.
  9. <em> :- em means emphasis – Used to define emphasized text. It gives semantic meaning to the text contained within it.
  10. <small> :- To reduce the text size – Basically, it is used to make the text one size smaller.
  11. <sup> :- sup means Superscript – eg. 62
  12. <sub> :- sub means Subscript – eg. Log10
  13. <ul> :- It represents Unordered List
    • <li> :- li means list – It comes under ul.
    • type=” ” :- It is an attribute set for list. It can be circle, disc, square.
  14. <ol> :- It represents Ordered List
    • <li> :- li means list – It comes under ol.
    • type=”” :- It is an attribute set for list. It can be circle, disc, square.
  15. <a> :- Anchor tag – Used to make links
    • href=”” :- indicates the link’s destination
    • target=”_blank” :- open link in new tab
    • target=”” :- It can be _blank, _parent, _self, _ top
  16. <img> :- Used to embed image in our webpage
    • src=”” :- add URL of the image.
    • alt=”” :- Add alternate text for image. This text will be seen when image is not able to load.
    • width=”” :- in pixels – used to adjust the width of image.
    • height=”” :- in pixels – used to adjust the height of the image.
  17. <video> :- Used to embed video in our webpage.
    • src=”” :- add source of the video
    • alt=”” :- add alter text if video is not able to load
    • width=”” , height=”” :- in pixels, used to adjust width and height of the video
    • autoplay :- play the video automatically when page is open
    • controls :- add play, pause, volume and other function button
    • loop :- Loop over the video
    • muted :- to make by default audio mute
    • poster=”” :- Add cover image for the video
  18. <iframe> :- Open other website or add YouTube Video direct play functionality
    • width=”” , height=”” :- to adjust width and height
    • src=”” :- add source of the thing
    • frameborder :- add border for the tag division
  19. <table> :- Used to add the table.
    • <thead>, <tbody>, <tfoot> :- used to make table more readable and organize
    • <tr> :- tr means table row
    • <td> :- td means table data
    • <th> :- th means table column heading (bold)
    • rowspan=”n” :- to span n number of row
    • colspan=”n” :- to span n number of column
  20. <form> :- Add the form
    • action=”” :- For backend
    • <input> :- To get input from user
      1. type=”” :- can be change ie. text, number, password, etc.
      2. name=”” and id=”” :- For backend
      3. required :- If input is not filled by user then return error
  21. <fieldset> :- Content inside this tag will get highlighted( Box created)
  22. <legend> :- By using inside <fieldset> tag we are able to set title for the box which created by <fieldset> tag
  23. <textarea> :- To make big input area for address like thing
    • name=”” and id=”” :- For backend
    • cols=”” and rows=”” :- size of textarea
  24. <select> :- For dropdown menu
    • <option> :- To make dropdown menu option
      1. value=”” :- For backend
  25. <header> :- The <header> element represents a container for introductory content or a set of navigational links.
  26. <nav> :- The <nav> tag defines a set of navigation links.
  27. <main> :- The <main> tag specifies the main content of a document.
  28. <article> :- The <article> tag specifies independent, self-contained content.
  29. <section> :- The <section> tag defines a section in a document.
  30. <aside> :- The <aside> tag defines some content aside from the content it is placed in.
  31. <footer> :- The <footer> tag defines a footer for a document or section.

For practice of HTML concepts – Here is the complete set of 100+ MCQs on HTML Topics.

In case, you found any kind of error in any posts. Kindly, inform us through contact page(use “Report Error”).