Welcome to our comprehensive HTML Tag Reference! This guide is designed to help you understand the building blocks of web pages - HTML tags. Whether you're a beginner or an intermediate learner, this guide will provide you with a thorough understanding of HTML tags, their usage, and practical applications.
HTML tags are the backbone of every web page. They are used to structure content and define its properties. HTML tags are written as <tag-name> and are always enclosed in <...>.
<html>The <html> tag is the root tag of an HTML document. Every HTML document starts with this tag.
<html>
<!-- Your HTML content goes here -->
</html><head>The <head> tag contains meta-information about the HTML document, such as title, link to external files, scripts, and styles.
<head>
<title>My First Web Page</title>
</head><body>The <body> tag contains all the visible content of an HTML document, such as text, images, and links.
<body>
<h1>Welcome to My First Web Page!</h1>
</body><h1> to <h6>Heading tags (<h1> to <h6>) are used to structure the content of a web page hierarchically. <h1> is the largest heading, and <h6> is the smallest.
<h1>This is a Heading 1 (H1)</h1>
<h2>This is a Heading 2 (H2)</h2>
<!-- ... -->
<h6>This is a Heading 6 (H6)</h6><p>The <p> tag is used to define a paragraph.
<p>This is a paragraph.</p><a>The <a> tag is used to create hyperlinks.
<a href="https://codeyourcraft.com">Visit CodeYourCraft</a><strong> and <em>The <strong> tag is used to make text bold, and the <em> tag is used to emphasize text.
<strong>This text is bold.</strong>
<em>This text is emphasized.</em><br>The <br> tag is used to create a line break.
<p>Line 1<br>Line 2</p>What tag is used to define a hyperlink in HTML?
This is just a glimpse of HTML tags. In the next sections, we will delve deeper into more HTML tags, attributes, and best practices. Stay tuned and happy learning! 🎉