HTML tutorial, codes and tags with descriptions. HTML5 & jQuery.

  • ADDRESS - Address information
  • APPLET - Java applet
  • AREA - Hotzone in imagemap
  • A - Anchor
  • BASE - Document location
  • BASEFONT - Default font size
  • BIG - Larger text
  • BLOCKQUOTE - Large quotation
  • BODY - Document body
  • BR - Line break
  • B - Bold
  • CAPTION - Table caption
  • CENTER - Centered division
  • CITE - Short citation
  • CODE - Code fragment
  • DD - Definition
  • DFN - Definition of a term
  • DIR - Directory list
  • DIV - Logical division
  • DL - Definition list
  • DT - Definition term
  • EM - Emphasized text
  • FONT - Font modification
  • FORM - Input form
  • H1 - Level 1 header
  • H2 - Level 2 header
  • H3 - Level 3 header
  • H4 - Level 4 header
  • H5 - Level 5 header
  • H6 - Level 6 header
  • HEAD - Document head
  • HR - Horizontal rule
  • HTML - HTML Document
  • IMG - Images
  • INPUT - Input field, button, etc.
  • ISINDEX - Primitive search
  • I - Italics
  • KBD - Keyboard input
  • LINK - Site structure
  • LI - List item
  • MAP - Client-side imagemap
  • MENU - Menu item list
  • META - Meta-information
  • OL - Ordered list
  • OPTION - Selection list option
  • PARAM - Parameter for Java applet
  • PRE - Preformatted text
  • P - Paragraph
  • SAMP - Sample text
  • SCRIPT - Inline script
  • SELECT - Selection list
  • SMALL - Smaller text
  • STRIKE - Strikeout
  • STRONG - Strongly emphasized
  • STYLE - Style information
  • SUB - Subscript
  • SUP - Superscript
  • TABLE - Tables
  • TD - Table cell
  • TEXTAREA - Input area
  • TH - Header cell
  • TITLE - Document title
  • TR - Table row
  • TT - Teletype
  • UL - Unordered list
  • U - Underline
  • VAR - Variable

HTML Special Characters

Name Code Number Code Glyph Description
‘      left single quote
’      right single quote
‚      single low-9 quote
“      left double quote
”      right double quote
„      double low-9 quote
†      dagger
‡      double dagger
‰      per mill sign
‹      single left-pointing angle quote
›      single right-pointing angle quote
♠      black spade suit
♣      black club suit
♥      black heart suit
♦      black diamond suit
  ★    black star
  ☆    white star
‾      overline, = spacing overscore
←      leftward arrow
↑      upward arrow
→      rightward arrow
↓      downward arrow
™      trademark sign
  �-   unused
  	 horizontal tab
 line feed
  ! !   exclamation mark
" " "   double quotation mark
  # #   number sign
  $ $   dollar sign
  % %   percent sign
& & &   ampersand
  ' '   apostrophe
  ( (   left parenthesis
  ) )   right parenthesis
  * *   asterisk
  + +   plus sign
  , ,   comma
  - -   hyphen
  . .   period
⁄ / /   slash
  0-9   digits 0-9
  : :   colon
  &#59; ;   semicolon
&lt; &#60; <   less-than sign
  &#61; =   equals sign
&gt; &#62; >   greater-than sign
  &#63; ?   question mark
  &#64; @   at sign
  &#65;-&#90;   uppercase letters A-Z
  &#91; [   left square bracket
  &#92; \   backslash
  &#93; ]   right square bracket
  &#94; ^   caret
  &#95; _   horizontal bar (underscore)
  &#96; `   grave accent
  &#97;-&#122;   lowercase letters a-z
  &#123; {   left curly brace
  &#124; |   vertical bar
  &#125; }   right curly brace
  &#126; ~   tilde
  &#127;-&#149;   unused
&ndash; &#150;    en dash
&mdash; &#151;    em dash
  &#152;-&#159;   unused
