Homepage PERAUGYMNASIUM VILLACH ARCHIV • SCHULHOMEPAGE 1997 - 2014    Translation

Ausdrucken!
HTML-Befehle  
Eine Auswahl für Einsteiger

1) <HTML> <HEAD>..</head> <BODY>..</body></html> Grundgerüst einer HTML-Seite
2) <head> <TITLE> Exkursion </TITLE> </head> Seitentitel (Text in der Titelzeile)
3) <BODY bgcolor=#ffff00 background=kariert.gif>
<BODY text=#000033 link=#000099 vlink=#000099>
Hintergrundfarbe, -bild
Farbe für Text, Link, visited Link
4) <BR> (break), <P> (paragraph), <HR> (horizontal rule) neue Zeile, Absatz, Trennlinie
5) <CENTER> , <P ALIGN=center> zentriert
6) <B> =bold, <U> =underlined, <I> =italic
<FONT FACE=ARIAL SIZE=4 COLOR=#cc0000>
fett, unterstrichen, kursiv
Schriftart, Schriftgröße, Farbe
7) <UL> , <OL> ; <LI> [Un]Ordered List; Listeneintrag
8) <A HREF = berichte/seite02.htm> Seite 2 </A>
<A HREF = HTTP://www.orf.at> ORF </A>
Verweis auf "seite02.htm"
Verweis auf eine externe Seite
9) <IMG SRC=bild.gif ALIGN=right HSPACE=10>
<EMBED=ton1.wav AUTOSTART=true LOOP=true>
<EMBED=video1.avi WIDTH=200 HEIGHT=150>
Bild, Ausrichtung, horiz. Abstand
Tondatei autom. starten, endlos
Video Breite 200px, Höhe 150px
10)
a)
<TABLE width=630 BORDER=1>
<TR> <TD> Text1 </TD> <TD> Text2 </TD> </TR>
</TABLE>
Tabelle, Breite 640 px, Rand
Zeile mit zwei Spalten
b) <TABLE border=1 CELLPADDING=5>
<TR> <TD colspan=2> Überschrift </TD> </TR>
<TR> <TD> Text1 </TD> <TD> Text2 </TD> </TR>
</TABLE>
Innenabstand zum Rand = 5 px
Zeile mit 2 verbundenen Zellen
Zeile mit zwei Spalten
c) <TABLE border=0 CELLSPACING=0 cellpadding=1>
<TR> <TD rowspan=2> Text Text Text </TD>
          <TD> <img src=bild.jpg> </TD> </TR>
<TR> <TD align=center> Kommentar <TD> </TR>
</TABLE>
Abstand zwischen Zellen = 0
1. Spalte geht über 2 Zeilen
2. Spalte enthält ein Bild
Kommentar genau unter dem Bild
11) <LINK rel=stylesheet type=text/css href=meinstil.css>
<td CLASS=linkzeile>
Einbeziehung einer Stil-Datei
Tabellenzelle mit einem Stil
12) BODY { background-color:#f0fff0; }
TD {font-family:arial; font-size:11pt; color:#003300;}
.LINKZEILE {font-size:10pt; text-align:center;}
Beispielzeilen aus meinstil.css
13) <FRAMESET cols="150,*" border=0>
    <FRAME SRC="auswahl.htm" name="menu">
    <FRAME SRC="seite01.htm" name="info">
</FRAMESET>
Spalte 1: 150px, Spalte 2: Rest
Spalte 1 zeigt auswahl.htm
Spalte 2 heißt "info"zeigt seite01.htm
14) <div style="text-align:center; padding:10px;
border:thin solid blue; margin:20px"> ........ </div>
Block; kann wunschgemäß
mittels CSS formatiert werden
15) <META NAME="robots" CONTENT="index,follow">
<META NAME="description" CONTENT="Angaben">
Suchmaschine soll indizieren
Angaben beim Suchergebnis

SH, 11.8.2001; akt. 23.3.2005
www.peraugym.at/html