HTML Elements

AI generated graphic
Figure 1: A graphic image generated by OpenAI's ChatGPT for this assingment.

Document & Structure

<!DOCTYPE html>
Defines the document type and version of HTML
<html>
Root element of an HTML page
<head>
Contains metadata and settings for the document
<title>
Sets the page’s title (shown in browser tab)
<body>
Contains the visible page content

Text & Headings

<h1>
Main heading (largest)
<h2>
Secondary heading
<h3>
Third-level heading
<p>
Paragraph of text
<br>
Line break
<hr>
Horizontal rule (divider)
<strong>
Strong importance (usually bold)
<em>
Emphasis (usually italic)
<span>
Inline container for text styling

Lists

<ul>
Unordered list (bullets)
<ol>
Ordered list (numbers)
<li>
List item

Links & Media

<a>
Anchor (hyperlink)
<img>
Image
<audio>
Audio player
<video>
Video player

Forms & Input

<form>
Defines a form
<input>
User input field
<label>
Label for form elements
<button>
Clickable button
<textarea>
Multi-line text input
<select>
Dropdown list
<option>/dt>
Option inside dropdown

Tables

<table>
Table container
<tr>, <td>, <th>
Table row, table cell, table header