Site Tools


Hotfix release available: 2026-07-14c "Mort". upgrade now! [57.3] (what's this?)
Hotfix release available: 2026-07-14b "Mort". upgrade now! [57.2] (what's this?)
Hotfix release available: 2026-07-14a "Mort". upgrade now! [57.1] (what's this?)
New release available: 2026-07-14 "Mort". upgrade now! [57] (what's this?)
Hotfix release available: 2025-05-14b "Librarian". upgrade now! [56.2] (what's this?)
Hotfix release available: 2025-05-14a "Librarian". upgrade now! [56.1] (what's this?)
New release available: 2025-05-14 "Librarian". upgrade now! [56] (what's this?)
Hotfix release available: 2024-02-06b "Kaos". upgrade now! [55.2] (what's this?)
Hotfix release available: 2024-02-06a "Kaos". upgrade now! [55.1] (what's this?)
New release available: 2024-02-06 "Kaos". upgrade now! [55] (what's this?)
Hotfix release available: 2023-04-04b "Jack Jackrum". upgrade now! [54.2] (what's this?)
Hotfix release available: 2023-04-04a "Jack Jackrum". upgrade now! [54.1] (what's this?)
New release available: 2023-04-04 "Jack Jackrum". upgrade now! [54] (what's this?)
Hotfix release available: 2022-07-31b "Igor". upgrade now! [53.1] (what's this?)
Hotfix release available: 2022-07-31a "Igor". upgrade now! [53] (what's this?)
New release available: 2022-07-31 "Igor". upgrade now! [52.2] (what's this?)
New release candidate 2 available: rc2022-06-26 "Igor". upgrade now! [52.1] (what's this?)
New release candidate available: 2022-06-26 "Igor". upgrade now! [52] (what's this?)
Hotfix release available: 2020-07-29a "Hogfather". upgrade now! [51.4] (what's this?)
notes:html_cheat_sheet

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
notes:html_cheat_sheet [2026/11/01 18:42]
73.91.250.175 old revision restored (2026/09/20 02:51)
notes:html_cheat_sheet [2026/11/03 18:18] (current)
216.73.217.9 old revision restored (2026/11/01 09:41)
Line 11: Line 11:
   * A simple HTML web page   * A simple HTML web page
 <code html> <code html>
 +<!DOCTYPE ...>
 <html> <html>
-<head> <title> Title of page </title> </head> +  <head> <title> Title of page </title> </head> 
-<body background=url> This is my first webpage. </body>+  <body background=url> This is my first webpage. </body>
 </html> </html>
 </code> </code>
 +  * HTML 4 comes in three versions :
 +    * Strict which contains no deprecated elements or frames <code html>
 +<!DOCTYPE HTML PUBLIC
 +"-//W3C//DTD HTML 4.01//EN"
 +"http://www.w3.org/TR/html4/strict.dtd"></code>
 +    * Transitional which includes deprecated elements <code html> <!DOCTYPE HTML PUBLIC
 +"-//W3C//DTD HTML 4.01 Transitional//EN"
 +"http://www.w3.org/TR/html4/loose.dtd"></code>
 +    * Frameset which includes deprecated elements and frames <code html><!DOCTYPE HTML PUBLIC
 +"-//W3C//DTD HTML 4.01 Frameset//EN"
 +"http://www.w3.org/TR/html4/frameset.dtd"></code>
  
 ==== HTML Components ==== ==== HTML Components ====
Line 26: Line 38:
   * Attribute values should always be either single or double-quoted.   * Attribute values should always be either single or double-quoted.
   * Element and attribute names are not sensitive but lowercase names are recommended and required in XHTML.   * Element and attribute names are not sensitive but lowercase names are recommended and required in XHTML.
 +  * Standard attributes valid for most elements include: class, id, title, style, lang.
  
 ==== Formatting Tags ==== ==== Formatting Tags ====
Line 112: Line 125:
   * Other common symbols include: cent ¢, pound £, yen ¥, euro €, copy ©, times ×, div ÷, reg ®, sect §   * Other common symbols include: cent ¢, pound £, yen ¥, euro €, copy ©, times ×, div ÷, reg ®, sect §
  
-==== Advanced HTML ==== +==== The HEAD Element ==== 
-  * HTML 4 comes in three versions : +  * The head element of a page is not displayed. It contains information about the document. 
-    * Strict which contains no deprecated elements or frames <code html> +  * It may only contain the following tags: base (base url for links), link (external resources e.g.style-sheets), meta, title, style, and script.
-<!DOCTYPE HTML PUBLIC +
-"-//W3C//DTD HTML 4.01//EN" +
-"http://www.w3.org/TR/html4/strict.dtd"></code> +
-    * Transitional which includes deprecated elements <code html> <!DOCTYPE HTML PUBLIC +
-"-//W3C//DTD HTML 4.01 Transitional//EN" +
-"http://www.w3.org/TR/html4/loose.dtd"></code> +
-    * Frameset which includes deprecated elements and frames <code html><!DOCTYPE HTML PUBLIC +
-"-//W3C//DTD HTML 4.01 Frameset//EN" +
-"http://www.w3.org/TR/html4/frameset.dtd"></code>+
   * Example style declaration in head <code html>   * Example style declaration in head <code html>
 <head> <head>
Line 131: Line 135:
   </style>   </style>
 </head> </code> </head> </code>
 +  * Examples of the meta tag <code html>
 +<meta name="keywords" content="HTML, DHTM" />
 +<meta name="description" content="Free tutorials" />
 +<meta name="revised" content="My Name, 6/10/99" />
 +<meta http-equiv="refresh" content="5" />
 +</code>  
 +
 +==== Advanced HTML ====
 +
 +  * <div> and <span> are used to group elements to format them with a style. <div> also divides a page into sections.
 +  * A simple script in a webpage <code html>
 +<body> 
 +  <script type="text/javascript">
 +    <!-- //to prevent display in older browsers
 +    document.write("Hello World!")
 +    //-->
 +  </script>
 +  <noscript>Javascript not supported</noscript>
 + </body> </code>
 +  * An object element with child param elements can also be used to embed content.
 +  * accesskey (character) and tabindex (integer) attributes can be used to make a page keyboard-friendly.
 +
 +
notes/html_cheat_sheet.1793587369.txt.gz · Last modified: 2026/11/01 18:42 by 73.91.250.175