Site Tools


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/06/12 06:19]
114.119.135.121 old revision restored (2026/06/08 13:41)
notes:html_cheat_sheet [2026/06/13 20:25] (current)
216.73.216.69 old revision restored (2026/06/12 06:20)
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>
Line 38: Line 37:
   * 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 125: Line 123:
   * 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 §
  
-==== HTML Head ==== +==== Advanced HTML ====
-  * The head element of a page is not displayed. It contains information about the document. +
-  * It may only contain the following tags: base (base url for links), link (external resources e.g.style-sheets), meta, title, style, and script.+
   * Example style declaration in head <code html>   * Example style declaration in head <code html>
 <head> <head>
Line 135: Line 131:
   </style>   </style>
 </head> </code> </head> </code>
 +  * <div> and <span> are used to group elements to format them with a style. <div> also divides a page into sections.
 +  * The head element of a page is not displayed. It may only contain the following tags: base (base url for links), link (external resources e.g.style-sheets), meta, title, style, and script.
   * Examples of the meta tag <code html>   * Examples of the meta tag <code html>
 <meta name="keywords" content="HTML, DHTM" /> <meta name="keywords" content="HTML, DHTM" />
Line 141: Line 139:
 <meta http-equiv="refresh" content="5" /> <meta http-equiv="refresh" content="5" />
 </code>   </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. 
- 
-  * Events allow scripts to be registered for certain user actions. There are four types of events : 
-    * window events are only valid in a body or frameset element: onload, onunload. 
-    * form element events: onchange, onselect, onreset, onsubmit, onblur, onfocus 
-    * keyboard events: onkeydown, onkeypress, onkeyup 
-    * mouse events: onclick, ondblclick, onmousedown, onmousemove, onmouseup, onmouseover, onmouseup 
notes/html_cheat_sheet.1781270371.txt.gz · Last modified: 2026/06/12 06:19 by 114.119.135.121