HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style...

6
Comments <!-- Comment Text --> Core Attributes class Note: Core Attributes may not be used in base, head, html, meta, param, script, style or title elements. style Language Attributes dir Note: Language Attributes may not be used in base, br, frame, frameset, hr, iframe, param or script elements. lang Keyboard Attributes accesskey tabindex Form Events onBlur onFocus onReset onSubmit Window Events onLoad onUnload Keyboard Events onKeydown onKeyup Mouse Events onClick onMousedown onMouseout onMouseup Document Outline <!DOCTYPE> <html> <head> Version of (X)HTML HTML document Page information Page contents Common Character Entities &#34; &#38; &#60; &#62; &#64; &#128; &#149; &#153; &#163; &#160; &#169; " & < > @ £ © Quotation mark Ampersand Less than Greater than "At" symbol Euro Small bullet Trademark Pound Non-breaking space Copyright symbol Available free from www.ILoveJackDaniels.com Links <a href=""> <a href="mailto:"> <a name="name"> Page link Email link Anchor Link to anchor Empty Elements <area /> <br /> <hr /> <img /> <link /> <param /> Page Information <base /> <meta /> <title> <style> Base URL Meta data Title Relevant resource Style resource Tables <table> <thead> <tfoot> <col /> <th> Table Caption Table header Table body Table footer Column group Column Table row Header cell Table cell Forms <form> <legend> <input /> <optgroup> <textarea> Form Collection of fields Form legend Input label Form input Drop-down box Group of options Drop-down options Large text input Button Objects <object> <param /> Object Parameter Document Structure <h[1-6]> <div> <span> <br /> Heading Page section Inline section Paragraph Line break Lists <ol> <ul> <li> <dt> Ordered list Unordered list List item Definition term Text Markup <strong> <em> <blockquote> <abbr> <address> <dfn> <cite> <ins> <sup> Strong emphasis Emphasis Long quotation Short quotation Abbreviation Address Definition Citation Inserted text Superscript Images and Image Maps <img /> <area /> Image Image Map Area of Image Map

Transcript of HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style...

Page 1: HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style title Language Attributes dir Note: Language Attributes may not be used in base,

Comments

<!-- Comment Text -->

Core Attributes

class

id

Note: Core Attributes may not be used

in base, head, html, meta, param,

script, style or title elements.

style

title

Language Attributes

dir

Note: Language Attributes may not be

used in base, br, frame, frameset, hr,

iframe, param or script elements.

lang

Keyboard Attributes

accesskey tabindex

Form Events

onBlur

onChange

onFocus

onReset

onSelect

onSubmit

Window Events

onLoad onUnload

Keyboard Events

onKeydown

onKeypressonKeyup

Mouse Events

onClick

onDblclick

onMousedown

onMousemove

onMouseout

onMouseover

onMouseup

Document Outline

<!DOCTYPE>

<html>

<head>

<body>

Version of (X)HTML

HTML document

Page information

Page contents

Common Character Entities

&#34;

&#38;

&#60;

&#62;

&#64;

&#128;

&#149;

&#153;

&#163;

&#160;

&#169;

"

&

<

>

@

£

©

Quotation mark

Ampersand

Less than

Greater than

"At" symbol

Euro

Small bullet

Trademark

Pound

Non-breaking space

Copyright symbol

Available free from www.ILoveJackDaniels.com

Links

<a href="">

<a href="mailto:">

<a name="name">

<a href="#name">

Page link

Email link

Anchor

Link to anchor

Empty Elements

<area />

<base />

<br />

<col />

<hr />

<img />

<input />

<link />

<meta />

<param />Page Information

<base />

<meta />

<title>

<link />

<style>

<script>

Base URL

Meta data

Title

Relevant resource

Style resource

Script resource

Tables

<table>

<caption>

<thead>

<tbody>

<tfoot>

<colgroup>

<col />

<tr>

<th>

<td>

Table

Caption

Table header

Table body

Table footer

Column group

Column

Table row

Header cell

Table cell

Forms

<form>

<fieldset>

<legend>

<label>

<input />

<select>

<optgroup>

<option>

<textarea>

<button>

Form

Collection of fields

Form legend

Input label

Form input

Drop-down box

Group of options

Drop-down options

Large text input

Button

Objects

