Susan Metoxen

The tools listed on this page are a small subset of the HTML Elements and CSS Properties available to web developers. These HTML elements and CSS properties here are frequently used and worthy of memorization. The complete W3C lists of HTML Elements and CSS Propertiesare available online.

HTML Elements

<!DOCTYPE html>
<html lang="en"></html>
<head></head>
<body></body>
<title></title>
<style></style>
<a></a>
<div></div>
<span></span>
<hr>
<br>
<img src="" width="" height="" alt="">

Semantic Elements

Text

Lists

Tables

Forms

HTML Attributes

src
height
width
class
id
style
target
action

CSS Properties

Size

width
height
min-width
max-width
min-height
max-height

Borders

border
border-top, border-right, border-bottom, border-left
border-radius

Images

background-image:url()
background-repeat
background-size
background-position
opacity

Psuedo

Must be in this order
a:link
a:visited
a:hover
a:active

Cool Tools

HTML & CSS to memorize

target="_blank"
display:none;
box-sizing:border-box;
text-decoration:none;
margin:0 auto;

CSS Generators

Gradients by CSSmatic
Box-Shadows by CSSmatic

Sets your website width to the width of the device or browser window

HTML and CSS Toolbox

HTML Elements

Semantic Elements

Text

Lists

Tables

Forms

HTML Attributes

CSS Properties

Text properties

Lists

Positioning

Size

Borders

Images

Psuedo

Cool Tools

Quiz

HTML & CSS to memorize

CSS Generators

Sets your website width to the width of the device or browser window