Werner's  --- 

HTML Befehle

Aufbau der HTML-Befehle.
Kontakt
Absätze
<p></p> bildet einen Absatz (engl. paragraph)
<br/> Umbruch – Text geht in nächster Zeile weiter
(bei Nutzung von HTML5-DOYTYPE auch <br> in Ordnung)
Überschriften
<h1> </h1> Überschrift, die Zahl gibt den Rang an (1 am wichtigsten)
es gibt <h1>, <h2>, <h3>, <h4>, <h5> und <h6>
Hervorhebungen im Text
<b> </b> fette Schrift (HTML5: stilistisch hervorgehoben)
<strong> </strong> fett hervorgehoben (logisch) (HTML5:
Text ist wichtig)
<i> </i> kursiv (schräg gestellt) (HTML5: z.B. Gedanken,
veränderte Stimmlage)
<em> </em> betonen von Text (kursiv dargestellt)
<sup> </sup> hochgestellter Text
<sub> </sub> tiefgestellter Text
Trennlinie
<hr /> Trennlinie ziehen
Aufzählungen und Listen
Auflistung mit Spiegelstrichen
<ul> Start einer Aufzählung
<li> </li> Aufzählungspunkt
<li> </li> nächster Aufzählungspunkt
</ul> Ende einer Aufzählung
Nummerierte Auflistung
<ol> Aufzählungen mit Nummerierung
<li> </li> Aufzählungspunkt
<li> </li> nächster Aufzählungspunkt
</ol> Ende der Aufzählungen
Abschnitt für CSS-Definitionen
<style> </style> CSS-Definition in HTML-Datei (siehe auch CSS-Seite)
Bereiche ohne vordefinierte logische Struktur
<div> </div> Bereich festlegen (Blockelement)
<span> </span> Bereich innerhalb Zeile festlegen (Inline-Element)
Klasse/ID einfügen für Verknüpfung mit CSS
Die Attribute class und id können bei jedem HTML-Befehl genutzt werden. Sehr oft werden diese gerne bei <div> und <span> genutzt.
Die eigentliche Stärke von Klassen und IDs siehe CSS - Seite.
<span class="klassenname"> Damit kann man über CSS das Design für den gewählten Bereich beeinflussen kann!
<span id="idname"> wie der class-Befehl, aber der ID-Name darf pro HTML-Einzelseite nur ein Mal vorkommen
(siehe auch CSS-Befehle)
Verlinkung
<a href="ziel">Ausgabe auf Bildschirm</a>
Interne Links: Link zur „zielseite“ – nur der Dateiname der
HTML-Seite, z.B. „preise.htm“, „index.htm“ etc.
Bsp.: <a href="preise.htm">Meine Preisliste</a>
Externer Link mit voller URL, z.B. http://www.seminar.de
Bsp.: <a href="http://www.seminar.de/">Tutorial</a>
Link auf ein Bild statt einer HTML-Seite wird ein Bild angegeben.
Bsp.: <a href="bild.jpg">Text Link (Bild)</a>
Mail als Link: statt einer HTML-Seite wird ein Mail-Adresse mit mailto: angegeben.
Bsp: <a href="mailto:luky@luck.ent">Mail an Luky</a>
Grafiken
<img src="bild.jpg" width="…" height="…" alt="…" title="…" />
Bild, in src wird der Dateiname angegeben und wo das Bild auf dem Server liegt Breite und Höhe sollten angegeben werden.
siehe auch: http://www.html-seminar.de/grafiken.htm
Tabellen
<table border="1">

<thead>
<tr>
<th>
<th>
</tr>
</thead>

<tfoot>
<tr>
<td> Fuß Z1 </td>
<td> Fuß Z2 </td>
</tr>
</tfoot>

<tbody>
<tr>
<td> Zelle 11 </td>
<td> Zelle 12 </td>
</tr>
<tr>
<td> Zelle 21 </td>
<td> Zelle 22 </td>
</tr>
/tbody>

</table>
Beginn einer Tabelle (zum Test border=“1“setzen)

Bereich für den Kopf beginnt
die erste Reihe für die Kopfzeile
Überschrift</th>erste Zelle für die Kopfzeile
Ü.Spalte 2</th> Überschrift für zweite Spalte
erste Reihe für Überschriften beenden
Bereich für Kopf zu Ende

Bereich für die Fußzeile (kommt immer vor Inhalt!)
Beginn der Reihe für Fußzeile
Zellen-Anfang, Inhalt Fußzeile 1, Zell-Ende
Zellen-Anfang, Inhalt Fußzeile 2, Zell-Ende
Ender der Reihe für die Fußzeile
Bereich für Fuß zu Ende

Bereich für Inhalt beginnt
hier fängt die erste Reihe mit Inhalt an
hier fängt die erste Zelle an.
hier fängt die zweite Zelle an.
erste Reihe mit Inhalt beenden.
nächste Reihe mit Inhalt
erste Zelle, zweite Reihe
zweite Zelle, zweite Reihe
zweite Reihe mit Inhalt beenden..usw.
Bereich für Inhalt zu Ende

Tabelle beenden.
Struktur einer HTML Seite
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Titel der Seite</title>
<meta name="description" content="Beschreibung des Inhalts (160 Zeichen)" /> <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>
<h1>Eigentlicher Inhalt</h1>
</body>

</html>

Hier ein paar Anleitungen zum Homepagebau für HTML
CSS Flash Java und Co.

Scholz Werner · Dirnitzweg 2 · 93499 Zandt
Tel. · 09944/2137 ·