DokuWiki

Site Tools

Trace:
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
notes:html_cheat_sheet [2026/06/07 07:34]
8.209.119.135 old revision restored (2026/05/29 11:14) 		notes:html_cheat_sheet [2026/06/07 15:58] (current)
213.194.156.245 old revision restored (2026/05/29 22:46)
Line 31: Line 31:
 ==== HTML Components ==== ==== HTML Components ====
   * HTML documents are text files consisting of HTML elements.   * HTML documents are text files consisting of HTML elements.
-  * HTML elements are defined using HTML tags. [[http://www.w3schools.com/tags/ref_byfunc.asp | HTML Tag Reference]].+  * HTML elements are defined using HTML tags.
   * HTML tags contain the element name surrounded by angle brackets (** < > **).   * HTML tags contain the element name surrounded by angle brackets (** < > **).
   * HTML tags normally come in pairs - the **start tag**(<p>) and the **end tag** (</p>).   * HTML tags normally come in pairs - the **start tag**(<p>) and the **end tag** (</p>).
Line 38: 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.
-  * [[http://www.w3schools.com/tags/ref_standardattributes.asp | Standard attributes]] valid for most elements include: class, id, title, style, lang.+  * Standard attributes valid for most elements include: class, id, title, style, lang.
  
 ==== Formatting Tags ==== ==== Formatting Tags ====
Line 69: Line 69:
      </table> </code>      </table> </code>
   * A table with border 0 can be used to format the layout of a page.   * A table with border 0 can be used to format the layout of a page.
-  * A table can also be in the form:  <thead> <tfoot> <tbody> and can specify an optional <caption>. 
-  * To set attributes of columns in a table, a colgroup with column entries can be used e.g. <code html> 
-<table border="1"> 
-<colgroup span="2"> 
-<col width="20"></col> 
-<col width="50"></col> 
-</colgroup> ... </table> 
-</code> 
  
 ==== Forms ==== ==== Forms ====
Line 128: Line 120:
  
 ==== Character Entities ==== ==== Character Entities ====
-  * A character entity represents a single character. [[http://www.w3schools.com/tags/ref_entities.asp | Character entities]] [[http://www.w3schools.com/tags/ref_symbols.asp | Symbol Entities]].+  * A character entity represents a single character. [[http://www.w3schools.com/tags/ref_entities.asp | All named entities]].
   * It consists of an ampersand (&), an entity name or a # and an entity number, and finally a semicolon (;) (e.g. &#60;).   * It consists of an ampersand (&), an entity name or a # and an entity number, and finally a semicolon (;) (e.g. &#60;).
   * Common character entities include: &gt; , &lt; , &nbsp; (space), &quot; , &apos; .   * Common character entities include: &gt; , &lt; , &nbsp; (space), &quot; , &apos; .
   * 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 §
-  * Non-standard letters and other characters can be displayed url-encoded using [[http://www.w3schools.com/html/html_urlencode.asp | hexadecimal format]] e.g. %20. 
  
 ==== HTML Head ==== ==== HTML Head ====
Line 153: Line 144:
 ==== Advanced HTML ==== ==== Advanced HTML ====
  
-  * <div> is used to group elements or divide a page into sections. <span> is used for selecting a part of an element. Both can be used for formatting purposes.+  * <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>   * A simple script in a webpage <code html>
 <body>  <body> 
Line 171: Line 162:
     * keyboard events: onkeydown, onkeypress, onkeyup     * keyboard events: onkeydown, onkeypress, onkeyup
     * mouse events: onclick, ondblclick, onmousedown, onmousemove, onmouseup, onmouseover, onmouseup     * mouse events: onclick, ondblclick, onmousedown, onmousemove, onmouseup, onmouseover, onmouseup
- 
-==== XHTML ==== 
-  * XHTML is a stricter and cleaner replacement for HTML defined as an XML format. 
-  * XHTML requires elements to be closed, properly nested and lowercase. 
-  * Documents must have a DOCTYPE declaration and only a single root element. They must have a head with a title and a body. 
-  * Attributes must be lowercase with quoted values and must have values (e.g. checked="checked"). 
-  * id replaces the name attribute, xml:lang replaces lang but both should be used for compatibility. 
-  * There are three XHTML variations 
-    * Strict - No presentational attributes allowed <code html> 
-<!DOCTYPE html 
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></code> 
-    * Transitional - Presentational attributes allowed but no frames <code html><!DOCTYPE html 
-PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></code> 
-    * Frameset - Allows presentational attributes and frames <code html> 
-<!DOCTYPE html 
-PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></code> 
- 
- 
notes/html_cheat_sheet.txt · Last modified: 2026/06/07 15:58 by 213.194.156.245

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
CC Attribution-Noncommercial-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki