HTML Notes

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 (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. 6²
12. <sub> :- sub means Subscript – eg. Log₁₀
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”).