HTML Befehle / Howto / Beginnings

Geschrieben von Markus Klimek

Text Formatierung:

1. Kommentare: <! Text >
2. Überschrift: <h1>Überschrift</h1> (Priorität 1-6)
3. Zeilenumbruch: <br>
4. Zeilenumbruch verhindern: <nobr>text</nobr>
5. Nicht umbrechbares Leerzeichen: &nbsp;
6. Wortbruch erlauben: <wbr>
7. Kursiver Text: <i>text</i>
8. Fett <b>text</b>, oder <strong>text</strong>
9. Text durchstreichen: <del> text >/del>
10. Text unterstreichen: <ins> text </ins>
11. Text von rechts nach links ausrichten: <bdo dir="rtl"> text </bdo>
12. Ausrichtung: < h1 align="center/left/right"> text </h1>
13. Ä = &auml;
14. Absatz: <p>text</p>
15. Vorformatierter Text: <pre>text</pre>
16. Festgelegte Breite einer Zeile: <pre width="80">
17. Formatierung: <font size="1">Ziemlich winziger Text</font>
<font color="#FF0000">Knallroter Text</font>
<font face="Avalon,Wide Latin">Das ist Text in Schriftart Avalon, oder, falls Avalon nicht darstellbar, in Wide Latin</font>
18. Verweise: <a href="http://www.heise.de">Heise</a> Webseite
<a href=seite4.php target="4">Startseite = Verweis auf das Framefenster 4

19. Seite im neuem Fenster öffnen: <a href="http://www.heise.de" target="_blank">Heise </a> Webseite
20. Bild darstellen: <img src="/logo.gif"> wenn das Bild sich im gleichem Verzeichnis befindet wie die Seite
- <img src="c:/logo.gif"> wenn das Bild woanders ist
- <img src="/logo.gif"alt="logo"> Bezeichnung für das Bild
- <img src="/logo.gif" width="368" height="200" alt="logo"> Höhe und Breite
einer Grafik
- border="4" Rahmen über einem bild
- name="Baumbild" Dem Bild wird ein Name zugewiesen

21. Farben:

<body bgcolor="#808080"> !-- dunkelgrauer Dateihintergrund -->
<table bgcolor="#00C0C0"> !-- blaugrüner Tabellenhintergrund -->
<hr color="#CC00CC"> !-- violette Trennlinie -->

bzw

<body bgcolor="black"> <!-- schwarzer Dateihintergrund -->
<table bgcolor="aqua"> <!-- hellblauer Tabellenhintergrund -->
<hr color="red"> <!-- rote Trennlinie -->

Mit text= definieren Sie eine Farbe für den Text.
Mit link= definieren Sie eine Farbe für Verweise zu noch nicht besuchten Dateien (link = Verweis).
Mit vlink= definieren Sie eine Farbe für Verweise zu bereits besuchten Dateien (vlink = visited link = besuchter Verweis).
Mit alink= definieren Sie eine Farbe für Verweise, die der Anwender gerade anklickt (alink = activated link = aktivierter Verweis).

22. Tabellen:

1. <table border="1"> Rahmen wird definiert, wert 0 gibt eine unsichtbare Tabelle an
2. <tr> text </tr> Tabellenzeile ( waagerechte Linie )
3.<th> text </th> Kopfzelle (dick)
4. <td>............. leitet eine Datenzelle ein
5. Notation <td>&#160;</td> für leere Tabellenzellen aus

23. Spalten: damit beim Laden die Grösse der Tabelle bereits bekannt ist

<colgroup> eine Vordefinition der Spalte
z.B.: <table border="1">
<colgroup>
<col width="80"> die Breite wird definiert
<col width="100">
<col width="320">
</colgroup>

z.B.: <colgroup span=“3“> spannen

z.B.: <table border="1" width="100%">
<colgroup>
<col width="4*">
<col width="2*">
<col width="1*">
</colgroup>

- Tabellenkopf: <thead> ... </thead>
- Tabellenfuss: <tfoot> ... </tfoot>
- Tabellenkörper: <tbody> ... <tbody>

cellpadding="0" und cellspacing="0" = für flüssige Farbübergänge

24. Frames:

- bei Frame Dateien gibt es kein <body>

- hinter <head> einfügen nicht im <body>

Frameset:

Syntax: z. B.:<frameset rows="20%,80%"> /! Rows=Reihen 2 Spalten untereinander
<frame src="/verweise.htm" name="Navigation">

<frameset rows=100,*,100> 3 Spalten untereinander

<frameset cols="200,*"> 2 reihen /! Cols=teilen

25. noframe: Bereiche als Alternative für Browser, die keine Frames anzeigen können

<noframes>
<h1>Willkommen!</h1>
<p>Dieses Projekt verwendet Frames. Bei Ihnen werden keine Frames angezeigt.</p>
<p>W&auml;hlen Sie einen der Verweise aus:<br>
<a href="/startseite2.htm"><b>Startseite</b></a><br>

26. Buttonverweis:

<a href="/datei.html">
<img src="/logo.gif" width="100" height="25" alt="Button" border="0">
</a>

27. Hintergrundbild:

<body background="hintergrund.jpg" text="#000000">

28. Vorschau für Bilder:

<a href="/bild.jpg" target="_blank">
<img src="/minibild.jpg" width="100" height="80" alt="Vorschau" border="1">
</a>

29. Navigation von frames:

Scrollen:

<frame src="/verweise.htm" name="Navigation" scrolling="no">
<frame src="/startseite.htm" name="Daten" scrolling="yes">

Abstände zwischen Fensterrad und Inhalt:

<frame src="/1.html" name="verweise" scrolling="yes" marginwidth="300" marginheight="300">

Frame Fenster kann nicht verändert werden:

<frame src="/verweise.htm" name="Navigation" scrolling="no" noresize>

Unsichtbare Rahmen:

<frameset cols="250,*" frameborder="0" framespacing="0" border="0">

Farbige Fensterrahmen:

<frameset cols="250,*" bordercolor="#FFFF00">

30. Formular: <form>...</form>
z.B.: <form action="mailto:eierschale@irgend.wo" method="post" enctype="text/plain">

method="get" - Daten des ausgefüllten Formulars als Parameter an die Aufrufadresse angehängt, verwenden z. B. für eine Suche

method="post" - Daten des augefüllten Formulars vom Web-Server über den Standardeingabekanal zur Verfügung gestellt

<form>-Tag enctype="text/plain" mit angeben um eine formatierte Ausgabe der daten zu erhalten

31. PasswortFeld: <input name="kennwort" type="password" size="12" maxlength="12">

31. Weiterleitung automatische:
<head>
<meta http-equiv="refresh" content="5; URL=http://selfhtml.teamone.de/">
<!-- ... andere Angaben im Dateikopf ... -->
</head>

 




Kategorie:
Wir verwenden Cookies, um Ihre Erfahrung auf dieser Website zu optimieren und Ihnen Dienstleistungen und Kommunikation anzubieten, die auf Ihre Interessen zugeschnitten sind. Durch die weitere Nutzung unserer Website oder mit dem Klick auf “Akzeptieren” stimmen Sie der Verwendung dieser Cookies zu. Detaillierte Informationen und wie Sie der Verwendung von Cookies jederzeit widersprechen können, finden Sie in unserer Datenschutzerklärung.