DEV Community

Cover image for HTML Tags you should know when learning how to code.
Kehinde Abe
Kehinde Abe

Posted on

HTML Tags you should know when learning how to code.

I assume you already know what HTML is. In case you're just learning HTML, you can read more about that here. MDN.

- The HTML Title element defines the document's title that is shown in a browser's title bar or a page's tab. It only contains text tags within the element are ignored. For Example:

<title>Grandma's Heavy Metal Festival Journal</title>

Link - It's used for linking CSS external links to the document. href is the path the file

<link href="css/main.css" rel="stylesheet">

header - Defines a header for a document or section,
Navigation inside header


ul - The ul tag defines an unordered (bulleted) list. Use the ul tag together with the li tag to create unordered lists. These tags are very important whenever you want to create a list item dynamically in Javascript apps like React apps.

ol - An ordered list—the order of the items is important, Could be alphabetical, numerical. etc. It can only have li elements as direct children.

li - A single list item, it must be inside a ul, ol, or menu. It can have most other elements inside it.
Most commonly used HTML tags other than the ones we've written are as follows:

  • body - The page's content.
  • h1 - A section heading.
  • p - A paragraph.
  • a — A link.
  • img - An image.
  • div — A block-level container for content.
  • span — An inline container for content.
  • head — The document head.
  • HTML — The root element.

Resources Used: MDN,W3schools

Thanks 🙌 for reading and good luck with your coding journey!
Please share this article with your fellow devs if you like it!

Top comments (0)