Sie sind auf Seite 1von 19

Title Tag Description

BASIC ELEMENTS

Document
<html> </html>
Document root element type beginning and end of file

Title <title> </title>


Document title, must in header.

Header

<head> </head>

Descriptive info, such as title.

Body

<body> </body>

Bulk of the page, body of document.

FORMATTING
--------------------------------------------------------------------------------------
----------
Bold <b> </b> Bold text style.
--------------------------------------------------------------------------------------
----------
Italic <i> </i> Italic text style.
--------------------------------------------------------------------------------------
----------
Underline <u> </u> Underlines text.
--------------------------------------------------------------------------------------
----------
Strikeout <strike> </strike> Strikes through text.

--------------------------------------------------------------------------------------
----------
Strikeout <s> </s> Strikes through text.
--------------------------------------------------------------------------------------
----------
Subscript <sub> </sub> Subscript numbers like
footnotes.
--------------------------------------------------------------------------------------
----------
Superscript <sup> </sup> Superscript numbers like
cross reference numbers.
--------------------------------------------------------------------------------------
-----------
Typewriter <tt> </tt> Teletype or mono spaced.
--------------------------------------------------------------------------------------
-----------
Pre formatted <pre> </pre> Display text spacing as is.
--------------------------------------------------------------------------------------
-----------
Width <pre width="#"> Width in characters.
--------------------------------------------------------------------------------------
-----------
Center <center> </center> Centers text and images.
--------------------------------------------------------------------------------------
-----------
Blinking <blink> </blink> Blinking text (netscape
only).
--------------------------------------------------------------------------------------
-----------
Font size <font size="?"> </font> Local font size.
( range 1 - 7 )
--------------------------------------------------------------------------------------
------------
Change font <font size="+1-?"> </font> Controls font size
size rendered.
--------------------------------------------------------------------------------------
------------
Font color <font color="#?????" </font> Controls font color.
--------------------------------------------------------------------------------------
------------
Select font <font face="???> </font> Style of text, such as-
Times New Roman.

Point size <font point size="?"> </font> Size of text.


--------------------------------------------------------------------------------------
------------
Weight <font weight="?"> </font> Thickness of text.
--------------------------------------------------------------------------------------
------------
Base font <basefont size="?"> </font> Size of font 1 - 7.
size
--------------------------------------------------------------------------------------
-------------
LINKING
--------------------------------------------------------------------------------------
-------------
Link <a href="url"> </a> Links text or graphics
something to another url.
--------------------------------------------------------------------------------------
-------------
Link to <a href="url#???"> </a> Links text or graphics
location to an anchor in another
document.
--------------------------------------------------------------------------------------
--------------
Link to <a href="url#???> </a> Links text or graphics
location in to an anchor in current
current page document.
--------------------------------------------------------------------------------------
--------------
Target <a href="url" target="?"> </a> Links text or graphics
window to a url in a new browser
window.
--------------------------------------------------------------------------------------
--------------
Action <a href="url" onclick="?"> </a> Takes effect when user
on clicks on the item.
click
--------------------------------------------------------------------------------------
--------------
Mouse <a href="url" onmouseover="?"> </a> Takes effect when
over user moves pointer over
action item.
--------------------------------------------------------------------------------------
--------------
Link to <a href="mailto:@"> </a> Creates blank email to
email indicate address with
visitors default email
client.
--------------------------------------------------------------------------------------
--------------
define <a name="???"> </a> Indicates an anchor's
location name and location in
a document.
--------------------------------------------------------------------------------------
--------------
GRAPHICS AND SOUND
--------------------------------------------------------------------------------------
--------------
Display image <img src="url"> Displays image from
the indicated url.
--------------------------------------------------------------------------------------
-------------
Alignment < img src="url" align=" Aligns the image.
top/middle/left/right/bottom">
--------------------------------------------------------------------------------------
-------------
Alternate <img src="url" alt="?"> displays the name or
description of image
if image not displayed.
--------------------------------------------------------------------------------------
-------------
Dimensions <img src="url" width="?" The dimensions, in
height="?"> pixels, of the image.
--------------------------------------------------------------------------------------
-------------
Dimen. <img src="url" width="%" Dimensions as a percent
height="%"> of page width/height.
--------------------------------------------------------------------------------------
-------------
Border <img src="url" border="?"> Border in pixels around
image.
--------------------------------------------------------------------------------------
-------------
Image <img src="url" ismap> Linking of a portion of an
map image.
--------------------------------------------------------------------------------------
-------------
Movie <img dynsrc="?" start="?" Insert movie clip.
clip loop="?">
--------------------------------------------------------------------------------------
-------------
Background <bgsound src="?" Insert sound clip.
sound loop="?" infinite>
--------------------------------------------------------------------------------------
-------------
embed <embed src="url"> Insert object into page.
object
--------------------------------------------------------------------------------------
-------------
Object <embed src="url" width="?" Size in pixels of embed
size hight="?"> object.
--------------------------------------------------------------------------------------
-------------
Object <object> </object> Embedded object.
--------------------------------------------------------------------------------------
-------------
Parameters <param> Named property value.
--------------------------------------------------------------------------------------
-------------
DIVIDERS
--------------------------------------------------------------------------------------
------------
Paragraph <p> </p> Starts and stops paragraph.
--------------------------------------------------------------------------------------
------------
Align <p align="left/center/ Aligns paragraph.
text right> </p>
--------------------------------------------------------------------------------------
------------
Line break <br> A single carriage return.

