This is a draft cheat sheet. It is a work in progress and is not finished yet.
NEED TO KNOW TAGS
<!doctype> |
Document type |
<html> |
Create HTML document |
<head> |
Information about the document |
<body> |
The body element |
<title> |
Document Title |
<h1> </h1> |
Creates headlines;H1=largest |
<h2> </h2> |
Creates headlines |
<h3> </h3> |
Creates headlines |
<h4> </h4> |
Creates headlines |
<h5> </h5> |
Creates headlines |
<h6> </h6> |
Creates headlines;H6=smallest |
<p> </p> |
Creates a new paragraph |
<br> |
Insert line break |
<main> |
Main content are of HTML doc |
CREATING LISTS
<ul> |
Creates an unordered list |
<dl> |
Creates a definition list |
<li> |
List Item |
<menu> |
Menu list |
<ol> |
Ordered list |
<option> |
Option in a dropdown list |
<select> |
Selectable list |
|
|
TEXT TAGS
<strong> |
Creates bold text |
<em> |
Creates italicised text |
<tt> |
Creates typewriter-style text |
<code> |
Used to define source code |
<cite> |
Create a citation |
<small> |
Small text |
<bdo> |
Display text direction |
<code> |
Computer code text |
<pre> |
Reformatted text |
<mark> |
Marked text |
<ins> |
Insert text |
<kbd> |
Keyboard Text |
<rt> |
Ruby Text |
<sub> |
Subscribed Text |
<abbr> |
Abbrivation |
CREATING TABLES
<table> |
Creates a table |
<tbody> |
Table body |
<tfoot> |
Table footer |
<th> |
Table header |
<tr> |
Table row |
<td> |
Table cell |
|
|
CREATING FORMS
<form> |
Defines a form |
<select name=?> |
Creates a pulldown menu |
<option> |
an option in a drop down list |
<textarea name=?> |
Creates a text box area. |
<input type="radio"> |
Input Radio button |
<input type="text"> |
Creates a one-line text area. |
<input type="submit" value=?> |
Creates a Submit button.Value is set |
<input type="reset"> |
Creates a Reset button |
ADDING LINKS
<a> |
Creates Hyperlink |
<nav> |
Navigation links |
<a name="NAME"> |
Creates target location in a document |
<a href="#NAME">clickable text</a> |
Creates a link to target location |
<a href="URL">clickable text</a> |
Hyperlink to URL |
BASIC GRAPHICS
<hr> |
Horizontal rule |
<hr size=?> |
Sets size of rule |
<hr width=?> |
Sets width of rule |
<img src="URL" /> |
Adds image, in file at URL |
<img src="URL" height=?> |
Sets height if image |
<img src="URL" width=?> |
Sets width if image |
|