1/64
This will add all of the HTML tags you will need to begin writing code. These should be reviewed before starting the code just so you have some of the library already in your head.
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No analytics yet
Send a link to your students to track their progress
<html>
Root element of an HTML document, wraps everything on the page
<head>
Contains metadata (not visible content)
→ Used for title, links, scripts
<body>
Contains all visible page content
→ Text, images, buttons, etc.
<!DOCTYPE html>
Declares HTML5 document type
→ Ensures browser compatibility
<title>
Sets the browser tab title
→ Important for SEO
<meta>
Defines metadata like charset, viewport
→ Example: responsive design
<link>
Links external resources
→ Common: CSS files
<style>
Internal CSS styling
→ Used inside <head>
<h1> → <h6>
Headings (largest to smallest)
→ Structure page hierarchy
<p>
Paragraph text
→ Most common text container
<br>
Line break
→ No closing tag
<hr>
Horizontal divider line
<strong>
Bold importance (semantic)
<em>
Italic emphasis
<span>
Inline container
→ Used for styling parts of text
<a>
Hyperlink
→ Uses href attribute
<img>
Displays images
→ Uses src and alt
<video>
Embeds video
<audio>
Embeds audio
<source>
Defines media sources
<div>
Block container
→ Used for layout
<section>
→ Thematic grouping of content
<article>
Independent content (blog post, etc.)
<header>
Top section of page/section
<footer>
Bottom section
<nav>
navigation links
<aside>
Sidebar content
<main>
main content of the document
<ul>
unordered list(bullets
<ol>
ordered list
<li>
list item
<dl>
description list
<dt>
Term
<dd>
description
<table>
table container
<tr>
table row
<td>
table data cell
<th>
table header
<thead>
table header section
<tbody>
table body
<tfoot>
table footer
<form>
form container, sends data to server
<input>
input field(text, password, etc)
<textarea>
multi-line text input
<button>
clickable button
<label>
labels for inputs
<select>
dropdown menu
<option>
dropdown item
<fieldset>
groups form elements
<legend>
title for fieldset
<script>
embeds Javascript
<noscript>
fallback if JS disabled
<iframe>
embeds another webpage
<canvas>
drawing graphics with JS
<svg>
vector graphics
<figure>
groups media
<figcaption>
caption for media
<mark>
Highlighted text
<time>
represents time/date
<progress>
progress bar