Académique Documents
Professionnel Documents
Culture Documents
browsers what appears in the web page and how it should be formatted. begins with a forward slash (i.e. <B></B>).
Some tags require a closing tag that Some tags may have attributes to
URLs
Uniform Resource Locators specify the location of files on the WWW. URLs may include the resource type (http://), server address
(www.cnet.com), path (/reviews/), and file name (toshiba.html). For example: http://www.cnet.com/reviews/toshiba.html.
Description Beginning and ending of file Page title, must be in the header Descriptive information, such as page title, content, etc. The bulk of the web page Description Changes default font size from 1 to 7 (3 is the default setting) Increase in font size Makes text blink on and off Boldfaces text Indicates a work cited Font color in hexadecimal number Font type, such as Arial Font size from 1 to 7 Font size in points Syntax <HTML></HTML> <TITLE></TITLE> <HEAD></HEAD> <BODY></BODY> Syntax <BASEFONT SIZE = num>
Lists
Description Compacted list List of terms and definitions Item to be defined Definition for the previous item List of short items A single item on a list Displays a menu list Numbered list (for the entire list) (for this & subsequent items) (for the entire list) (for this & subsequent items) Description Where to send e-mail (In the same document) (In another document) Where a new document or web page appear, i.e. in the same window or in a new window
Hyperlinks
Tag/Attribute E-mail Link to Location Link to Location Target Window
Forms
Tag/Attribute Checked Define Form Field Name Field Size Field Value Input Field Description Use with check/radio boxes Defines the area of the web page used as a form The field name (required) Field size in characters The field value Inserts a certain type of input field such as a text box, check box, or button Syntax <INPUT CHECKED> <FORM ACTION="url" METHOD=GET|POST></FORM> <INPUT NAME="name"> <INPUT SIZE="n"> <INPUT VALUE="value"> <INPUT TYPE= "TEXT|PASSWORD| CHECKBOX|RADIO| FILE|BUTTON|IMAGE|HIDDEN| SUBMIT|RESET"> Items in a list or combo box <SELECT></SELECT> Maximum length in characters <INPUT MAXLENGTH=?> Creates an option list <OPTION></OPTION> Message in input field <INPUT PROMPT="text"> Character & " Code & " Character Non-Breaking Space Code
List Items Max Length Option List Prompt Character < >
Special Characters
Code < >
Images
Tag/Attribute Insert Image Height Width Alternative Text Border Align Description The URL of the image to display The image height in pixels The image width in pixels Displays alternative text The images border size in pixel Aligns the image on the page Syntax <IMG SRC="filename"> <IMG HEIGHT=n> <IMG WIDTH=n> <IMG ALT="text"> <IMG BORDER=n> <IMG ALIGN="Absbottom|Absmiddle| Baseline|Bottom|Center|Left| Middle|Right|Top>
To Redefine an HTML Tag: Enter the tag and CSS definition, for
To Create a New Tag: Precede the tag with a period, for example: To Attach a Style Sheet: Enter the code between the
Values
Text color in "#rrggbb normal, lighter, bold, bolder, 100900 list-style-image URL(#image) disc, circle, square, list-style-type decimal, lower-alpha, lower-roman, upper alpha, upper roman URL(#image) backgroundimage Syntax
Tables
<TABLE></TABLE> <TABLE ALIGN=LEFT|RIGHT|CENTER> <TABLE BORDER=n> Border <TABLE Border Color BORDERCOLOR="#rrggbb"> Table width in pixels or % <TABLE WIDTH=n> Table Width Items in a table row <TR></TR> Row The alignment of text in a cell <TR ALIGN=LEFT | RIGHT | Cell Alignment CENTER | MIDDLE | BOTTOM> The cells background color <TD BGCOLOR="#rrggbb"> Cell Color Space between cell and text <TABLE CELLPADDING=n> Cell Padding Amount of space between cells <TABLE CELLSPACING=n> Cell Spacing Desired cell width pixels or % <TD WIDTH =n> Cell Width Cell No Linebreaks Specify if text can wrap in a cell <TD NOWRAP> Columns to Span Number of columns a cell spans <TD ROWSPAN=?> Number of rows a cell spans <TD COLSPAN=?> Rows to Span The tables caption or title <CAPTION></CAPTION> Title
Example of a Table
<TABLE WIDTH="85%" BORDER="1" ALIGN="CENTER"> <TR> <TH>Product</TH> <TH>Price</TH> </TR> <TR> <TD>Gadgets</TD> <TD>$5.00</TD> </TR> <TR> <TD>Gizmos</TD> <TD>$18.00</TD> </TR> </TABLE>