Basic Tags



Basic Tags | |

| |

|Creates an HTML document |

| |

|Sets off the title and other information that isn't displayed on the Web page itself |

| |

|Sets off the visible portion of the document |

| |

|Header Tags |

| |

|Puts the name of the document in the title bar |

|  |

|Identifies keywords related to the web site content that can be used by a search engine |

|  |

|Provides search engine with a description of the website |

| |

|Body Attributes |

| |

|Sets the background color, using name or hex value |

|  |

|Sets the background with a texture or image using a graphic file |

| |

|Sets the text color, using name or hex value |

| |

|Sets the color of links, using name or hex value |

| |

|Sets the color of followed (visited) links, using name or hex value |

| |

|Sets the color of links on click (visited) |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

|Text Tags |

| |

|Creates preformatted text |

| |

|Create a headline and sets the size of headline, from 1 to 6, with 1 being the largest headline to 6 being the smallest headline |

|  |

|Aligns text to right, left, or center of page |

| |

|Creates bold text |

| |

|Creates italic text |

| |

|Creates teletype, or typewriter-style text (monospaced font) |

| |

|Creates a citation, usually italic |

| |

|Emphasizes a word (with italic or sometimes bold) |

| |

|Emphasizes a word (with bold or sometimes italic) |

| |

|Creates blinking text (does not work in all browsers) |

| |

|Sets size of font, from -7 to 7 |

| |

|Sets font color, using name or hex value |

| |

|Sets font typeface or style, using name of font typeface |

| |

|Links |

| |

|Creates a hyperlink (hypertext reference) to another web page |

| |

|Creates a mailto link |

| |

|Creates a target location within a document (a "bookmark") |

| |

|Links to that target location from elsewhere in the document (link to a bookmark) |

| |

|Formatting |

| |

|Creates a new paragraph |

| |

|Aligns a paragraph to the left, right, or center |

| |

|Inserts a line break |

| |

|Indents text from both sides |

| |

|A generic tag to center align elements on a web page |

| |

|Creates a definition list |

| |

|Precedes each definition term |

| |

|Precedes each definition |

| |

|Creates a numbered (ordered) list |

| |

|Precedes each list item, and adds a number in an ordered list or a bullet in an unordered list |

| |

|Creates a bulleted (unordered) list |

| |

|A generic tag used to format large blocks of HTML, also used for stylesheets |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

|Graphical Elements |

| |

| |

|Adds an image (src = "source or location" of the graphic file, including the name, and path if needed, of the graphic file) |

| |

|Aligns an image: left, right, center; bottom, top, middle |

| |

|Sets the width and height dimensions, in pixels, or the graphic (the size of the image) |

| |

|Sets size of border around an image |

| |

|Creates space (on each side, to the right and left) between the image and the wrapping text in number of pixels |

| |

|Creates space (on the top and bottom, above and below) between the image and the wrapping text in number of pixels |

| |

|Gives an alternative text description of the graphic file, if browser does not display graphics |

| |

|Inserts a horizontal rule |

| |

|Aligns the horizontal rule to the left, right, or center |

| |

|Sets size (height) of rule |

| |

|Sets width of rule, in percentage or absolute value |

| |

|Creates a rule without a shadow |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

|Tables |

| |

|Creates a table |

| |

|Sets off each row in a table |

| |

|Sets off each cell in a row |

| |

|Sets off the table header (a normal cell with bold, centered text) |

| |

|Creates a caption for the table |

| |

|Table Attributes |

| |

|Sets width of border around table cells |

| |

|Sets the background color for the entire table, using name or hex value |

| |

|Sets the table alignment to left, right or center of page |

| |

|Sets amount of space between table cells |

| |

|Sets amount of space between a cell's border and its contents |

| |

|Sets width of table - in pixels or as a percentage of document width |

| or |

|Sets horizontal alignment for row or cell (left, center, or right) |

| or |

|Sets vertical alignment for row or cell (top, middle, or bottom) |

|  or |

