Scribd
Upload
4 views4 pages

HTML_Quick_Reference_Guide_Renamed

The HTML Quick Reference Guide provides an overview of essential HTML elements and their functions, including basic structure, text formatting, links, media, lists, tables, forms, and layout. It also covers semantic tags, meta and script elements, embedded content, and deprecated tags. This guide serves as a concise resource for understanding and utilizing HTML effectively.

Uploaded by

grade6 2023
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views4 pages

HTML_Quick_Reference_Guide_Renamed

The HTML Quick Reference Guide provides an overview of essential HTML elements and their functions, including basic structure, text formatting, links, media, lists, tables, forms, and layout. It also covers semantic tags, meta and script elements, embedded content, and deprecated tags. This guide serves as a concise resource for understanding and utilizing HTML effectively.

Uploaded by

grade6 2023
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Quick Reference Guide

Basic Structure
<!DOCTYPE html>: Defines the document type and version of HTML
<html>: Root element of the HTML document
<head>: Container for metadata (not displayed)
<title>: Sets the title in the browser tab
<body>: Contains the visible page content

Text Formatting
<h1>-<h6>: Headings (h1 is largest, h6 smallest)
<p>: Paragraph
<br>: Line break
<hr>: Horizontal rule (divider)
<b>: Bold text
<strong>: Important (bold) text
<i>: Italic text (visual only)
<cite>: Italic for citing creative work (semantic)
<em>: Emphasized (italic) text
<mark>: Highlighted text
<small>: Smaller text
<del>: Deleted/strikethrough (semantic: removed content)
<s>: Strikethrough (semantic: no longer accurate/relevant)
<ins>: Inserted/underlined text
<sub>: Subscript text
<sup>: Superscript text

Links and Media


<a>: Anchor tag (hyperlink)
<img>: Displays image
<audio>: Embeds audio
<video>: Embeds video
<source>: Specifies media source (for audio/video)
<track>: Specifies text tracks for media (e.g., subtitles)

Lists
<ul>: Unordered list (bullets)
<ol>: Ordered list (numbers)
<li>: List item
<dl>: Description list
<dt>: Term in a description list
<dd>: Description of the term

Tables
<table>: Defines a table
<tr>: Table row
<td>: Table data/cell
<th>: Table header
<thead>: Groups table head content
<tbody>: Groups body content
<tfoot>: Groups footer content
<caption>: Table title
<col>: Defines column properties
<colgroup>: Groups columns for styling

Forms & Inputs


<form>: Creates a form
<input>: Input field
<textarea>: Multi-line text input
<button>: Clickable button
<select>: Dropdown menu
<option>: Option in dropdown
<label>: Label for input
<fieldset>: Groups form elements
<legend>: Caption for <fieldset>
<datalist>: Provides options for <input>
<output>: Displays calculation result
Grouping & Layout
<div>: Division or container
<span>: Inline container
<section>: Thematic grouping
<article>: Independent, self-contained content
<aside>: Sidebar content
<header>: Page or section header
<footer>: Page or section footer
<nav>: Navigation links
<main>: Main content area

Semantic Tags
<figure>: Groups media and caption
<figcaption>: Caption for <figure>
<time>: Represents time/date
<address>: Contact information
<code>: Inline code
<pre>: Preformatted text
<kbd>: Keyboard input
<samp>: Sample output
<var>: Variable name
<cite>: Cites a creative work (e.g., book, article, film)

Meta & Script


<meta>: Metadata (charset, viewport, etc.)
<link>: External resources (e.g., CSS)
<style>: Internal CSS styles
<script>: Embeds or links to JavaScript
<noscript>: Fallback for browsers without JS

Embedded/Interactive
<iframe>: Embeds another page
<embed>: Embeds external content (e.g., PDF)
<object>: Embeds objects (e.g., Flash)
<canvas>: Drawing via JavaScript
<svg>: Vector graphics

Deprecated/Obsolete Tags
<font>: Font styling (now use CSS)
<center>: Centering content
<marquee>: Scrolling text
<u>: Underlined text (use <ins>)

You might also like