Zur Hauptseite der Uni Mainz Zur

Hauptseite des Fachbereiches Zur Hauptseite der

Computeranlagen Zur Hauptseite der Vorlesung

Telekommunikation>

Anhang C: HTML zum Nachschlagen

[1]

Frank Krüger, M.A.
Fachbereich 23, Johannes Gutenberg-Universität Mainz
Sprechstunde: Donnerstags 11-12 Uhr
e-mail: krueger@nfask2.fask.uni-mainz.de

Gliederung

  1. HTML-Sprachelemente zum Nachschlagen

siehe auch:


HTML-Sprachelemente zum Nachschlagen

1 T H E B A R E B O N E S G U I D E T O H T M L

Zusammengestellt von:
Kevin Werbach
<barebones@werbach.com>
Version 3.0 -- July 21, 1996
Bearbeitete Kopie der URL: http://www.werbach.com/bbg

1.1 SYMBOLS USED

URL

URL of an external file (or just file name if in the same directory)
?
Arbitrary number (i.e. <H?> means <H1>, <H2>, <H3>, etc.)
%
Arbitrary percentage (i.e. <HR WIDTH=%> means <HR WIDTH=50%>, etc.)
***
Arbitrary text (i.e. ALT= "***" means fill in with text)
$$$$$$
Arbitrary hex (i.e. BGCOLOR= "#$$$$$$" means BGCOLOR= "#00FF1C", etc.)
,,,
Comma-delimited (i.e. COORDS= ",,," means COORDS= "0,0,50,50", etc.)

Alternatives (i.e. ALIGN=LEFT | RIGHT | CENTER means pick one of these)
(remember, HTML is evolving and browser implementations vary)


(no notation) In the HTML 3.2 spec.; should work on all browsers

N1.0
Netscape extension introduced with Navigator version 1.0
N1.1
Netscape extension introduced with Navigator version 1.1
N2.0
Netscape extension introduced with Navigator version 2.0
N3.0
HTML 3.0 tag implemented by Netscape or other major browsers
+
This Netscape extension is supported by most other major browsers

1.2 Basic Elements

(all HTML documents should have these)


Document Type

<HTML> </HTML>
(beginning and end of file)

Title
<TITLE> </TITLE>
(must be in header)

Header
<HEAD> </HEAD>
(descriptive info, such as title)

Body
<BODY> </BODY>
(bulk of the page)

1.3 STRUCTURAL DEFINITION