Horizontal <hr> Horizontal line.


rule
--------------------------------------------------------------------------------------
------------
Alignment <hr align="left/ Aligns horizontal line.
right/center">
--------------------------------------------------------------------------------------
-----------
Thickness <hr size="?"> Thickness in pixels of line.
--------------------------------------------------------------------------------------
-----------
Width <hr width="?"> Width in pixels of line.
--------------------------------------------------------------------------------------
-----------
Width % <hr width="%"> Width as a percentage of page.
--------------------------------------------------------------------------------------
-----------
Solid line <hr noshade> Line without 3D cutout look.
--------------------------------------------------------------------------------------
-----------
No break <nobr> </nobr> Prevents line breaks.
--------------------------------------------------------------------------------------
-----------
Word break <wbr> Where to break a line if needed.
--------------------------------------------------------------------------------------
-----------
STRUCTURAL ELEMENTS
--------------------------------------------------------------------------------------
-----------
Heading <h?> </h?> Document header levels 1 - 6.
--------------------------------------------------------------------------------------
-----------
Division <div> </div> Generic container.
--------------------------------------------------------------------------------------
-----------
Defined <span> </span> Generic container.
content
--------------------------------------------------------------------------------------
-----------
Block <blockquote> </blockquote> Long quotation block.
quote

quote <q> </q> Short quotation.


--------------------------------------------------------------------------------------
-----------
Emphasis <em> </em> Ephasized text usually as italic.
--------------------------------------------------------------------------------------
-----------
Strong <strong> </strong> Ephasized text strongly as bold.
emphasis
--------------------------------------------------------------------------------------
-----------
Citation <cite> </cite> Citation usually italics.
--------------------------------------------------------------------------------------
-----------
Code <code> </code> For source code listings.
--------------------------------------------------------------------------------------
-----------
Sample <samp> </samp> Sample program output.
output
--------------------------------------------------------------------------------------
-----------
keyborad <kbd> </kbd> Text that should be entered by user.
input
--------------------------------------------------------------------------------------
-----------
Variable <var> </var> Program variable or output.
--------------------------------------------------------------------------------------
-----------
Definition <dfn> </dfn> Defintion
--------------------------------------------------------------------------------------
-----------
Address <address> </address> Author information.
--------------------------------------------------------------------------------------
-----------
Large font <big> </big> Uses a large text size.
size
--------------------------------------------------------------------------------------
-----------
Small font <small> </small> Uses small text size.
size
--------------------------------------------------------------------------------------
-----------
Insert <ins> </ins> Marks inserted text in a new version.

