DEV Community

Ibukun Demehin
Ibukun Demehin

Posted on

Why HTML is a must for every site

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. "Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. HTML uses "markup" to annotate text, images, and other content for display in a Web browser. Some website that makes use of HTML semantics properly are

In programming, Semantics refers to the meaning of a piece of code. In HTML, for example, the h1 element is a semantic element, which gives the text it wraps around the role (or meaning) of "a top level heading on your page."

Some of the benefits from writing semantic markup are as follows:

  • Search engines will consider its contents as important keywords to influence the page's search rankings (see SEO)

  • Screen readers can use it as a signpost to help visually impaired users navigate a page

  • Finding blocks of meaningful code is significantly easier than searching through endless with or without semantic or namespaced classes

HTML Tags

  1. head - The head HTML element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.
  2. meta - The meta HTML element represents Metadata that cannot be represented by other HTML meta-related elements, like base, link, script, style or title. The HTML element represents the dominant content of the body of a document.
  3. main - The main HTML element represents the dominant content of the body of a document.
  4. nav - The nav HTML element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents
  5. blockquote - The blockquote HTML element indicates that the enclosed text is an extended quotation.
  6. figure - The figure HTML element represents self-contained content, potentially with an optional caption, which is specified using the figcaption element.
  7. hr - The hr HTML element represents a thematic break between paragraph-level elements:
  8. li - The li HTML element is used to represent an item in a list.
  9. p - The p HTML element represents a paragraph
  10. a - The a HTML element (or anchor element), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.
  11. b - The b HTML element is used to draw the reader's attention to the element's contents, which are not otherwise granted special importance.
  12. cite - The cite HTML element is used to describe a reference to a cited creative work, and must include the title of that work
  13. em - The em HTML element marks text that has stress emphasis.
  14. q - The q HTML element indicates that the enclosed text is a short inline quotation.
  15. s - The s HTML element renders text with a strikethrough, or a line through it.
  16. sup - The sup HTML element specifies inline text which is to be displayed as superscript for solely typographical reasons
  17. img - The img HTML element embeds an image into the document.
  18. caption - The caption HTML element specifies the caption (or title) of a table.
  19. td - The td HTML element defines a cell of a table that contains data. It participates in the table model.
  20. form - The form HTML element represents a document section containing interactive controls for submitting information.

Top comments (0)