HTML Cheat Sheet PDF. Save the.pdf version of this interactive page to keep it on your desktop or print it and hang it on the wall and always sneak a peek while coding, composing an article or designing a website. A PDF file is available for every cheat sheet on this website: CSS, JavaScript and others. HTML Cheat Sheet There is no formal topic called ‘HTML Cheat Sheet’ and this topic compiles all important topics in HTML into a single page. Refer this ‘HTML Cheat Sheet’ for complete elements and style properties of HTML. Meta Data And Descripting Tags.
Please send Questions/Comments to awatts@fnal.gov
This page is meant to outline changes in HTML 4.01 standards in order to assure compliance with the World Wide Web Consortium's migration to XHTML 1.0. XHTML is very similar to HTML 4.01, but with strict syntax rules. Many textual formatting tags have been deprecated and will lose support in future browsers, and this page will give standards-compliant alternatives using inline CSS (Cascading Style Sheets). This page is meant as a reference, and is by no means complete. For a more complete turorial, use W3 Schools. Use the following link for examples of how to apply the content covered in this document to making Fermilab Accelerator Division Electronic Logbook entries.
Note: All tags should be in lowercase. This is very important for XHTML 1.0 standards compliance
If there is any subject or method that you would like added to this page, please do not hesitate to contact the above mentioned email address.
Simple Text Formatting
These tags have not changed since HTML 4Description | Example Syntax | Result |
Bolded Text | Bolded Text | |
Italicized Text | Italicized Text | |
Deleted Text | ||
Big Text | Big Text | |
Small Text | Small Text | |
Subscript | H2O | |
Superscript | 3 x 108 | |
HTML Ignore | ||
Hyperlink | ||
Email Hyperlink | mail@mail.com |
CSS Text Formatting
These features must be used as arguments of the 'style' argument of a 'span' or 'div' tag surrounding the text.
Attributes may be combined under of the SPAN tag and seperated by a semicolon as such:
Description | Attribute Syntax | Result |
Underlined Text | text-decoration:underline | Underlined Text |
Font Color | color:red | Red Text |
Aligned Text | text-align:left/right/center | Text will be aligned to the left, right, or center |
Change the Font | font-family:fontname | Text will be in style 'fontname' |
Font Size | font-size:200% | 2x Size Text |
Self-closing Tags
Tags that, by definition, contain nothing between the opening and closing tags must self-close with a space and forward slash:
Images | |
Carriage Return | |
Horizontal Breaking Line |
Useful Characters
This is a small list of characters that may be useful in the E-logs. For a more complete list, see Character Chart.
Note:All characters are of the format: (ampersand)(charname)(semicolon).
Description | Syntax | Result |
Function Symbol | ƒ | ƒ |
Greek Capital Letter | &(Lettername); | Δ yields Δ |
Greek Lowercase Letter | &(lettername); | δ yields δ |
Arrows | ↑, ↓, ←, →, ↵, ↔ | ↑, ↓, ←, →, ↵, ↔ |
For All Symbol | ∀ | ∀ |
Partial Differential | ∂ | ∂ |
'There Exists' Symbol | ∃ | ∃ |
Empty/Null Set | ∅ | ∅ |
Nable Symbol | ∇ | ∇ |
'Element of' Symbol | ∈ | ∈ |
'Not an Element of' Symbol | ∉ | ∉ |
'Contains as Member' Symbol | ∋ | ∋ |
Radical Sign | √ | √ |
'Proportional To' Symbol | ∝ | ∝ |
Infinity Symbol | ∞ | ∞ |
Angle Symbol | ∠ | ∠ |
Integral Symbol | ∫ | ∫ |
'Therefore' Symbol | ∴ | ∴ |
'Similar to' Symbol | ∼ | ∼ |
'Almost Equal to' Symbol | ≈ | ≈ |
'Not Equal to' Symbol | ≠ | ≠ |
'Equivalent to' Symbol | ≡ | ≡ |
'Less-than or Equal to' Symbol | ≤ | ≤ |
'Greather-than or Equal to' Symbol | ≥ | ≥ |
'Vector Product' Symbol | ⊗ | ⊗ |
'Perpendicular to' Symbol | ⊥ | ⊥ |
'Much Greater Than' Symbol | » | » |
'Much Less Than' Symbol | « | « |
Degree Symbol | ° | ° |
'Plus/Minus Error' Symbol | ± | ± |
'Letter O with Slash' Symbol | Ø | Ø |
No break space | |
How to Create Lists
Unordered list:
uses- and
Example:
- List item
- Second Iten
- Third Item
- List item
- Second Item
- Third Item
Ordered list:
uses- and
Example:
- List item
- Second Item
- Third Item
How to Create Tables
Simple data tables consist of three parts:
Row 1, Cell 1 | Row 1, Cell 2 |
Row 2, Cell 1 | Row 2, Cell 2 |
Row 1, Cell 1 | Row 1, Cell 2 |
Row 2, Cell 1 | Row 2, Cell 2 |
Since CSS attributes may be added to almost any HTML tag using the style attribute, the W3C Online School should be consulted for further table formatting using CSS, such as font and cell background color, padding, and height/width settings.
Please send Questions/Comments to awatts@fnal.gov
This page is meant to outline changes in HTML 4.01 standards in order to assure compliance with the World Wide Web Consortium's migration to XHTML 1.0. XHTML is very similar to HTML 4.01, but with strict syntax rules. Many textual formatting tags have been deprecated and will lose support in future browsers, and this page will give standards-compliant alternatives using inline CSS (Cascading Style Sheets). This page is meant as a reference, and is by no means complete. For a more complete turorial, use W3 Schools. Use the following link for examples of how to apply the content covered in this document to making Fermilab Accelerator Division Electronic Logbook entries.
Note: All tags should be in lowercase. This is very important for XHTML 1.0 standards compliance
If there is any subject or method that you would like added to this page, please do not hesitate to contact the above mentioned email address.
Simple Text Formatting
These tags have not changed since HTML 4Description | Example Syntax | Result |
Bolded Text | Bolded Text | |
Italicized Text | Italicized Text | |
Deleted Text | ||
Big Text | Big Text | |
Small Text | Small Text | |
Subscript | H2O | |
Superscript | 3 x 108 | |
HTML Ignore | ||
Hyperlink | ||
Email Hyperlink | mail@mail.com |
CSS Text Formatting
These features must be used as arguments of the 'style' argument of a 'span' or 'div' tag surrounding the text.
Attributes may be combined under of the SPAN tag and seperated by a semicolon as such:
Description | Attribute Syntax | Result |
Underlined Text | text-decoration:underline | Underlined Text |
Font Color | color:red | Red Text |
Aligned Text | text-align:left/right/center | Text will be aligned to the left, right, or center |
Change the Font | font-family:fontname | Text will be in style 'fontname' |
Font Size | font-size:200% | 2x Size Text |
Self-closing Tags
Tags that, by definition, contain nothing between the opening and closing tags must self-close with a space and forward slash:
Images | |
Carriage Return | |
Horizontal Breaking Line |
Html Syntax Cheat Sheet Pdf
Useful Characters
This is a small list of characters that may be useful in the E-logs. For a more complete list, see Character Chart.
Note:All characters are of the format: (ampersand)(charname)(semicolon).
Description | Syntax | Result |
Function Symbol | ƒ | ƒ |
Greek Capital Letter | &(Lettername); | Δ yields Δ |
Greek Lowercase Letter | &(lettername); | δ yields δ |
Arrows | ↑, ↓, ←, →, ↵, ↔ | ↑, ↓, ←, →, ↵, ↔ |
For All Symbol | ∀ | ∀ |
Partial Differential | ∂ | ∂ |
'There Exists' Symbol | ∃ | ∃ |
Empty/Null Set | ∅ | ∅ |
Nable Symbol | ∇ | ∇ |
'Element of' Symbol | ∈ | ∈ |
'Not an Element of' Symbol | ∉ | ∉ |
'Contains as Member' Symbol | ∋ | ∋ |
Radical Sign | √ | √ |
'Proportional To' Symbol | ∝ | ∝ |
Infinity Symbol | ∞ | ∞ |
Angle Symbol | ∠ | ∠ |
Integral Symbol | ∫ | ∫ |
'Therefore' Symbol | ∴ | ∴ |
'Similar to' Symbol | ∼ | ∼ |
'Almost Equal to' Symbol | ≈ | ≈ |
'Not Equal to' Symbol | ≠ | ≠ |
'Equivalent to' Symbol | ≡ | ≡ |
'Less-than or Equal to' Symbol | ≤ | ≤ |
'Greather-than or Equal to' Symbol | ≥ | ≥ |
'Vector Product' Symbol | ⊗ | ⊗ |
'Perpendicular to' Symbol | ⊥ | ⊥ |
'Much Greater Than' Symbol | » | » |
'Much Less Than' Symbol | « | « |
Degree Symbol | ° | ° |
'Plus/Minus Error' Symbol | ± | ± |
'Letter O with Slash' Symbol | Ø | Ø |
No break space | |
How to Create Lists
Unordered list:
uses- and
Example:
Html Syntax Cheat Sheet Excel
- List item
- Second Iten
- Third Item
- List item
- Second Item
- Third Item
Ordered list:
uses- and
Example:
Html Syntax Cheat Sheet Printable
- List item
- Second Item
- Third Item
How to Create Tables
Simple data tables consist of three parts:
C++ Syntax Cheat Sheet
tags surround a row, and <td> tags surround a table cell's content. As an example, the code:Microsoft Sql Syntax Cheat Sheet
Row 1, Cell 1 | Row 1, Cell 2 |
Row 2, Cell 1 | Row 2, Cell 2 |
Html5 Syntax Cheat Sheet
Yields the table with a border (notice above the use of the border='1' attribute to create a border):Html Syntax Cheat Sheet Example
Row 1, Cell 1 | Row 1, Cell 2 |
Row 2, Cell 1 | Row 2, Cell 2 |
Since CSS attributes may be added to almost any HTML tag using the style attribute, the W3C Online School should be consulted for further table formatting using CSS, such as font and cell background color, padding, and height/width settings.