Comments <ins cite="url"> </ins> Comments on the addition


in a new version.
--------------------------------------------------------------------------------------
-----------
Delete <del> </del> Marks deletions in a new version.
--------------------------------------------------------------------------------------
-----------
Acroynm <acroynm> </acroynm> Acroynms.
--------------------------------------------------------------------------------------
-----------
Abbreviation <abbr> </abbr> Abbreviations.
--------------------------------------------------------------------------------------
-----------
BACKGROUNDS
--------------------------------------------------------------------------------------
-----------
Tiled <body background="url"> Causes image to tile as
background background of page.
--------------------------------------------------------------------------------------
------------
<body bgproperties="fixed"> Static image which
remains in the same
Watermark location as visitors
scroll.
--------------------------------------------------------------------------------------
-------------
Background <body bgcolor="#?????"> Solid background color.
color
--------------------------------------------------------------------------------------
-------------
Text <body text="#?????"> Color of text throughout page.
color
--------------------------------------------------------------------------------------
--------------
Link <body link="#?????"> Color of all links thoughout page.
color
--------------------------------------------------------------------------------------
--------------
Visited <body vlink="#?????"> Color of all visited links
link color throughout page.

--------------------------------------------------------------------------------------
--------------
Active <body alink="#?????"> Color of link when selected.
link
--------------------------------------------------------------------------------------
--------------
LISTS
--------------------------------------------------------------------------------------
--------------
Unordered <ul> <li> </ul> Lists with bulleted items.
lists
--------------------------------------------------------------------------------------
---------------
List item <li> </li> Indicates an item on the list.
--------------------------------------------------------------------------------------
---------------
Bullet <ul type="disc/circle/square"> Shape of bullet for list.
type
--------------------------------------------------------------------------------------
---------------
Bullet <li type="same as above"> Shape of bullet for specific
type 2 item.
--------------------------------------------------------------------------------------
---------------
Ordered <ol> <li> </ol> Numbered list.
list
--------------------------------------------------------------------------------------
---------------
Numbering <ol type="A|a|I|i|1> Type of numbering for the list.
type
--------------------------------------------------------------------------------------
---------------
Numb. <li type="same as above"> Type of numbering for specific
type 2 list item.
--------------------------------------------------------------------------------------
----------------
Starting <ol start="?"> Starting number for list.
number
--------------------------------------------------------------------------------------
----------------
Starting <li value="?"> Starting number for this & subsequent.
number 2 item.
--------------------------------------------------------------------------------------
----------------
Definition <dl> </dl> A list of definitions.
list
--------------------------------------------------------------------------------------
----------------
Def. term <dt> </dt> Definition term.
--------------------------------------------------------------------------------------
----------------
Definition <dd> </dd> Definition of a term.
--------------------------------------------------------------------------------------
----------------
Menu <menu> </menu> Display menu type list.
list
--------------------------------------------------------------------------------------
----------------
Directory <dir> </dir> Directory link.
list
--------------------------------------------------------------------------------------
----------------
TABLES
--------------------------------------------------------------------------------------
----------------
Define <table> </table> Signals the start of a table.
table
--------------------------------------------------------------------------------------
----------------
Table <table align="left|right|center"> Aligns table within
browser.
alignment
--------------------------------------------------------------------------------------
----------------
Table <table border> </table> Table border either on or off.
border
--------------------------------------------------------------------------------------
----------------
Table <table border="?"> </table> Set width of table border.
border 2
--------------------------------------------------------------------------------------
----------------
Cell <table cellspacing="?"> Places specific amount of space

spacing between cells within table.