&nbsp; &#160;     nonbreaking space
&iexcl; &#161; ¡   inverted exclamation
&cent; &#162; ¢   cent sign
&pound; &#163; £   pound sterling
&curren; &#164; ¤   general currency sign
&yen; &#165; ¥   yen sign
&brvbar; or &brkbar; &#166; ¦   broken vertical bar
&sect; &#167; §   section sign
&uml; or &die; &#168; ¨   umlaut
&copy; &#169; ©   copyright
&ordf; &#170; ª   feminine ordinal
&laquo; &#171; «   left angle quote
&not; &#172; ¬   not sign
&shy; &#173; ­   soft hyphen
&reg; &#174; ®   registered trademark
&macr; or &hibar; &#175; ¯   macron accent
&deg; &#176; °   degree sign
&plusmn; &#177; ±   plus or minus
&sup2; &#178; ²   superscript two
&sup3; &#179; ³   superscript three
&acute; &#180; ´   acute accent
&micro; &#181; µ   micro sign
&para; &#182;    paragraph sign
&middot; &#183; ·   middle dot
&cedil; &#184; ¸   cedilla
&sup1; &#185; ¹   superscript one
&ordm; &#186; º   masculine ordinal
&raquo; &#187; »   right angle quote
&frac14; &#188; ¼   one-fourth
&frac12; &#189; ½   one-half
&frac34; &#190; ¾   three-fourths
&iquest; &#191; ¿   inverted question mark
&Agrave; &#192; À   uppercase A, grave accent
&Aacute; &#193; Á   uppercase A, acute accent
&Acirc; &#194;    uppercase A, circumflex accent
&Atilde; &#195; à  uppercase A, tilde
&Auml; &#196; Ä   uppercase A, umlaut
&Aring; &#197; Å   uppercase A, ring
&AElig; &#198; Æ   uppercase AE
&Ccedil; &#199; Ç   uppercase C, cedilla
&Egrave; &#200; È   uppercase E, grave accent
&Eacute; &#201; É   uppercase E, acute accent
&Ecirc; &#202; Ê   uppercase E, circumflex accent
&Euml; &#203; Ë   uppercase E, umlaut
&Igrave; &#204; Ì   uppercase I, grave accent
&Iacute; &#205; Í   uppercase I, acute accent
&Icirc; &#206; Π  uppercase I, circumflex accent
&Iuml; &#207; Ï   uppercase I, umlaut
&ETH; &#208; Р  uppercase Eth, Icelandic
&Ntilde; &#209; Ñ   uppercase N, tilde
&Ograve; &#210; Ò   uppercase O, grave accent
&Oacute; &#211; Ó   uppercase O, acute accent
&Ocirc; &#212; Ô   uppercase O, circumflex accent
&Otilde; &#213; Õ   uppercase O, tilde
&Ouml; &#214; Ö   uppercase O, umlaut
&times; &#215; ×   multiplication sign
&Oslash; &#216; Ø   uppercase O, slash
&Ugrave; &#217; Ù   uppercase U, grave accent
&Uacute; &#218; Ú   uppercase U, acute accent
&Ucirc; &#219; Û   uppercase U, circumflex accent
&Uuml; &#220; Ü   uppercase U, umlaut
&Yacute; &#221; Ý   uppercase Y, acute accent
&THORN; &#222; Þ   uppercase THORN, Icelandic
&szlig; &#223; ß   lowercase sharps, German
&agrave; &#224; à   lowercase a, grave accent
&aacute; &#225; á   lowercase a, acute accent
&acirc; &#226; â   lowercase a, circumflex accent
&atilde; &#227; ã   lowercase a, tilde
&auml; &#228; ä   lowercase a, umlaut
&aring; &#229; å   lowercase a, ring
&aelig; &#230; æ   lowercase ae
&ccedil; &#231; ç   lowercase c, cedilla
&egrave; &#232; è   lowercase e, grave accent
&eacute; &#233; é   lowercase e, acute accent
&ecirc; &#234; ê   lowercase e, circumflex accent
&euml; &#235; ë   lowercase e, umlaut
&igrave; &#236; ì   lowercase i, grave accent
&iacute; &#237; í   lowercase i, acute accent
&icirc; &#238; î   lowercase i, circumflex accent
&iuml; &#239; ï   lowercase i, umlaut
&eth; &#240; ð   lowercase eth, Icelandic
&ntilde; &#241; ñ   lowercase n, tilde
&ograve; &#242; ò   lowercase o, grave accent
&oacute; &#243; ó   lowercase o, acute accent
&ocirc; &#244; ô   lowercase o, circumflex accent
&otilde; &#245; õ   lowercase o, tilde
&ouml; &#246; ö   lowercase o, umlaut
&divide; &#247; ÷   division sign
&oslash; &#248; ø   lowercase o, slash
&ugrave; &#249; ù   lowercase u, grave accent
&uacute; &#250; ú   lowercase u, acute accent
&ucirc; &#251; û   lowercase u, circumflex accent
&uuml; &#252; ü   lowercase u, umlaut
&yacute; &#253; ý   lowercase y, acute accent
&thorn; &#254; þ   lowercase thorn, Icelandic
&yuml; &#255; ÿ   lowercase y, umlaut
  &#48; 0   0
  &#49; 1   1
  &#50; 2   2
  &#51; 3   3
  &#52; 4   4
  &#53; 5   5
  &#54; 6   6
  &#55; 7   7
  &#56; 8   8
  &#57; 9   9
  &#65; A   A
  &#66; B   B
  &#67; C   C
  &#68; D   D
  &#69; E   E
  &#70; F   F
  &#71; G   G
  &#72; H   H
  &#73; I   I
  &#74; J   J
  &#75; K   K
  &#76; L   L
  &#77; M   M
  &#78; N   N
  &#79; O   O
  &#80; P   P
  &#81; Q   Q
  &#82; R   R
  &#83; S   S
  &#84; T   T
  &#85; U   U
  &#86; V   V
  &#87; W   W
  &#88; X   X
  &#89; Y   Y
  &#90; Z   Z
  &#97; a   a
  &#98; b   b
  &#99; c   c
  &#100; d   d
  &#101; e   e
  &#102; f   f
  &#103; g   g
  &#104; h   h
  &#105; i   i
  &#106; j   j
  &#107; k   k
  &#108; l   l
  &#109; m   m
  &#110; n   n
  &#111; o   o
  &#112; p   p
  &#113; q   q
  &#114; r   r
  &#115; s   s
  &#116; t   t
  &#117; u   u
  &#118; v   v
  &#119; w   w
  &#120; x   x
  &#121; y   y
  &#122; z   z

