DEV Community

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

Posted on

2 3

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

Lists

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!

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay