1.HTML

Wie man Bilder in die Hp gibt

Menü

Wie man Bilder auf die Hp gibt!
Laufende Objekte
Button
Checkbox
Textarea

Du musst als erstes in www.google.de gehen und dann gibst du z.B.Camilionare ein und drückst auf bilder und drückst auf Suchen, wenn du ein bild gefunden hast drückst du auf orginalgröße und, dann drückst du mit der Rechten maustaste auf das Bild was du ausgesucht hast, und dann drückst du auf Eigenschaften, und dann kommt so ein kasten wo Protokol,Typ,Adresse(URL),Größe,Größen,...,stehen und dan schaust du wo Adresse(URL) steht und dann makierst du was daneben steht,dann drückst du wieder mit der rechten taste und kopierst es, und dann kommst du zurück auf deine hp und tust bearbeiten und gibst <img src=das was du kopiert hast tust du hier einfügen> z.B. <img src=http://img517.imageshack.us/img517/3628/koopa4sa.gif> udn das siht dann so aus:

Laufende Objekte

<marquee direction="Richtung" scrollAmount="Zahl" height="Zahl" width="Zahl"> INHALT </marquee>

Beispiel:
Hallo Hallo Hallo Hallo

Tipp für Sonderfunktion: behavior="alternate": Fügt man den Zusatz behavior="alternate" ein, so wandert das Objekt von Begrenzung zu Begrenzung und wieder zurück

 <marquee behavior="alternate" direction="left" scrollAmount="4" height="100" width="200"> Hallo! </marquee>

Beispiel:
Hallo! Hallo!
Weitere Sonderfunktion: onmouseover="this.stop()" onmouseout="this.start()" Fügt man diesen Zusatz ein, stoppt das Laufen der Inhalte beim Berühren des Inhaltsbereiches mit der Maus. Verlässt man den Bereich wieder laufen die Inhalte weiter.

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollAmount="2" height="100" width="200"> Hallo! Maus auf den Bereich ziehen!</marquee>

Beispiel:
Hallo! Maus auf den Bereich ziehen!

Buttons

input type="button" onClick="JavaScript: alert(' Hallo \n *gg* ');" value="Hier klicken">

Ergebnis

<input type="button" ondblclick="JavaScript: alert(' Doppel-Hallo \n *gg* ');" value="Hier doppelklicken">

Ergebnis:

Checkbox

Erläuterungen zu den Tags

<input type=checkbox

- darf NICHT verändert werden! checked - Häkchen bereits vorhanden nochecked - Häkchen noch nicht vorhanden name="box1" - Wert für Parameter "name" ist zwingend erforderlich, im Beispiel "box1" bzw. "box2"

<input type="checkbox" name="box1" checked> Neuer PC
<input type="checkbox" name="box2" nochecked> Neues Auto
<input type="checkbox" name="box3" nochecked> Neues Fahrrad
<input type="checkbox" name="box4" checked> Neue Freundin

Beispiel:
Neuer PC
Neues Auto
Neues Fahrrad
Neue Freundin

Textarea:

Die Textarea nennt sich nicht zum Spass Textarea! HTML oder sonstige Codier-Funktionen sind in einer Textarea nicht möglich! Wichtig: Der Knuddels-Homepageditor erkennt den manuellen Zeilenumbruch (Enter-Taste) als HTML-Befehl für den Zeilenumbruch (also
). Dieses Tag würde dann mit eingefügt werden, ohne dass es der Nutzer wollte. Text in der Area muss daher fortlaufend und ohne Zeilenumbruch eingepflegt werden. Für wen dies gestalterisch nicht in Frage kommt, sei der Absatz Inline-Scroll-Container weiter unten empfohlen.
Wir unterscheiden 3 Arten:

<textarea readonly cols="35" rows="1">Hallo du da

Beispiel:

Hallo du da

<textarea readonly cols="18" rows="4">Hier schreiben wir mal einen etwas längeren Text rein, denn dann sollte das Scrollen möglich sein.

Beispiel:

Hier schreiben wir mal einen etwas längeren Text rein, denn dann sollte das Scrollen möglich sein.

<textarea readonly cols="45" rows="3">So gehts natürlich auch!

Beispiel:

So gehts natürlich auch!

Erläuterungen zu den Tags

<textarea readonly cols="ZAHL" rows="ZAHL">

- Beginn der Area, Parameter "readonly" weist an, dass der Betrachter den Text nicht ändern kann (soll er es können, readonly einfach weglassen) cols(Zahl) definiert die waagerechten Zeicheneinheiten, rows(Zahl) die Reihen nach unten. <a/textarea>(gibt den Fett gedrückten a da weck!) - Schließtag der Area, bitte nicht vergessen!

Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?

Gratis anmelden