HTTP Error Codes

1xx Informational

Request received, continuing process.

This class of status code indicates a provisional response, consisting only of the Status-Line and optional headers, and is terminated by an empty line. Since HTTP/1.0 did not define any 1xx status codes, servers must not send a 1xx response to an HTTP/1.0 client except under experimental conditions.

100 Continue
This means that the server has received the request headers, and that the client should proceed to send the request body (in the case of a request for which a body needs to be sent; for example, a POST request). If the request body is large, sending it to a server when a request has already been rejected based upon inappropriate headers is inefficient. To have a server check if the request could be accepted based on the request's headers alone, a client must send Expect: 100-continue as a header in its initial request (see RFC 2616 §14.20: Expect header) and check if a 100 Continue status code is received in response before continuing (or receive 417 Expectation Failed and not continue).[1]
101 Switching Protocols
102 Processing (WebDAV) (RFC 2518)
122 Request-URI too long
A Microsoft extension which occurs only in IE7, when the request URI is longer than 2032 characters.

2xx Success

The action was successfully received, understood, and accepted.

This class of status code indicates that the client's request was successfully received, understood, and accepted.

200 OK
Standard response for successful HTTP requests.
201 Created
The request has been fulfilled and resulted in a new resource being created.
202 Accepted
The request has been accepted for processing, but the processing has not been completed. The request might or might not eventually be acted upon, as it might be disallowed when processing actually takes place.
203 Non-Authoritative Information (since HTTP/1.1)
204 No Content
205 Reset Content
206 Partial Content
Notice that a file has been partially downloaded. This is used by tools like wget to enable resuming of interrupted downloads, or split a download into multiple simultaneous streams.
207 Multi-Status (WebDAV)
The message body that follows is an XML message and can contain a number of separate response codes, depending on how many sub-requests were made.

3xx Redirection

The client must take additional action to complete the request.

This class of status code indicates that further action needs to be taken by the user agent in order to fulfil the request. The action required may be carried out by the user agent without interaction with the user if and only if the method used in the second request is GET or HEAD. A user agent should not automatically redirect a request more than 5 times, since such redirections usually indicate an infinite loop.

