Pauls neue Seite

 
 
 

 

 

Wie geht das noch mal

 

Es ist wichtig zu beachten, dass die meisten HTML-Befehle am Ende des Textes
oder Satzes wieder aufgehoben werden müssen,
da sie sonst für die ganze Seite aktiv bleiben.
Beginnt also ein Befehl mit <x> muss er am ende mit </x> wieder aufgehoben werden.

 

Beispiel:

Herzlich willkommen auf meiner Homepage, viel Spaß!!!

Soll in diesem Satz nur "Herzlich willkommen" Unterstrichen werden, würde das so aussehen:

<u>Herzlich willkommen</u> auf meiner Homepage, viel Spaß!!!

In den Erklärungen sind aber immer Beispiele aufgeführt.

Der Seitenaufbau beginnt immer mit :

<html>
<body>


Ist doch ganz einfach!
</body>
</html>

Will man einen Titel eingeben, lauten die Befehle so:

<html>
<head>

<title>Pauls Homepage

</title>
</head>
<body>


Willkommen auf meiner Homepage!
</body>
</html>

Die wichtigsten Grundbefehle:

<br> es entsteht ein Zeilenumbruch
(Im Gegensatz zu den anderen Befehlen braucht dieser nicht aufgehoben werden)

<p>macht einen Absatz</p>

<div align="center">Setzt einen Text in die Mitte</div>

<div align="right">Dieser Text erscheint rechts</div>

<div align="left">Dieser Text erscheint links</div>

<u>unterstreicht einen Text</u>
<b>der Text wird Fett</b>
<i>der Text wird Kursiv</i>

Schriftart ändern:

<font face="Comic Sans MS">Diese Schriftart heißt Comic Sans MS</font>
Dabei ist allerdings zu beachten, dass du und der User diese Schriftart auf dem Rechner Installiert haben muss.
Ist dies nicht der Fall, erscheint der Text in Normalschrift.

Die Textgröße ändert man mit dem Befehl:

<font size="A"> Wobei A durch die Zahl der Größe ersetzt wird. Wird nichts angegeben, ist 3 Standard.
Je größer die Zahl, desto größer der Text. Am Ende des Textes wird der Befehl mit </font> aufgehoben.

Textfarbe ändern:

Die Textfarbe ändert man mit dem Befehl: <font color="A">, wodurch A wieder durch die Farbe ersetzt wird.

Beispiel:
<font color="red">Dieser Text wird rot</font>


Hier einige Farbtöne, die man einsetzen kann:

Aqua (aqua), schwarz (black), blau (blue), fuchsienrot (fuchsia), grau (gray), grün (green),
limonengrün (lime), kastanienbraun (maroon), marineblau (navy), olive (olive), purpurrot (purple),
rot (red), blaugrün (teal), gelb (yellow), Gold (gold), orange (orange), weiß (white), Silber (silver)*

*Silber ist bereits der Hintergrund


Es gibt auch die Möglichkeit, Befehle abzukürzen.
Will man z.B. in einem Satz gleichzeitig Farbe, Schriftart und Größe ändern, geht es auch so:

<font size="4" face="Comic Sans MS" color="purple">So sieht dann das Ergebnis aus!</font>

Aufzählungen:

Um eine Aufzählung zu erzeugen, gibt man folgenden Befehl ein:
<ul>
<li>Test 1
<li>Test 2
<li>Test 3
</ul>

Das Ergebnis sieht dann so aus:


Test 1
Test 2
Test 3

Eine weitere Möglichkeit gibt es mit dem Befehl:
<ol>
<li>Test 1
<li>Test 2
<li>Test 3
</ol>

Das sieht dann so aus:

1.Test 1
2.Test 2
3.Test 3

Laufschrift erzeugen:

Laufschrift erzeugt man mit dem Befehl <marquee>. Dieser Befehl funktioniert allerdings nur im IE.

Die <marquee> Befehle:
Man kann den Text nach links, rechts, hin und her, auf oder ab laufen lassen.
Beispiele:*

<marquee direction="left">Dieser Text würde nach links laufen..</marquee>

<marquee direction="right">Dieser Text würde nach rechts laufen.</marquee>

<marquee behavior="alternate">Dieser Text würde hin und her laufen.</marquee>

<marquee direction="up">Dieser Text würde sich nach oben bewegen.</marquee>

<marquee direction="down">Dieser Text würde sich nach unten bewegen.</marquee>


*Ich hatte vorher diese Texte als Beispiele in die entsprechenden Richtungen laufen lassen,
mußte ich aber ändern, da durch den Befehl <marquee> einige Suchmaschinen,
in die ich meine Seite eingetragen hatte, durcheinander gebracht worden sind.

Ein Bild oder ein Gif einfügen:
Wichtig: Bilder sollten immer im jpg Format sein, also mit der Endung .jpg (z.B. bild.jpg).
Gif's sollten natürlich immer mit .gif enden, (z.B. figur.gif).

Um ein Bild oder Gif einzufügen, benötigt man erst mal die URL.
Das Bild oder Gif MUSS Online sein.
Es gibt 2 Möglichkeiten, entweder man sucht sich aus dem Internet ein kostenloses Bild oder Gif aus,
(Gifs gibt es auf meiner Page, weitere Adressen unter "Links") und gibt direkt die URL ein,
oder man speichert es auf der Festplatte und lädt es sich ins Netz hoch,
dazu benötigt man aber irgendwo Speicherplatz, den gibt es z.B. kostenlos bei tripod.de.