|Sets the background color for the row or cell, using name or hex value |

| |

|Sets number of columns a cell should span (default=1) |

| |

|Sets number of rows a cell should span (default=1) |

| |

|Prevents the lines within a cell from being broken to fit |

|  |

|Aligns the table caption |

| |

|Frames |

| |

|Tag in a frames document; can also be nested in other framesets |

| |

|Defines the rows within a frameset, using number in pixels, or percentage of width |

| |

|Defines the columns within a frameset, using number in pixels, or percentage of width |

| |

|Defines a single frame - or region - within a frameset |

| |

|Defines what will appear on browsers that don't support frames |

| |

|Causes multiple links on a page to appear in the same target frame |

| |

|Frames Attributes |

| |

|Specifies which HTML document should be displayed |

| |

|Names the frame, or region, so it may be targeted by other frames |

| |

|Defines the left and right margins for the frame; must be equal to or greater than 1 |

| |

|Defines the top and bottom margins for the frame; must be equal to or greater than 1 |

| |

|Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto". The default, as in ordinary documents, is auto. |

| |

|Prevents the user from resizing a frame |

| |

|Specifies a different window or frame where a new page will appear when it loads |

| |

| |

| |

| |

| |

| |

| |

| |

| |

| |

|Forms |

|For functional forms, you'll have to run a CGI script or other server-side script. The HTML just creates the appearance of a form. |

| |

|Creates all forms; method refers to how the information should be sent, either 'get' or 'post'; action refers to where to send the information from the |

|form for processing |

| |

|Creates a form where results are submitted to an e-mail address |

| |

|Creates a pulldown menu; name is the functional name given to the pulldown menu; size sets the number of choices to be viewed at a time in the pop-up menu|

| |

| |

|Creates a scrolling menu; name is the functional name given to the scrolling menu; size sets the number of menu items visible before you need to scroll |

| |

|Sets off each menu item; value is the value returned when the form is submitted; selected will make this option show up as the default in the pop-up |

|window - when this is omitted, the first option in the menu will be the default |

| |

|Creates a text box area. Cols sets the width in pixels; rows sets the height in pixels. |

| |

|Creates a checkbox; name gives a reference name to the checkbox; value is the value returned if the checkbox is checked (default is "on"); checked will |

|pre-check the box - this would be omitted if pre-selection is not wanted; text follows tag. |

| |

|Creates a radio button; name gives a reference name to the radio button; value is the value returned if the radio button is selected; in a set of radio |

|buttons, all buttons in the same list of choices should have the same name but different values; checked will pre-select the button - this would be |

|omitted if pre-selection is not wanted; text follows tag. |

| |

|Creates a one-line text area; name gives a reference name to the text box; size sets length, in characters; maxlength sets the maximum number of |

|characters the user can enter |

| |

|Creates a Submit button |

| |

|Creates a Submit button using an image |

| |

|Creates a Reset button, which clears all entries on the form |

| |

|Creates a textbox password field for entering a password; when anything is typed into the field, its shows up as dots/asterisks instead of text |

| |

| |

| |

| |

| |

|Image Maps |

|  |

|Creates an imagemap |

|  |

|Describes a rectangular-shaped area in the imagemap; coordinates refer to the coordinates of the upper left corner (X,Y) and the lower right corner (X1, |

|Y1); URL is the link to which these sets of coordinates (area) will be linked |

|  |

|Describes a circular-shaped area in the imagemap; coordinates refer to the coordinates of the center point (X,Y) and the length of the radius; URL is the |

|link to which these sets of coordinates (area) will be linked |

|  |

|Describes a pologon-shaped area in the imagemap; the coordinates for each point in the shape are required and must be listed in order, either from left to|

|right around the shape, or right to left around the shape; URL is the link to which these sets of coordinates (area) will be linked |

|  |

|Links the image and map informtion to form the imagemap; src is the name of the graphic file that the image map uses; usemap is the name of the map; |

|border will usually be "0", unless a rectangular-shaped border is wanted around the image |

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download