Gewusst wie: Schreiben von HTML-Webseiten

January 7

Gewusst wie: Schreiben von HTML-Webseiten

HTML oder HyperText Markup Language, ist im Grunde eine Reihe von Tags, die Anweisungen, um Internet-Browser zum Anzeigen von Informationen auf dem Bildschirm zu kommunizieren. Wenn Sie verstehen, was jedes Tag und was es tut, ist das Schreiben einer Webseite fast so einfach wie eine Einkaufsliste zu schreiben.

Anweisungen

HTML 101

1 Öffnen Sie eine neue Textdatei und speichern Sie es auf Ihrem Desktop als "index.html." Suchen Sie die Datei auf Ihrem Desktop; Doppelklicken Sie darauf, um sie in Ihrem Webbrowser zu öffnen. Jetzt sollte eine leere Seite angezeigt. Wie Sie machen und Änderungen in die Notepad-Datei speichern, aktualisieren Sie diese Web-Seite zum Testen der HTML-Code und seine Darstellung in Ihrem Browser zu überprüfen.

2 Erstellen Sie den folgenden Satz von Tags:< HTML >< / HTML >Diese Tags erzählen Ihren Browser, der alles innerhalb dieser Tags enthalten ist in geschrieben oder (bei CSS oder Javascript) ist kompatibel mit HTML.

3 Erstellen Sie Ihre Webseite-Header. In der Zeile unter dem < HTML >-Tag, geben Sie den folgenden Satz von Tags: < HEAD >< / HEAD >

4Gewusst wie: Schreiben von HTML-Webseiten

Geben Sie Ihrer Seite einen Titel. Zwischen die Header-Tags einfügen die folgenden: < TITLE > HTML Test Page < / TITLE >. Speichern Sie Ihre Arbeit, und aktualisieren Sie die Seite in Ihrem Webbrowser. Die Seite sollte noch leer angezeigt, aber der Titel sollte nun in der Titelleiste des Webbrowsers angezeigt werden.

5 Erstellen von META-Tags in einer neuen Zeile unter dem Titel:< META NAME = "Description" CONTENT = "Diese Seite ist gestaltet mit einfachem HTML" >< META NAME = "Keywords" CONTENT = "HTML, Webdesign, Webseiten-Design" >

6 Erstellen Sie den Körper Ihrer Webseite. Dies ist der Teil, das in Webbrowsern angezeigt werden.In einer neuen Zeile unterhalb der < / HEAD > tag, geben Sie die folgenden Tags: < BODY >< / BODY >

7 Erstellen Sie Ihre Inhalte. Zwischen den < BODY > und < / BODY > Schreiben von Tags, die Informationen auf Ihrer Webseite, die angezeigt wird. Für diese Übung geben (oder kopieren und Einfügen) Folgendes:HTML ist einfachDiese Web-Seite erfolgt über einfache, grundlegende Hypertext-Markup-Sprache. HTML dient zum Anzeigen von Text in verschiedenen Stilen und Farben. Text kann Fett, unterstrichen, kursiv oder durchgestrichen werden. HTML kann auch verwendet werden, erstellen Sie Links und Bilder zu einer Seite hinzuzufügen.

8Gewusst wie: Schreiben von HTML-Webseiten

Erstellen Sie Seitenhintergrund, Text und verknüpfen Sie Farbattribute innerhalb des Tags < BODY > wie folgt:< BODY Bgcolor = "tan" Text = "Marine" Link = "blau" Vlink = "Mitternacht" Alink = "Aqua" >Dies wird Ihre Seite einen Bräune Hintergrund mit marineblauem Text geben. Hyperlink-Text erscheint hellblau erste, Belieben Zuges Aqua als Besucher darauf klicken, und endlich werden Mitternacht blau für diejenigen, die diesen Link bereits besucht haben.

9 Finde die Überschrift "HTML ist Easy." Fügen Sie die folgenden Tags zentrieren und betonen die Schlagzeile:< Zentrum >< H1 > HTML ist einfach < / H1 >< / center >