300 Multiple Choices
Indicates multiple options for the resource that the client may follow. It, for instance, could be used to present different format options for video, list files with different extensions, or word sense disambiguation.
301 Moved Permanently
This and all future requests should be directed to the given URI.
302 Found
This is the most popular redirect code, but also an example of industrial practice contradicting the standard. HTTP/1.0 specification (RFC 1945) required the client to perform a temporary redirect (the original describing phrase was "Moved Temporarily"), but popular browsers implemented it as a 303 See Other. Therefore, HTTP/1.1 added status codes 303 and 307 to disambiguate between the two behaviours. However, the majority of Web applications and frameworks still use the 302 status code as if it were the 303.
303 See Other (since HTTP/1.1)
The response to the request can be found under another URI using a GET method. When received in response to a PUT, it should be assumed that the server has received the data and the redirect should be issued with a separate GET message.
304 Not Modified
Indicates the resource has not been modified since last requested. Typically, the HTTP client provides a header like the If-Modified-Since header to provide a time against which to compare. Utilizing this saves bandwidth and reprocessing on both the server and client.
305 Use Proxy (since HTTP/1.1)
Many HTTP clients (such as Mozilla and Internet Explorer) don't correctly handle responses with this status code, primarily for security reasons.
306 Switch Proxy
No longer used.
307 Temporary Redirect (since HTTP/1.1)
In this occasion, the request should be repeated with another URI, but future requests can still use the original URI. In contrast to 303, the request method should not be changed when reissuing the original request. For instance, a POST request must be repeated using another POST request.

4xx Client Error

The 4xx class of status code is intended for cases in which the client seems to have erred. Except when responding to a HEAD request, the server should include an entity containing an explanation of the error situation, and whether it is a temporary or permanent condition. These status codes are applicable to any request method. User agents should display any included entity to the user. These are typically the most common codes encountered while online.

400 Bad Request
The request contains bad syntax or cannot be fulfilled.
401 Unauthorized
Similar to 403 Forbidden, but specifically for use when authentication is possible but has failed or not yet been provided. See Basic access authentication and Digest access authentication.
402 Payment Required
The original intention was that this code might be used as part of some form of digital cash or micropayment scheme, but that has not happened, and this code has never been used.
403 Forbidden
The request was a legal request, but the server is refusing to respond to it. Unlike a 401 Unauthorized response, authenticating will make no difference.
404 Not Found  
The requested resource could not be found but may be available again in the future. Subsequent requests by the client are permissible.
405 Method Not Allowed
A request was made of a resource using a request method not supported by that resource; for example, using GET on a form which requires data to be presented via POST, or using PUT on a read-only resource.
406 Not Acceptable
407 Proxy Authentication Required
408 Request Timeout
Client failed to continue the request
409 Conflict
410 Gone
Indicates that the resource requested is no longer available and will not be available again. This should be used when a resource has been intentionally removed; however, in practice, a 404 Not Found is often issued instead. Upon receiving a 410 status code, the client should not request the resource again in the future. Clients such as search engines should remove the resource from their indexes to prevent repeated requests.
411 Length Required
412 Precondition Failed
413 Request Entity Too Large
414 Request-URI Too Long
415 Unsupported Media Type
416 Requested Range Not Satisfiable
The client has asked for a portion of the file, but the server cannot supply that portion (for example, if the client asked for a part of the file that lies beyond the end of the file).
417 Expectation Failed
422 Unprocessable Entity (WebDAV) (RFC 4918)
The request was well-formed but was unable to be followed due to semantic errors.
423 Locked (WebDAV) (RFC 4918)
The resource that is being accessed is locked
424 Failed Dependency (WebDAV) (RFC 4918)
The request failed due to failure of a previous request (e.g. a PROPPATCH).
425 Unordered Collection
Defined in drafts of WebDav Advanced Collections, but not present in "Web Distributed Authoring and Versioning (WebDAV) Ordered Collections Protocol" (RFC 3648).
426 Upgrade Required (RFC 2817)
The client should switch to TLS/1.0.
449 Retry With
A Microsoft extension. The request should be retried after doing the appropriate action.
450 Blocked
A Microsoft extension. Used for blocking sites with Windows Parental Controls.

5xx Server Error

The server failed to fulfil an apparently valid request.

Response status codes beginning with the digit "5" indicate cases in which the server is aware that it has encountered an error or is otherwise incapable of performing the request. Except when responding to a HEAD request, the server should include an entity containing an explanation of the error situation, and indicate whether it is a temporary or permanent condition. Likewise, user agents should display any included entity to the user. These response codes are applicable to any request method.

500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported
506 Variant Also Negotiates (RFC 2295)
507 Insufficient Storage (WebDAV) (RFC 4918)
509 Bandwidth Limit Exceeded (apache bw/limited extension)
This status code, while used by many servers, is not specified in any RFCs.
510 Not Extended (RFC 2774)

Please leave your comments