Hackforge Academy

Explanation

Semantic layout tags

Code:

<header>Header Content</header>,
<main>Main Content</main>,
<footer>Footer Content</footer>

Explanation

Navigation and section tags

Code:

<nav>Menu</nav>,
<section>Section Content</section>,
<article>Article Content</article>

Explanation

Text formatting tags

Code:

<b>Bold Text</b>,<i>Italic Text</i>,
<u>Underlined Text</u>

Explanation

Additional text styling tags

Code:

<small>Small Text</small>,
<mark>Highlighted Text</mark>,
<em>Important Text</em>

Explanation

Media related tags

Code:

<audio controls></audio>,
<video controls></video>,
<source src='video.mp4'>

Explanation

Form selection tags

Code:

<select></select>,
<option>Option 1</option>,
<textarea>

Explanation

Checkbox and radio input tags

Code:

<input type='checkbox'>,
<input type='radio'>,<label>Name</label>

Explanation

Table header related tags

Code:

<th>Heading</th>,
<thead></thead>,
<tbody></tbody>

Explanation

Iframe and embed tags

Code:

<iframe src='https://example.com'></iframe>,
<embed src='file.pdf'>,
<object data='file.pdf'></object>

Explanation

Meta and stylesheet tags

Code:

<meta charset='UTF-8'>,
<link rel='stylesheet' href='style.css'>,
<style>body{}</style>