<object>

<param />

Object

Parameter

Document Structure

<h[1-6]>

<div>

<span>

<p>

<br />

<hr />

Heading

Page section

Inline section

Paragraph

Line break

Horizontal rule

Lists

<ol>

<ul>

<li>

<dl>

<dt>

<dd>

Ordered list

Unordered list

List item

Definition list

Definition term

Term description

Text Markup

<strong>

<em>

<blockquote>

<q>

<abbr>

<acronym>

<address>

<pre>

<dfn>

<code>

<cite>

<del>

<ins>

<sub>

<sup>

<bdo>

Strong emphasis

Emphasis

Long quotation

Short quotation

Abbreviation

Acronym

Address

Pre-formatted text

Definition

Code

Citation

Deleted text

Inserted text

Subscript

Superscript

Text direction

Images and Image Maps

<img />

<map>

<area />

Image

Image Map

Area of Image Map

Page 2: HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style title Language Attributes dir Note: Language Attributes may not be used in base,

Boxesmargin *

margin-topmargin-right

margin-bottommargin-left

padding *padding-top

padding-rightpadding-bottom

padding-left

border *border-top *

border-bottom *border-right *

border-left *

border-color *border-top-color

border-right-colorborder-bottom-color

border-left-color

border-style *border-top-style

border-right-styleborder-bottom-style

border-left-style

border-width *border-top-width

border-right-widthborder-bottom-width

border-left-width

Positioningdisplay

positiontop

rightbottom

leftfloatclear

z-indexdirection

unicode-bidioverflow

clipvisibility

Dimensionswidth

min-widthmax-width

heightmin-heightmax-heightline-height

vertical-align

Miscellaneouscontentquotes

counter-resetcounter-increment

marker-offsetlist-style *

list-style-typelist-style-image

list-style-position

Shorthand properties are marked with *

Pagingsizemarkspage-break-beforepage-break-afterpage-break-insidepageorphanswidows

Color / Backgroundcolor* backgroundbackground-colorbackground-imagebackground-repeatbackground-attachmentbackground-position

Fonts* fontfont-familyfont-stylefont-variantfont-weightfont-stretchfont-sizefont-size-adjust

Texttext-indenttext-aligntext-decorationtext-shadowletter-spacingword-spacingtext-transformwhite-space

Tablescaption-sidetable-layoutborder-collapseborder-spacingempty-cellsspeak-header

Interfacecursor* outlineoutline-widthoutline-styleoutline-color

Auralvolumespeak* pausepause-beforepause-after* cuecue-beforecue-afterplay-duringazimuthelevationspeech-ratevoice-familypitchpitch-rangestressrichnessspeak-punctuationspeak-numeral

Available free fromILoveJackDaniels.com

*

div

div *

div span

div, span

div > span

div + span

.class

div.class

#itemid

div#itemid

a[class]

a[class='x']

a[class~='x']

a[lang|='en']

Styles apply to:

All elements

<div>

Elements within <div>

<span> within <div>

<div> and <span>

<span> with <div> as

parent

<span> preceded by

<div> ... </div>

Elements of class "class"

<div> of class "class"

Element with id "itemid"

<div> with id "itemid"

<a> with class attribute

<a> when class is "x"

<a> when class is a list

of space-seperated values

and one of those is 'x'

<a> when lang begins

with "en"

all

braille

embossed

handheld

print

projection

screen

speech

tty

tv

:first-child

:first-line

:first-letter

:hover

:active

:focus

:link

:visited

:lang(lang)

Styles apply to:

First child of element

First line of element

First letter of element

Element when mouse over

Active element

Element with focus

Non-active, unvisited

links without mouse over.

Visited links

Element with text of

language "lang"

px

em

ex

%

in

cm

mm

pt

pc

#789abc

#acf

rgb(0,25,50)

0

Pixels

1em equal to font size of

parent (same as 100%)

Height of lower case "x"

Percentage

Inches

Centimeters

Millimeters

1pt = 1/72in

1pc = 12pt

RGB Hex Notation

Equates to "#aaccff"

Value (0 to 255) of each

of red, green, and blue.

May also be percentages

0 requires no unit

Width

MarginPadding

Visible Area

Height Border

azimuth

border-collapse

border-spacing

caption-side

color

cursor

