Back to Top |
Simple Text Formatting |
CSS Text Formatting |
Self-Closing Tags |
Useful Characters |
How to Create Lists |
How to Create Tables |
Old HTML 4 Reference |
Character Reference |
Colors Reference |
Offical XHTML Outline |
W3C Online School |
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.
Description | 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 |
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 style="" 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 |
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 |
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 | |
Unordered list:
Example:
Ordered list:
Example:
Simple data tables consist of three parts:
Where all elements are contained within the <table> tags, <tr> tags surround a row, and <td> tags surround a table cell's content. As an example, the code:
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.
|