--------------------------------------------------------------------------------------
----------------
Cell <table cellpadding="?"> Places specific amount of space
padding between cells border and contents.
--------------------------------------------------------------------------------------
----------------
Desired <table width="?"> Width of table in pixels.
width
--------------------------------------------------------------------------------------
----------------
Width <table width="%"> Width of table in percentage of page.
percentage
--------------------------------------------------------------------------------------
----------------
Table <table bgcolor="#?????"> </table> Overall background
color color of table.
--------------------------------------------------------------------------------------
----------------
Table <table frame="void|above|below Controls how the border
frame hsides|lhs|rhs|vsides|box|border"> around outer edge of
</table> table is displayed.
--------------------------------------------------------------------------------------
----------------
Table <table rules="none|groups| Controls vertical & horizontal
rules rows|cols|all"> </table> lines displayed.
--------------------------------------------------------------------------------------
----------------
Border <table bordercolor="#???"> color of the table border.
color </table>
--------------------------------------------------------------------------------------
----------------
Table row <tr> </tr> table row.
--------------------------------------------------------------------------------------
----------------
Alignment <tr align="left|right|center Alignment of the table row.
middle|bottom">
--------------------------------------------------------------------------------------
----------------
Table cell <td> </td> Specific table cell, must appear within
table rows.

--------------------------------------------------------------------------------------
----------------
Alignment <td align="left|right|center Alignment of table cell.
valign="top|middle|bottom">
--------------------------------------------------------------------------------------
----------------
No line <td nowrap> No line breaks within the table cell.
breaks
--------------------------------------------------------------------------------------
----------------
Columns <td colospan="?"> The number of columns the cell
to span should span.
--------------------------------------------------------------------------------------
----------------
Rows to <td rowspan="?"> The number of rows the cell should
span span.
--------------------------------------------------------------------------------------
----------------
Width <td width="?"> Width of cell in pixels.
--------------------------------------------------------------------------------------
----------------
width in <td width="%"> Width as a percentage of table.
percentage
--------------------------------------------------------------------------------------
----------------
Cell Color <td bgcolor="#???"> Background color of cell.
--------------------------------------------------------------------------------------
----------------
Header cell <th> </th> Table cell header info (bold & centered).
--------------------------------------------------------------------------------------
----------------
Alignment <th align="left|right|center| Alignment of the header
middle|bottom"> cell.
--------------------------------------------------------------------------------------
----------------
No line <th nowrap> No line breaks with the header cell.
breaks
--------------------------------------------------------------------------------------
----------------
Coumn to <th colspan="?"> Number of columns the header cell
span should span.

Rows to <th rowspan="?"> Number of rows the header cell


span should span.
--------------------------------------------------------------------------------------
----------------
Width <th width="?"> Width of header cell in pixels.
--------------------------------------------------------------------------------------
----------------
Width as <th width="%"> Width of header cell as percentage
percentage table.
--------------------------------------------------------------------------------------
----------------
Cell color <th bgcolor="#???"> Background color of cell.
--------------------------------------------------------------------------------------
----------------
Table <tbody> Identifies the specific body section of table.
body
--------------------------------------------------------------------------------------
----------------
Table <tfoot> </tfoot> Seperates group of cells to serve as
footer footer material for the table (must
come before <thead>).
--------------------------------------------------------------------------------------
----------------
Table <thead> </thead> Seprates group of cells to serve as
header header material for table.
--------------------------------------------------------------------------------------
----------------
Table <caption> </caption> Caption for a table.
caption
--------------------------------------------------------------------------------------
----------------
Alignment <caption align="top|bottom| Alignment for the caption
left|right"> of a table.
--------------------------------------------------------------------------------------
----------------
Column <col> </col> Groups column attributes.
--------------------------------------------------------------------------------------
----------------
Column <col width="?"> </col> Column width in pixels.
width

Width as % <col width="%"> </col> Column width as % of table.


--------------------------------------------------------------------------------------
----------------
Group <colgroup> </colgroup> Groups column structure.
columns
--------------------------------------------------------------------------------------
----------------
Group <colgroup width="?"> </colgroup> Width of group in
pixels.
width
--------------------------------------------------------------------------------------
----------------
Group width <colgroup width="%"> </colgroup>
as percent
--------------------------------------------------------------------------------------
----------------
FRAMES
--------------------------------------------------------------------------------------
----------------
Frame <frameset> </frameset> Creates layouts of frames
document instead of <body>.
--------------------------------------------------------------------------------------
----------------
Row <frameset rows=",,,"> </frameset> Comma seperated list
heights of size of each column
in frameset (pixels or %)
--------------------------------------------------------------------------------------
----------------
Column <frameset cols=",,,"> </frameset> Comma seperated list
width of size of each column
in frameset (pixels or %)
--------------------------------------------------------------------------------------
----------------
Borders <frameset framesetborder="yes|no"> If frame has a
</frameset> visible border or not.
--------------------------------------------------------------------------------------
----------------
Border <frameset border="?"> Width of frame border if visible.
width </frameset>