direction

empty-cells

font

font-family

font-stretch

font-size

font-size-adjust

font-style

font-variant

font-weight

letter-spacing

line-height

list-style

list-style-image

list-style-position

list-style-type

orphans

page

page-break-inside

quotes

speak

speak-header

text-align

text-indent

text-transform

volume

white-space

widows

word-spacing

css

/* Comment */

@media type {

selector {

property: values;

}} (Media type optional)

Page 3: HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style title Language Attributes dir Note: Language Attributes may not be used in base,
Page 4: HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style title Language Attributes dir Note: Language Attributes may not be used in base,

Methods

RequestBinaryRead

ResponseAddHeader

AppendToLogBinaryWrite

ClearEnd

FlushRedirect

Write

ApplicationLock

Unlock

SessionAbandon

ServerCreateObject

ExecuteGetLastErrorHTMLEncode

MapPathTransfer

URLEncode

Properties

ResponseBuffer

CacheControlCharset

ContentTypeExpires

ExpiresAbsoluteIsClientConnected

PicsStatus

RequestTotalBytes

SessionCodePage

LCIDSessionID

Timeout

ServerScriptTimeout

ErrorASPCode

ASPDescriptionCategory

ColumnDescription

FileLine

NumberSource

ASP / VBScriptFunctions

StringFormatCurrencyInStrLCaseLeftLenMidReplaceResponse.writeRightStringStrReverseTrimUCase

DateDateDateAddDatePartDateSerialDayFormatDateTimeHourMinuteMonthMonthName NowSecondWeekdayWeekdayName Year

ArraysJoinRedimSplitUbound

MathematicalAbsAtnCosExpLogRnd (Randomize)RoundSinSqrSgnTan

Collections

ResponseCookies

RequestClientCertificateCookiesFormQueryStringServerVariables

ApplicationContentsStaticObjects

SessionContentsStaticObjects

Available free from

www.ILoveJackDaniels.com

REGULAR EXPRESSIONS - MODIFIERS

/g

/i

/s

/m

Global matching

Case insensitive

Single line mode

Multi line mode

REGULAR EXPRESSIONS - PATTERNS

^

$

.

(a|b)

(...)

[abc]

[^abc]

[a-z]

[A-Z]

[0-9]

a?

a*

a+

a{3}

a{3,}

a{3,6}

!(pattern)

\b

\n

\r

\

\t

\s

\w

Start of string

End of string

Any single character

a or b

Group section

Item in range (a or b or c)

Not in range (not a or b or c)

Any lower-case letter

Any upper-case letter

Any numeric digit

Zero or one of a

Zero or more of a

One or more of a

Exactly 3 of a

3 or more of a

Between 3 and 6 of a

"Not" prefix. Apply rule when

URL does not match pattern.

End of word

New line

Carriage return

Escape Character

Tab

White space

Any word (= [A-Za-z0-9_])

DATE FUNCTION ARGUMENTS

yyyy

q

m

y

d

w

ww

h

n

s

Year

Quarter

Month

Day of Year

Day

Weekday

Week of Year

Hour

Minute

Second

NAMED DATE CONSTANTS

0

1

2

3

4

vbGeneralDate

vbLongDate

vbShortDate

vbLongTime

vbShortTime

COMMON LCID CODES

2057

1033

1036

1031

1034

English (UK)

English (US)

French (France)

German (Germany)

Spanish (Spain)

REDIRECT WITH 301 HEADER

Response.Status="301 Moved

Permanently"

Response.AddHeader "Location",

"http://www.website.com"Response.End

INCLUDING A FILE

<!--#include file="include.inc"-->

FILE MODES

1

2

3

Reading

Writing

Appending

FUNCTION ARGUMENT ORDERS

DateAdd(Interval, Number, Date)

DateDiff(Interval, Date1, Date2)

InStr(Start, String, Substring, Compare)

FormatDateTime (Date, DateFormat)

Join(Array, Delimiter)

Left(String, Length)

Replace(Haystack, Needle, Replacement)

Split(Expression, Delimiter)

COMPARISON CONSTANTS

0

1

2

VBBinaryCompare

VBTextCompare

VBDataBaseCompare

STRING CONSTANTS

VbCr

VbCrLf

VbFormFeed

VbLf

VbNullChar

