Zurück zu Kapitel 1 - 3



4. Nun wollen wir die Schriftgrösse auf einfache Art und Weise verändern

Die einfache Grundbefehle um die Schriftgrösse zu verändern lauten:

<h1>    <h2>    <h3>    <h4>    <h5>

Das wollen wir jetzt in unserem Beispielcode austesten. Wir verändern den HTML-Code folgendermassen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hier kommt der Titel Eurer Seite </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" >
</head>

<body>
<h1>Hello Word! in h1-Schrift </h1>
<h2>Hello Word! in h2-Schrift </h2>
<h3>Hello Word! in h3-Schrift </h3>
<h4>Hello Word! in h4-Schrift </h4>
<h5>Hello Word! in h5-Schrift </h5>
</body>
</html>


Wir sichern jetzt diesen HTML-Code auf 'beispiel.html' und öffnen die Seite in unserem Browser. Dann erscheint:

Hello Word! in der h1-Schrift

Hello Word! in der h2-Schrift

Hello Word! in der h3-Schrift

Hello Word! in der h4-Schrift

Hello Word! in der h5-Schrift

Was zwischen <h1> und </h1> ist, wird danach ausgeführt.


5. Einen Link einfügen

Es ist sehr einfach einen Link einzufügen. Der Grundbefehl dazu lautet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hier kommt der Titel Eurer Seite </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" >
</head>

<body>
<a href="http://www.news.ch">Link zu News aus der Schweiz</a><br>
</body>
</html>


Nach dem Sichern und öffnen der Datei erscheinen dann folgende Links:

Link zu News aus der Schweiz

<a href=" Dies ist der eigentliche Beginn-Befehl um den Link zu erstellen.
http://www.news.ch"> Das ist das Ziel des Linkes.
Link zu News aus der Schweiz</a> Das ist der Linktitel, oder wie sich der Link nennt.


6. Eine Grafik (Bild) einfügen

Es ist sehr einfach ein Bild oder eine Grafik einzufügen. Unser Beispiel sieht dann so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hier kommt der Titel Eurer Seite </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" >
</head>

<body>
<img src="http://www.egpelo.com/images/rote-blume.jpg" alt="rote blume" border="0">
</body>
</html>


Nach dem Sichern und öffnen der Datei erscheint dann folgendes Bild:

rote Blume

<img src=" Dies ist der eigentliche Beginn-Befehl um das Bild zu holen.
http://www.egpelo.com/images/rote-blume.jpg" Das ist die Quelle des Bildes. D.h. dort wo sich das Bild befindet.
alt="rote Blume"> Das ist der wichtige, interne Name des Bildes. Die Suchmaschinen brauchen diesen Namen um das Bild zuzuordnen.

........ -> zurück zu Kapitel 1 - 3


der Author verzichtet auf sein Copyright - 1. November 2008