Border <frameset bordercolor="#???"> Color of frame border.


color </frameset>
--------------------------------------------------------------------------------------
----------------
Frame <frameset framespacing="?"> Number of pixels space
spacing </frameset> between frames.
--------------------------------------------------------------------------------------
----------------
Define <frame> Specific contents of an individual frame.
frame
--------------------------------------------------------------------------------------
----------------
Display <frame src="url"> Identifies initial contents of the frame.
document
--------------------------------------------------------------------------------------
----------------
Frame <frame name="?"_blank|_self| Assigns a name to current
name _parent|_top> frame.
--------------------------------------------------------------------------------------
----------------
Margin <frame marginwidth="?"> Distance between content and
width frame's left & right margin.
--------------------------------------------------------------------------------------
----------------
Margin <frame marginheight="?"> Distance between content &
height frame's top & bottom margin.
--------------------------------------------------------------------------------------
----------------
Scroll <frame scrolling="yes|no|auto"> Controls how window is or
bar isn't scrolled.
--------------------------------------------------------------------------------------
----------------
Borders <frame frameborder="yes|no"> Border either on or off.
--------------------------------------------------------------------------------------
----------------
Border <frame bordercolor="#???"> Color of border of frame.
color
--------------------------------------------------------------------------------------
----------------
Unframed <noframes> </noframes> For non-frames browsers.
Content
--------------------------------------------------------------------------------------
----------------
Inline <iframe> </iframe> Inline subwindow, takes same attribute
frame as frame.
--------------------------------------------------------------------------------------
----------------
Dimensions <iframe width="?" height="?"> Width & height of
sub
</iframe> window in pixels.
--------------------------------------------------------------------------------------
----------------
Dimensions <same as above with % added> Subwindow as %
as percentage
--------------------------------------------------------------------------------------
----------------
POSITIONING (netscape only)
--------------------------------------------------------------------------------------
----------------
Multi <multicol cols="?"> </multicol> More than one column.
column
--------------------------------------------------------------------------------------
----------------
Column <multicol gutter="?"> </multicol> Gutter of the column.
gutter
--------------------------------------------------------------------------------------
----------------
Width <multicol width="?"> </multicol> Width of the column.
--------------------------------------------------------------------------------------
----------------
Spacer <spacer> Insertion of space.
--------------------------------------------------------------------------------------
----------------
Spacer <spacer type="horizontal|vertical|block"> Type of space
type inserted.
--------------------------------------------------------------------------------------
----------------
Size <spacer size="?"> Size of spaces inserted.
--------------------------------------------------------------------------------------
----------------
Dimensions <spacer width="?" or height="?">
--------------------------------------------------------------------------------------
----------------
Alignment <spacer align="right|left|center">

--------------------------------------------------------------------------------------
----------------
Layer <layer> </layer> Ability to view pages using precisely
positioned overlapping layers.
--------------------------------------------------------------------------------------
----------------
name <layer id="?"> </layer> Specifies name of layer.
--------------------------------------------------------------------------------------
----------------
Location <layer left="?" or top="?"> Location of layer.
</layer>
--------------------------------------------------------------------------------------
----------------
visible <layer visibility="show|hidden|inherit"> Visibility of layer.
</layer>
--------------------------------------------------------------------------------------
----------------
color <layer bgcolor="#???"> </layer> Background color of layer.
--------------------------------------------------------------------------------------
----------------
Inline <ilayer> </ilayer> A layer within a layer (take same attrib.
layer as layer).

Das könnte Ihnen auch gefallen