10 Verwenden Sie die Absatz oder < P >-Tag, den restlichen Text in zwei Absätze zu brechen. Platzieren Sie dieses Tag vorne von der Linie, "dieser Webseite erfolgt über einfache, grundlegende Hypertext-Markup-Sprache." Legen Sie sie wieder am Anfang der Zeile, "HTML Links erstellen und Hinzufügen von Bildern zu einer Seite kann auch verwendet werden."

11 Gelten Sie die entsprechenden Formate für die Worte "Fett", "unterstrichen", "Kursiv" und "Durchgestrichen". In HTML wird der Satz wie folgt aussehen:Text kann sein Fett < B > </b >, < U > unterstrichen </u > < i > </i > kursiv oder < ANSTOßEN > gekreuzten heraus < / Streik >.

12 Suchen Sie die Phrase, "Erstellen von Verknüpfungen," in der letzten Zeile des Textes. Aktivieren Sie dies in einen Hyperlink auf die Startseite von Google durch Einfügen von Link-Tags vor und nach der Phrase, wie folgt:< a Href = "erstellen" > http://www.google.com "> Links </a > Erstellen

13 Fügen Sie einer Creative Commons Lizenz Foto in einer neuen Zeile und zentrieren sie wie folgt:< P >< Zentrum >< IMG Height = "160" Border = "0" >Fügen Sie die Link-Tags auf beiden Seiten der Image-Tag:< a Href = "& Lt; IMG" > http://www.flickr.com/photos/janelinton/122959202/ "> & Lt; IMG Height ="160"Border ="0"Alt ="Bild von I_Shutter auf Flickr">< / a >Fügen Sie das Link-Tag den Titel:< a Href = "http://www.flickr.com/photos/janelinton/122959202/" Title = "Bild von I_Shutter auf Flickr" >Herzlichen Glückwunsch. Sie haben soeben Ihre erste Webseite in HTML geschrieben.

Tipps & Warnungen

  • Der Header ist der Abschnitt, der enthält Anweisungen zum Web anzeigen und Ihre Katalogblatt. Es enthält den Titel, die im Allgemeinen auf Titelleiste des Webbrowsers sowie Meta-Tags, die bieten Schlüsselwörter, die es leicht für Suchmaschinen Listen Sie Ihre Seite machen und beschreiben den Inhalt der Seite angezeigt. Im erweiterten Seiten ist dies auch wo geht die CSS und Javascript. Wenn der Headerinhalt anpassen möchten, ersetzen Sie einfach den zitierten Text durch eigene Titel und Meta-Inhalte. Sie können zu jeder Seite im Web verknüpfen. Ersetzen Sie die Google-URL mit der URL, komplett mit dem Präfix "http://" der Seite, die, der Sie stattdessen verknüpfen möchten. Beachten Sie, dass das IMG-Tag allein steht. Es gibt keine < / IMG > schließenden Tag. Obwohl wir standard Farbnamen in unserem Körper-Attribute verwendet, kann HTML auch hexadezimale Farbcodes, lesen die präzisere Farbabstimmung ermöglicht. HEX-Codes finden Sie im Abschnitt benutzerdefinierte Farben von den meisten Bildbearbeitungsprogrammen; oder Sie finden online Farbe Konverter, z. B. Draac.com der Farbe-Konverter, die sowohl die Standard-ASCII-Namen als auch die RGB-Werte in HEX-Code umwandeln können. Dieser Artikel ist nur um Ihnen den Einstieg. Glücklicherweise gibt es keinen Mangel an HTML Tutorials im Web. Schauen Sie sich die Referenz-Links suchen von Lernprogrammen auf Erweiterte Formatierung-Techniken und die riesigen Funktionen des HTML Webdesign lernen.
  • Einen fehlenden Endtag, fehlende Anführungszeichen oder sogar ein einfacher Tippfehler können Ihre Web-Seite zu brechen, aber keine Sorge. Solche Fehler sind so einfach zu finden und zu beheben, wie sie sind, dank Validatoren wie dem W3C Markup Validator zu machen. Diese Programme überprüfen, ob der Code korrekt ist und leicht gelesen und verstanden werden können von allen Webbrowsern.