(appearance controlled by the browser's preferences)


Heading

<H?> </H?>
(the spec. defines 6 levels)
3.0
Align Heading
<H? ALIGN=LEFT | CENTER | RIGHT> </H?>

3.0
Division
<DIV> </DIV>

3.0
Align Division
<DIV ALIGN=LEFT | RIGHT | CENTER | JUSTIFY> </DIV>


Block Quote
<BLOCKQUOTE> </BLOCKQUOTE>
(usually indented)

Emphasis
<EM> </EM>
(usually displayed as italic)

Strong Emphasis
<STRONG> </STRONG>
(usually displayed as bold)

Citation
<CITE> </CITE>
(usually italics)

Code
<CODE> </CODE>
(for source code listings)

Sample Output
<SAMP> </SAMP>


Keyboard Input
<KBD> </KBD>


Variable
<VAR> </VAR>


Definition
<DFN> </DFN>
(not widely implemented)

Author's Address
<ADDRESS> </ADDRESS>

3.0
Large Font Size
<BIG> </BIG>

3.0
Small Font Size
<SMALL> </SMALL>

1.4 PRESENTATION FORMATTING

(author specifies text appearance)


Bold

<B> </B>


Italic
<I> </I>

3.0
Underline
<U> </U>
(not widely implemented yet)
3.0
Strikeout
<S> </S>
(not widely implemented yet)
3.0
Subscript
<SUB> </SUB>

3.0
Superscript
<SUP> </SUP>


Typewriter
<TT> </TT>
(displays in a monospaced font)

Preformatted
<PRE> </PRE>
(display text spacing as-is)

Width
<PRE WIDTH= ?> </PRE>
(in characters)
N1.0+
Center
<CENTER> </CENTER>
(for both text and images)
N1.0
Blinking
<BLINK> </BLINK>
(the most derided tag ever)
N1.0
Font Size
<FONT SIZE= ?> </FONT>
(ranges from 1-7)
N1.0
Change Font Size
<FONT SIZE=+ | -?> </FONT>

N1.0
Base Font Size
<BASEFONT SIZE= ?>
(from 1-7; default is 3)
N2.0
Font Color
<FONT COLOR= "#$$$$$$"> </FONT>

N3.0
Select Font
<FONT FACE= "***"></FONT>

N3.0
Multi-Column Text
<MULTICOL COLS= ?></MULTICOL>

N3.0
Column Gutter
<MULTICOL GUTTER= ?></MULTICOL>
(default is 10 pixels)
N3.0
Column Width
<MULTICOL WIDTH= ?></MULTICOL>

N3.0
Spacer
<SPACER>

N3.0
Spacer Type
<SPACER TYPE=horizontal| vertical|block>

N3.0
Spacer Size
<SPACER SIZE= ?>

N3.0
Spacer Dimensions
<SPACER WIDTH= ? HEIGHT= ?>

N3.0
Spacer Alignment
<SPACER ALIGN=left|right|center>

1.5 LINKS AND GRAPHICS


Link Something

<A HREF= "URL"> </A>


Link to Target
<A HREF= "URL#*"></A>

<A HREF= "#***"> </A>

(if in another document)

(if in current document)

N2.0
Target Window
<A HREF= "URL" TARGET= "***"> </A>


Define Target
<A NAME= "***"> </A>


Display Image
<IMG SRC= "URL">


Alignment
<IMG SRC= "URL" ALIGN=TOP | BOTTOM | MIDDLE>

N1.0
Alignment
<IMG SRC= "URL" ALIGN= LEFT | RIGHT | TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM>


Alternate
<IMG SRC= "URL" ALT= "***">
(if image not displayed)

Imagemap
<IMG SRC= "URL" ISMAP>
(requires a script)
N2.0
Imagemap
<IMG SRC= "URL" USEMAP= "URL">

N2.0
Map
<MAP NAME= "***"> </MAP>
(describes the map)
N2.0
Section
<AREA SHAPE= "RECT" COORDS= ",,," HREF= "URL" | NOHREF>

3.0
Dimensions
<IMG SRC= "URL" WIDTH= "?" HEIGHT= "?">
(in pixels)
N1.0
Border
<IMG SRC= "URL" BORDER= ?>
(in pixels)
N1.0
Runaround Space
<IMG SRC= "URL" HSPACE= ? VSPACE= ?>
(in pixels)
N1.0
Low-Res Proxy
<IMG SRC= "URL" LOWSRC= "URL">

N1.1
Client Pull
<META HTTP-EQUIV= "Refresh" CONTENT= "?; URL=URL">

N2.0
Embed Object
<EMBED SRC= "URL">
(insert object into page)
N2.0
Object Size
<EMBED SRC= "URL" WIDTH= "?" HEIGHT= "?">

1.6 DIVIDERS


Paragraph

<P>
(usually a double return)
3.0
Paragraph
<P> </P>
(redefined as a container tag)
3.0
Align Text
<P ALIGN=LEFT | CENTER | RIGHT> </P>


Line Break
<BR>
(a single carriage return)
N1.0
Clear Textwrap
<BR CLEAR=LEFT | RIGHT | ALL>


Horizontal Rule
<HR>

N1.0
Alignment
<HR ALIGN=LEFT | RIGHT | CENTER>

N1.0
Thickness
<HR SIZE= ?>
(in pixels)
N1.0
Width
<HR WIDTH= ?>
(in pixels)
N1.0
Width Percent
<HR WIDTH=%>
(as a percentage of page width)
N1.0
Solid Line
<HR NOSHADE>
(without the 3D cutout look)
N1.0
No Break
<NOBR> </NOBR>
(prevents line breaks)
N1.0
Word Break
<WBR>
(where to break a line if needed)

1.7 LISTS

(lists can be nested)

Unordered List

<UL> <LI> </UL>
(<LI> before each list item)
N1.0
Bullet Type
<UL TYPE=DISC | CIRCLE | SQUARE>
(for the whole list)


<LI TYPE=DISC | CIRCLE | SQUARE>
(this & subsequent)

Ordered List
<OL> <LI> </OL>
(<LI> before each item)
N1.0
Numbering Type
<OL TYPE=A | a | I | i | 1>
(for the whole list)


<LI TYPE=A | a | I | i | 1>
(this & subsequent)
N1.0
Starting Number
<OL VALUE= ?>
(for the whole list)


<LI VALUE= ?>
(this & subsequent)

Definition List
<DL> <DT> <DD> </DL>
(<DT>=term, <DD>=definition)

Menu List
<MENU> <LI> </MENU>
(<LI> before each list item)

Directory List
<DIR> <LI> </DIR>
(<LI> before each list item)

1.8 BACKGROUNDS AND COLORS

3.0

Tiled Bkground
<BODY BACKGROUND= "URL">

N1.1+
Bkground Color
<BODY BGCOLOR= "#$$$$$$"> (order is red/green/blue)

N1.1+
Text Color
<BODY TEXT= "#$$$$$$">

N1.1+
Link Color
<BODY LINK= "#$$$$$$">

N1.1+
Visited Link
<BODY VLINK= "#$$$$$$">

N1.1
Active Link
<BODY ALINK= "#$$$$$$">

(More info at <http://werbach.com/web/wwwhelp.html#color>)

Hinweis: Zu der Sektion SPECIAL CHARACTERS
siehe
HTML-Entitäten für Sonderzeichen, Abschnitt 2a)

1.9 FORMS

(generally require a script on your server)


Define Form

<FORM ACTION= "URL" METHOD=GET | POST> </FORM>

N2.0
File Upload
<FORM ENCTYPE= "multipart/ form-data> </FORM>


Input Field
<INPUT TYPE= "TEXT | PASSWORD | RADIO | CHECKBOX | IMAGE | HIDDEN | SUBMIT | RESET">


Field Name
<INPUT NAME= "***">


Field Value
<INPUT VALUE= "***">


Checked?
<INPUT CHECKED>
(checkboxes and radio boxes)

Field Size
<INPUT SIZE= ?>
(in characters)

Max Length
<INPUT MAXLENGTH= ?>
(in characters)

Selection List
<SELECT> </SELECT>


Name of List
<SELECT NAME= "***"> </SELECT>


# of Options
<SELECT SIZE= ?> </SELECT>


Multiple Choice
<SELECT MULTIPLE>
(can select more than one)

Option
<OPTION>
(items that can be selected)

Default Option
<OPTION SELECTED>


Input Box Size
<TEXTAREA ROWS= ? COLS= ?> </TEXTAREA>


Name of Box
<TEXTAREA NAME= "***"> </TEXTAREA>

N2.0
Wrap Text
<TEXTAREA WRAP=OFF | VIRTUAL | PHYSICAL> </TEXTAREA>

1.10 TABLES

3.0

Define Table
<TABLE> </TABLE>

3.0
Table Border
<TABLE BORDER> </TABLE>
(either on or off)
N1.1
Table Border
<TABLE BORDER= ?> </TABLE>
(you can set the value)
N1.1
Cell Spacing
<TABLE CELLSPACING= ?>

N1.1
Cell Padding
<TABLE CELLPADDING= ?>

N1.1
Desired Width
<TABLE WIDTH= ?>
(in pixels)
N1.1
Width Percent
<TABLE WIDTH=%>
(percentage of page)
3.0
Table Row
<TR> </TR>

3.0
Alignment
<TR ALIGN=LEFT | RIGHT | CENTER VALIGN=TOP | MIDDLE | BOTTOM>

3.0
Table Cell
<TD> </TD>
(must appear within table rows)
3.0
Alignment
<TD ALIGN=LEFT | RIGHT | CENTER VALIGN=TOP | MIDDLE | BOTTOM>

3.0
No linebreaks
<TD NOWRAP>

3.0
Columns to Span
<TD COLSPAN= ?>

3.0
Rows to Span
<TD ROWSPAN= ?>

N1.1
Desired Width
<TD WIDTH= ?>
(in pixels)
N1.1
Width Percent
<TD WIDTH=%>
(percentage of table)
N3.0
Cell Color
<TD BGCOLOR= "#$$$$$$">

3.0
Table Header
<TH> </TH>
(same as data, except bold centered)
3.0
Alignment
<TH ALIGN=LEFT | RIGHT | CENTER VALIGN= TOP | MIDDLE | BOTTOM>

3.0
No Linebreaks
<TH NOWRAP>

3.0
Columns to Span
<TH COLSPAN= ?>

3.0
Rows to Span
<TH ROWSPAN= ?>

N1.1
Desired Width
<TH WIDTH= ?>
(in pixels)
N1.1
Width Percent
<TH WIDTH=%>
(percentage of table)
N3.0
Cell Color
<TH BGCOLOR= "#$$$$$$">

3.0
Table Caption
<CAPTION> </CAPTION>

3.0
Alignment
<CAPTION ALIGN=TOP | BOTTOM>
(above/below table)

1.11 FRAMES

(define and manipulate specific regions of the screen)

N2.0

Frame Document
<FRAMESET> </FRAMESET>
(instead of <BODY>)
N2.0
Row Heights
<FRAMESET ROWS=,,,> </FRAMESET>
(pixels or %)
N2.0
Row Heights
<FRAMESET ROWS=*> </FRAMESET>
(* = relative size)
N2.0
Column Widths
<FRAMESET COLS=,,,> </FRAMESET>
(pixels or %)
N2.0
Column Widths
<FRAMESET COLS=*> </FRAMESET>
(* = relative size)
N3.0
Border Width
<FRAMESET BORDER= ?>

N3.0
Borders
<FRAMESET FRAMEBORDER= "yes|no">

N3.0
Border Color
<FRAMESET BORDERCOLOR= "#$$$$$$">

N2.0
Define Frame
<FRAME>
(contents of frame)
N2.0
Display Document
<FRAME SRC= "URL">

N2.0
Frame Name
<FRAME NAME= "***" | _blank | _self | _parent | _top>

N2.0
Margin Width
<FRAME MARGINWIDTH= ?>
(left and right margins)
N2.0
Margin Height
<FRAME MARGINHEIGHT= ?>
(top/bottom margins)
N2.0
Scrollbar?
<FRAME SCROLLING= "YES | NO | AUTO">

N2.0
Not Resizable
<FRAME NORESIZE>

N2.0
Unframed Content
<NOFRAMES> </NOFRAMES>
(for non-frames brow.)

1.12 JAVA


Applet

<APPLET></APPLET>


Applet File Name
<APPLET CODE= "***">


Parameters
<APPLET PARAM NAME= "***">


Applet Location
<APPLET CODEBASE= "URL">


Applet Identifier
<APPLET NAME= "***">
(for references elsewhere in the page)

Alternative Text
<APPLET ALT= "***">
(for non-Java browsers)

Alignment
<APPLET ALIGN= "LEFT|RIGHT|CENTER">


Size
<APPLET WIDTH= ? HEIGHT= ?>
(in pixels)

Spacing
<APPLET HSPACE= ? VSPACE= ?>
(in pixels)

1.13 MISCELLANEOUS


Comment

<!-- *** -->
(not displayed by browser)
3.2
Prologue
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">


Searchable
<ISINDEX>
(indicates a searchable index)
N1.0
Prompt
<ISINDEX PROMPT= "***">
(text to prompt input)

Send Search
<A HREF= "URL?***"> </a>
(use a real question mark)

URL of This File >
<BASE HREF= "URL"
(must be in header)
N2.0
Base Window Name
<BASE TARGET = "***">
(must be in header)

Relationship
<LINK REV= "***" REL= "***" HREF= "URL">
(in header)

Meta Information
<META>
(must be in header)

Style Sheets
<STYLE></STYLE>
(not yet widely supported)

Scripts
<SCRIPT></SCRIPT>
(not yet widely supported)

Copyright (c) 1995, 1996 Kevin Werbach. Noncommercial redistribution is permitted.

2 Sonderzeichen (Entitäten)

2.1 Standardzeichen mit spezieller HTML-Funktion

Entität

Bedeutung
Code
Zeichen
&quot;
quotation mark
&#34;
"
&amp;
ampersand
&#38;
&
&lt;
less-than sign
&#60;
<
&gt;
greater-than sign
&#62;
>

2.2 Typographische und mathematische Sonderzeichen

Entität

Bedeutung
Z.
Code
&nbsp;
non-breaking space

&#160;
&iexcl;
inverted exclamation mark
[exclamdown]
&#161;
&cent;
cent sign
cents
&#162;
&pound;
pound sign
[sterling]
&#163;
&curren;
currency sign
[currency]
&#164;
&yen;
yen sign
[yen]
&#165;
&brvbar;
broken vertical bar
|
&#166;
&sect;
section sign
SS
&#167;
&uml;
spacing diaresis
[dieresis]
&#168;
&copy;
copyright sign
(c)
&#169;
&ordf;
feminine ordinal indicator
ª
&#170;
&laquo;
angle quotation mark, left
<<
&#171;
&not;
negation sign
~
&#172;
&shy;
soft hyphen
-
&#173;
&reg;
circled R registered sign
®
&#174;
&hibar;
spacing macron
[macron]
&#175;
&deg;
degree sign
deg.
&#176;
&plusmn;
plus-or-minus sign
+/-
&#177;
&sup2;
superscript 2
2
&#178;
&sup3;
superscript 3
3
&#179;
&acute;
spacing acute
'
&#180;
&micro;
micro sign
u
&#181;
&para;
paragraph sign
|P
&#182;
&middot;
middle dot
.
&#183;
&cedil;
spacing cedilla
[cedilla]
&#184;
&sup1;
superscript 1
1
&#185;
&ordm;
masculine ordinal indicator
º
&#186;
&raquo;
angle quotation mark, right
>>
&#187;
&frac14;
fraction 1/4
[pi]
&#188;
&frac12;
fraction 1/2
[Pi]
&#189;
&frac34;
fraction 3/4
<=
&#190;

2.3 Westeuropäische nationale Sonderzeichen
(ISO 8859-1)

Entität

Bedeutung
Z.
Code
&Eacute;
capital E, acute accent
É
&#201;
&Ecirc;
capital E, cir-cumflex accent
Ê
&#202;
&Euml;
capital E, dieresis or umlaut mark
Ë
&#203;
&Igrave;
capital I, grave accent
Ì
&#204;
&Iacute;
capital I, acute accent
Í
&#205;
&Icirc;
capital I, circumflex accent
Î
&#206;
&Iuml;
capital I, dieresis or umlaut mark
Ï
&#207;
&ETH;
capital Eth, Icelandic
<
&#208;
&Ntilde;
capital N, tilde
Ñ
&#209;
&Ograve;
capital O, grave accent
Ò
&#210;
&Oacute;
capital O, acute accent
Ó
&#211;
&Ocirc;
capital O, cir-cumflex accent
Ô
&#212;
&Otilde;
capital O, tilde
[Otilde]
&#213;
&Ouml;
capital O, dieresis or umlaut mark
Ö
&#214;
&times;
multipl. sign
x
&#215;
&Oslash;
capital O, slash
Ø
&#216;
&Ugrave;
capital U, grave accent
Ù
&#217;
&Uacute;
capital U, acute accent
Ú
&#218;
&Ucirc;
capital U, cir-cumflex accent
Û
&#219;
&Uuml;
capital U, dieresis or umlaut mark
Ü
&#220;
&Yacute;
capital Y, acute accent
+
&#221;
&THORN;
capital THORN, Icelandic
fi
&#222;
&szlig;
small sharp s, German (sz ligature)
ß
&#223;
&agrave;
small a, grave accent
à
&#224;
&aacute;
small a, acute accent
á
&#225;
&acirc;
small a, circumflex accent
â
&#226;
&atilde;
small a, tilde
ã
&#227;
&auml;
small a, dieresis or umlaut mark
ä
&#228;
&aring;
small a, ring
å
&#229;
&aelig;
small ae diphthong (ligature)
æ
&#230;
&ccedil;
small c, cedilla
ç
&#231;
&egrave;
small e, grave accent
è
&#232;
&eacute;
small e, acute accent
é
&#233;
&ecirc;
small e, circumflex accent
ê
&#234;
&euml;
small e, dieresis or umlaut mark
ë
&#235;
&igrave;
small i, grave accent
ì
&#236;
&iacute;
small i, acute accent
í
&#237;
&icirc;
small i, cir-cumflex accent
î
&#238;
&iuml;
small i, dieresis or umlaut mark
ï
&#239;
&eth;
small eth, Icelandic
>
&#240;
&ntilde;
small n, tilde
ñ
&#241;
&ograve;
small o, grave accent
ò
&#242;
&oacute;
small o, acute accent
ó
&#243;
&ocirc;
small o, cir-cumflex accent
ô
&#244;
&otilde;
small o, tilde
õ
&#245;
&ouml;
small o, dieresis or umlaut mark
ö
&#246;
&divide;
division sign
/
&#247;
&oslash;
small o, slash
ø
&#248;
&ugrave;
small u, grave accent
ù
&#249;
&uacute;
small u, acute accent
ú
&#250;
&ucirc;
small u, cir-cumflex accent
û
&#251;
&uuml;
small u, dieresis or umlaut mark
ü
&#252;
&yacute;
small y, acute accent
[daggerdbl]
&#253;
&thorn;
small thorn, Icelandic
fl
&#254;
&yuml;
small y, dieresis or umlaut mark
ÿ
&#255;

Zur Hauptseite der Uni Mainz Zur

Hauptseite des Fachbereiches Zur Hauptseite der

Computeranlagen Zur Hauptseite der Vorlesung

Telekommunikation Zur Inhaltsübersicht

Die URL-Adresse dieser Seite ist: http://www.fask.uni-mainz.de/cafl/kurse/komm/komm-c0.html

Erstellt und bearbeitet von F. Krüger im Rahmen der Vorlesung Telekommunikation.

[1]

Dieses Dokument ist auch in anderen Dateiformaten verfügbar!