VbNullString

VbTab

Carriage Return

VbCr and Line Feed

Form Feed

Line Feed

Null Character

Null String

Tab Character

Page 5: HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style title Language Attributes dir Note: Language Attributes may not be used in base,

Available free from www.ILoveJackDaniels.com

Arraysarray_intersect

array_mergearray_pop

array_pusharray_reverse

array_walkcount

in_array

Date and Timedate

mktimestrtotime

time

Filesystemclearstatcache

copyfclosefgets

filefilemtime

filesizefile_exists

fopenfreadfwriteis_diris_file

readfile

Headersheader

headers_sentsetcookie

Mailmail

Numbersceil

floornumber_format

round

Miscellaneousdefine

evalexit

Networkfsockopen

PHP Optionsini_get

ini_restoreini_set

phpinfo

Executionexec

Regexeregeregiereg_replaceeregi_replacesplitsplitipreg_matchpreg_match_allpreg_replacepreg_split

Sessionssession_destroysession_idsession_start

Stringsaddslashescryptechoexplodeimplodemd5nl2brsprintfstrip_tagsstripslashesstristrstrposstrrevstrstrstrtolowerstrtoupperstr_replacesubstrtrim

URLsrawurldecoderawurlencodeurldecodeurlencode

Variablesemptyis_arrayis_intis_nullis_numericis_objectissetserializeunserialize

SuperGlobals$_ENV$_GET$_POST$_COOKIE$_SESSION$_SERVER$_FILES$_REQUEST$GLOBALS

Y

y

F

M

m

n

D

l

d

j

h

g

H

G

i

s

w

z

W

t

a

A

B

S

T

Z

O

I

L

U

c

r

4 digit year

2 digit year

Long month

Short month

Month (leading zeros)

Month

Short day name

Long day name

Day (leading zeros)

Day

12 Hour (leading zeros)

12 Hour

24 Hour (leading zeros)

24 Hour

Minutes (leading zeros)

Seconds (leading zeros)

Day of week 1

Day of year

Week of year 2

Days in month

Swatch Internet Time

Ordinal Suffix

Timezone of machine

Timezone offset (seconds)

Difference to GMT (hours)

Daylight savings

Leap year

Seconds since Epoch 3

ISO 8601 (PHP 5)

RFC 2822

2005

05

January

Jan

01 to 12

1 to 12

Mon

Monday

01 to 31

1 to 31

01 to 12

1 to 12

00 to 23

0 to 23

00 to 59

00 to 59

0 to 6

0 to 365

1 to 53

28 to 31

am or pm

AM or PM

000 to 999

st, nd, td, th

GMT

+0200

1 or 0

1 or 0

date("w"): 0 is Sunday, 6 is Saturday.

Week that overlaps two years belongs to

year that contains most days of that

week. Hence week number for 1st January

of a given year can return 53rd week if

week belongs to previous year.

date("W", mktime(0, 0, 0, 12, 28, $year))

always gives correct number of weeks in

$year.

The Epoch was the 1st January 1970.

1.

2.

3.

^

$

.

(a|b)

(...)

[abc]

[^abc]

\s

a?

a*

a+

a{3}

a{3,}

a{3,6}

\

[:punct:]

[:space:]

[:blank:]

Start of string

End of string

Any single character

a or b

Group section

Item in range (a or b or c)

Not in range (not a or b or c)

White space

Zero or one of a

Zero or more of a

One or more of a

Exactly 3 of a

3 or more of a

Between 3 and 6 of a

Escape character

Any punctuation symbol

Any space character

Space or tab

r

r+

w

w+

a

a+

Read

Read and write, prepend

Write, truncate

Read and write, truncate

Write, append

Read and write, append

array_push ( array, element )

in_array ( needle, haystack )

explode ( separator, string )

split ( pattern, string )

preg_split ( pattern, string )

ereg ( pattern, string )

strpos ( haystack, needle )

str_replace ( search, replace, string )

i

s

m

U

e

x

Case-insensitive

Period matches newline

^ and $ match lines

Ungreedy matching

Evaluate replacement

Pattern over several lines

Page 6: HTML Cheat Sheet - UPM · in base, head, html, meta, param, script, style or title elements. style title Language Attributes dir Note: Language Attributes may not be used in base,