HTML

Pieces that build the bones of a website.

<nav>

Navigation Bar

<link>

Include CSS

<meta>

Charset or tab icon; metadata

<li>

List item. Nested inside <ul> or <ol>

<ol>

Ordered list of items; displays items in a numbered format.

<ul>

Bullet point list. Unordered list

<h1>

Heading. Goes from <h1> to <h6>

<main>

Page-specific content

<footer>

Site footer

<header>

Site header

<title>

Tab name

<section>

Heading & content: a section of the website.

Inline & character

&amp;

<form>

Collect related inputs. Ex: username & password

<label>

Describes the input that the label is attached to. Automatically interacts with the input when clicked.

<input>

Get user input from a text box. There are many different types of inputs.

<button>

Submits a form. Typically nested in the form you’re submitting.

<table>, <thead>, <th>

table = Tabular data.

thead = Table header rows.

th = Header cell. A header cell is a cell that contains information that describes associated cells.

<tr>, <td>, <tfoot>

tr = Table row

td = Data cell

tfoot = Row that aggregates data.

<pre>

Pre-formatted text. Preserves spaces and line breaks.

How to use “<“ and “>” inline

< = less than = &lt;

> = greater than = &gt;

<a>

Links

<em>

Italicized text: ‘emphasized’ text.

<strong>

Bold text.

<code>

Typewriter font.

<img>

Include image. No </img> necessary.

<img src=“…” alt=“description”>

<p>

One paragraph

<menu>

Link or button list