Ein HTML-Briefkasten für ein Blog zu einem Bild hinzufügen

June 15

HyperText Markup Language können Sie Objekte auf Ihrem Blog einzubetten; HTML-Formularelemente erstellen kann, z. B. Tropfen-Boxen, die Felder Benutzername und Kennwort, und übermitteln oder reset-Tasten. Dropdown-Boxen oder Drop-Down-Menüs werden häufig auf Blogs als Website-Navigation verwendet; HTML können in Verbindung mit JavaScript--einer anderen Web-basierten Computersprache--Sie machen Boxen senden den Besucher auf die ausgewählte Seite ablegen. Darüber hinaus können Sie Div-Elemente, Dropdown-Boxen über andere Elemente auf der Seite, z. B. Bilder oder Überschriften zu positionieren.

Anweisungen

1 Hinzufügen die "< Form >" und "< >"-Tags zwischen "< Körper >" und "< / body >" Markierungen.

2 "< Auswählen >" Einfügen und "< / auswählen >"-Tags zwischen die Tags "< Form >" wie folgt:

< Form >< wählen > aus< / select >< / form >

3 Fügen Sie die gewünschte Anzahl von Menüoptionen zum Code. Zwischen die Tags "<" auswählen > fügen Sie ein "< Option >", dann erstellen Sie einen Namen für die "< auswählen >" Tags, wie unten zu sehen:

< select Name = "Pets" >< Option >< / option >< Option >< / option >< Option >< / option >< / select >

4 Geben Sie einen Namen für die einzelnen Optionen zusammen mit dem Wert wie folgt:

< option Value = "Katze" > Cat < / option >< option Value = "Hund" > Hund < / option >< option Value = "Fisch" > Fisch < / option >

5 Umgeben von der "< auswählen >" Tags "< Div >" Tags:

< Div >< select Name = "Pets" >< option Value = "Katze" > Cat < / option >< option Value = "Hund" > Hund < / option >< option Value = "Fisch" > Fisch < / option >< / select >< / Div >

6 Den "< Div >" Tags "oben" und "Links" Attribute hinzufügen:

< Div Style = "oben:; Links:; " >

7 Geben Sie die Zahlenwerte Appropraiiate in "oben" und "linken" Felder, die HTML Drop-Box auf Ihrer Blog-Bild zu positionieren. Z. B. durch Eingabe "Top: 20px; Links: 300px; "in der"< Div >"Tag bedeutet, dass die Dropdown-Box 20 Pixel vom oberen Rand der Seite, und 300 Pixel nach rechts. Verschieben Sie das Feld, aber viele Pixel nötig bis es sitzt auf dem Bild. Ihr Code sollte folgendermaßen aussehen:

< Div Style = "Top: 20px; Links: 300px; " >

8 Fügen Sie JavaScript Code hinzu und ändern Sie, die Felder "Wert" zu URLs Besucher auf Ihrem Blog, Drop-Down-Menü als Website-Navigation zu verwenden. Sie können den folgenden Code verwenden:

< bilden Aktion = ".. / ">< onchange="window.open(this.options[this.selectedIndex].value,'_top') wählen" >< option Value = "http://my Blog/Home" > Home < / option >< option Value = "http://my Blog/Archive" > Archiv < / option >< option Value = "http://my Blog/über" > About Me < / option >< / select >< / form >