Der Befehl lautet so:

<img src="http://URL-Adresse des Bildes oder Gif's">

Beispiel: Wenn du direkt die Gif-URL des Anbieters eingeben willst, (ist für Anfänger zwar am
einfachsten, der Nachteil ist aber, sollte der Anbieter die URL ändern oder das Gif löschen,
verschwindet es auch von deiner Page.

Alt-Text

Man kann auch einen versteckten Text einfügen, der erst erscheint, wenn jemand mit der
Maus über das Bild fährt. Ein Beispiel siehst du, wenn du mit der Maus links über die Buttons fährst.

Das geht so:

<img src="http://URL des Bildes oder Gif's" alt="Hier der Text, der erscheinen soll">

Einen Link setzen:

Wenn man einen Link zu einer anderen Seite setzen will, macht man das mit dem Befehl:

<a href="http://www.steeger-bielefeld.de">Hier geht es zu pentick Homepage</a>

Will man ein Bild oder Gif verlinken, setzt man anstatt des Textes den Befehl zum
Gif oder Bild einfügen ein:

<a href="http://www.steeger-bielefeld.de"><img src="http://URL des Bildes oder Gif's"></a>

Dabei ist allerdings zu Beachten, das durch diese Methode das verlinkte Bild oder Gif
einen blauen Rahmen erhält. Will man dies verhindern, macht man das so:

<a href="http://www.steeger-bielefeld.de"><img src="http://URL des Bildes oder Gif's" BORDER="0"></a>

Einen Link zu deiner eMail Adresse setzen:

<a href="mailto:deine eMal Adresse">Hier könnt ihr mir eine E-Mail schreiben</a>

Natürlich kann man auch hier anstelle eines Textes ein Bild oder Gif einfügen, z.B. ein Bild von einem
Briefkasten. Das funktioniert genau wie unter dem Punkt "Bild oder Gif einfügen".

Eine Linie setzen:

Eine Linie setzt man mit dem Befehl:

<hr> (normale Trennlinie)

<hr noshade> (Trennlinie ohne Schatten)
<hr size ="5"> (Breite Linie)
Genau wie mit der Schriftgröße kann man mit <hr size=""> die Breite der Linie ändern.

Die Farbe der Linie lässt sich natürlich auch ändern, dazu einfach color="" mit einfügen.

Beispiel:

<hr color="red">

Zum Hintergrund:

Die Befehle für den Hintergrund werden nach dem <body> tag eingegeben.

Hintergrundfarbe:

Die Hintergrundfarbe ändert man mit dem Befehl:

<body bgcolor="Farbe rot ist #FF0000">

Hierbei kannst du die selben Farben benutzen wie unter "Textfarbe ändern".

Es gib auch die Möglichkeit, gleichzeitig eine Standardfarbe für den Text einzugeben,

Beispiel:

<body bgcolor="black" text="white">
In diesem Fall würde der Hintergrund schwarz und der Text automatisch weiß, wenn nichts anderes angegeben wird.

Ein Hintergrundbild einfügen:

Hierbei ist es genauso wie mit den Bildern oder Gif's, nur der Befehl lautet anders:

<body background="http://Bild URL eingeben">

Man kann auch den Hintergrund fixieren, d.h. beim rauf und runter Scrollen bleibt der Hintergrund fest stehen.

Dazu muss nur der Zusatzbefehl bgproperties="fixed" eingegeben werden:

<body background="http://Bild URL eingeben" bgproperties="fixed">
(Dieser Befehl funktioniert evtl. nicht im Netscape-Browser).

Hintergrundmusik einfügen:

Wichtig: Wenn du auf deiner Seite Musik möchtest, sollte sie im Midi-Format sein.
Also mit .midi enden. (Z.B. lied.midi)

Adressen für kostenlose Midi's gibt es unter "Links".

Auch hier ist es ähnlich wie bei den Bildern oder Gif's, du benötigst die URL des Midi-Stückes,
das du dir ausgesucht hast.

Um die Musik einzufügen, gibt es 2 Möglichkeiten:

Entweder mit dem Befehl:

<bgsound src="http://Midi-URL">
Bei diesem Befehl wird die Musik einmal abgespielt und hört dann auf.
(Dieser Befehl geht oft nicht im Netscape Browser)

Oder mit dem Befehl:

<embed src="http://Midi URL" width="70" height="25" loop="true"></embed>
Bei diesem Befehl erscheint ein Button, mit dem man die Musik ein und ausschalten kann.

Sollte hier im Netscape die Buttongröße nicht mit der im IE übereinstimmen, die Größenangaben
weglassen.

Na also, war doch nicht so schwer, oder? Endlich ist es raus...

Wer im leben nicht kämpft,verliert immer das beste verlieren heisst immer allein da stehen! ...
Wer sowas mal erlebt hat, weiß vielleicht wie schwer es ist, aus dieser ...
Wenn ich meinen normalen Alltag betrachte, so kann ich die Frage mit Ja beantworten.
Ja, ich bin ..... ..wie ich bin, ich helfe gerne wenn ich Zeit habe...