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/06 13:42]
47.79.10.180 old revision restored (2026/05/31 07:51)
notes:html_cheat_sheet [2026/06/07 15:58] (current)
213.194.156.245 old revision restored (2026/05/29 22:46)
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 37: 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 123: 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 ====+==== HTML Head ==== 
 +  * 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 131: Line 135:
   </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 139: Line 141:
 <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.1780778552.txt.gz · Last modified: 2026/06/06 13:42 by 47.79.10.180