DEV Community

Umapreethi Santhanakrishnan
Umapreethi Santhanakrishnan

Posted on

HTML elements

HTML describes the structure of the website.When creating the web page, you can add tags(Markup).

  • Structural Markup
  • Semantic Markup

Structural Markup: the elements that we can use to describe the headings and paragraphs.
Semantic Markup: the elements which provides more information and helpful for SEO purposes.

HTML elements:

  • <h1></h1> to <h6></h6>. The browser displays the heading in different sizes. <h1> is the largest and <h6> is the smallest.
  • <p></p> used to display the paragraph tag.
  • <b></b> display text in bold.
  • <strong></strong> used to display the content which has importance. By default, the browser displays the content in bold.
  • <i></i> display text in italics.
  • <em></em> used to emphasize the content(show it's importance). By default, the browser displays the content in italics.
  • <sup></sup> used to contain characters that should be superscript such raising power of 2.
  • <sub></sub> used to contain characters that should be subscript.
  • <br /> break tag helps to show each new paragraph or heading on a new line.
  • <hr /> gives a horizontal rule between sections.
  • <blockquote></blockqoute> used for longer quotes.
  • <q></q> used for shorter quotes.
  • <abbr></abbr> - Abbreviation.
  • <acronym></acronym> - Acronym.
  • <cite></cite> used to indicate where the citation is from.
  • <address></address> used to indicate the address and displays the content in italics.
  • <ins></ins> used to show the content that has been inserted to the document.
  • <del></del> used to show the content that has been deleted from the document.
  • <s></s> used to show the content that is no longer relevant.

Empty Elements:
There are few elements that don't have a child node.
They are:
<area>,<base>,<br>,<col>,<embed>,<hr>,<img>,<input>,<keygen>,<link>,<meta>,<param>,<source>,<track>,<wbr>

Top comments (0)