10 Essential HTML Tags for Every Web Developer

  1. <html>: This tag represents the root of a HTML document and is used to enclose all other HTML elements.

PGh0bWw+CiAgPCEtLSBvdGhlciBIVE1MIGVsZW1lbnRzIGdvIGhlcmUgLS0+CjwvaHRtbD4K

  1. <head>: This tag contains metadata about the document, such as the title, character set, and stylesheets.

PGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0iVVRGLTgiPgogIDx0aXRsZT5NeSBXZWJwYWdlPC90aXRsZT4KICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9InN0eWxlLmNzcyI+CjwvaGVhZD4K

  1. <body>: This tag contains the visible content of the document, such as headings, paragraphs, and images.

PGJvZHk+CiAgPGgxPldlbGNvbWUgdG8gbXkgd2VicGFnZSE8L2gxPgogIDxwPlRoaXMgaXMgd2hlcmUgSSBzaGFyZSBteSB0aG91Z2h0cyBhbmQgZXhwZXJpZW5jZXMuPC9wPgogIDxpbWcgc3JjPSJpbWFnZS5qcGciIGFsdD0iQSBiZWF1dGlmdWwgbGFuZHNjYXBlIj4KPC9ib2R5Pgo=

  1. <h1> - <h6>: These tags represent headings of different levels, with <h1> being the highest level and <h6> being the lowest.

PGgxPkhlYWRpbmcgTGV2ZWwgMTwvaDE+CjxoMj5IZWFkaW5nIExldmVsIDI8L2gyPgo8aDM+SGVhZGluZyBMZXZlbCAzPC9oMz4KPGg0PkhlYWRpbmcgTGV2ZWwgNDwvaDQ+CjxoNT5IZWFkaW5nIExldmVsIDU8L2g1Pgo8aDY+SGVhZGluZyBMZXZlbCA2PC9oNj4K

  1. <p>: This tag represents a paragraph of text.

  2. PHA+VGhpcyBpcyBhIHBhcmFncmFwaCBvZiB0ZXh0LjwvcD4K

6.<div>: This tag represents a division or section in the document and is often used as a container for other HTML elements.

PGRpdj4KICA8cD5UaGlzIGlzIGEgcGFyYWdyYXBoIGluc2lkZSBhIGRpdiBlbGVtZW50LjwvcD4KICA8aW1nIHNyYz0iaW1hZ2UuanBnIiBhbHQ9IkFuIGltYWdlIGluc2lkZSBhIGRpdiBlbGVtZW50Ij4KPC9kaXY+Cg==

  1. This tag represents an image and is used to embed an image file in the document.

PGltZyBzcmM9ImltYWdlLmpwZyIgYWx0PSJBIGRlc2NyaXB0aW9uIG9mIHRoZSBpbWFnZSI+Cg==

8.: This tag represents a hyperlink to another webpage or a specific location on the current webpage

PGEgaHJlZj0iaHR0cHM6Ly93d3cuZXhhbXBsZS5jb20iPlZpc2l0IG91ciB3ZWJzaXRlPC9hPgo=

Want us to build yours instead?

On a project, every milestone ends with a link to the working build, and the code, the accounts and every password are yours at the handover.

What we’d build for you is on Services.

Send us the brief, or start with the free call.

Page updated .

Privacy preferences

Choose whether this browser sends visit data to our analytics tools. The site works the same either way.

Google Analytics, Amplitude and Microsoft Clarity show us which pages get read. Off means none of the three loads.

Always on

Sentry error reports, with personal data removed, and the Cloudflare spam check on the brief form.

Each cookie is listed in our Cookie Policy.