HTML Elements Reference

This page serves as a comprehensive reference for the fundamental HTML elements I've learned in CIS195. Understanding these building blocks is essential for creating well-structured, accessible, and meaningful web content.

Illustration of HTML document structure — Visual representation of HTML document hierarchy

Core Document Structure

<html>: Root element of an HTML document
<head>: Contains metadata and links to resources
<body>: Main visible content of the page
<title>: Sets the browser tab title
<meta>: Provides metadata about the document
<link>: Links external resources like CSS
<script>: Embeds or links JavaScript
<style>: Contains internal CSS styles

Text & Container Elements

<div>: Generic block-level container
<span>: Generic inline container
<p>: Paragraph of text
<a>: Hyperlink
<img>: Embeds an image
<br>: Line break
<hr>: Horizontal rule (thematic break)

Lists

<ul>: Unordered (bulleted) list
<ol>: Ordered (numbered) list
<li>: List item

Headings

<h1>: Heading level 1 (largest)
<h2>: Heading level 2
<h3>: Heading level 3
<h4>: Heading level 4
<h5>: Heading level 5
<h6>: Heading level 6 (smallest)

Tables

<table>: Table container
<tr>: Table row
<td>: Table data cell
<th>: Table header cell

Forms

<form>: Form container for user input
<input>: Input field for forms