Wie erstelle ich eine Seite im HTML-Format?
Erstellen einer Seite im HTML-Format ist nicht schwierig. Jeder kann es tun, unabhängig von technischen Erfahrung. Sie können eine HTML-Seite schnell und einfach erstellen einschließlich was Inhalte, die Sie mögen. Sie brauchen keine besondere Software zum Erstellen einer HTML-Seite nicht. Solange Sie einen einfachen Text-Editor haben, können Sie die Aufgabe durchführen. Was auch immer der Zweck Ihrer Seite, die allgemeine Struktur und Schritten beteiligt sind in der Regel identisch. Grundlegende HTML-Kenntnisse sind hilfreich für alle, die mit dem Web.
Anweisungen
1 Öffnen Sie eine neue Datei in einem Texteditor. Notepad, Notepad++ oder einem anderen Text-Editorprogramm installiert haben, können Sie verwenden. Speichern Sie die Datei mit der Endung .html; z.B. ist "index.html" eine Internet-Homepage. Geben Sie die folgende Übersicht:
< html >
< Head >
< / head >
< Körper >
< / body >
< / html >
Dies ist die grundlegende Struktur einer HTML-Seite. Der Inhalt eines HTML-Dokuments befindet sich innerhalb der Tags, auch bekannt als "Elemente". Jedes Element hat ein Starttag, wie in "< Körper >" und End-Tag, wie in "< / body >." Der Inhalt Ihrer Seite geht zwischen den < Body >-Tags.
2 Erstellen Sie HTML-Elemente in Ihre Seite. Können Sie viele verschiedene Elementtypen, die speziell für bestimmte Arten von Inhalten, einschließlich Text, Bildern und Medien bestimmt sind. Hier sind einige Beispiel-Elemente:
< Div > hier ist eine Division < Em > mit einem Abschnitt betont </em >< / Div >
< p > hier ist ein Absatz </p >
Sie können auch Text in Listen und Tabellen einfügen, wenn das Ihre Zwecke passt.
3 Fügen Sie Inhalt auf Ihrer Seite. Teilen Sie der verschiedenen Teile des Inhalts, den Sie in Abschnitte auf Ihrer Seite anzeigen möchten, und umfassen Sie jeweils innerhalb eines Elements "Div". Dieses Beispiel zeigt ein Bild und Text:
< Div Class = "Imagesection" >< Img Alt = "Bild" / >< / Div >
< Div Class = "Textsection" > einen Textabschnitt < / Div >
Die "Klasse"-Attribute sind nicht wesentlich, aber sie erlauben Sie die Darstellung Ihrer HTML-Abschnitte mit CSS oder cascading Stylesheets anpassen.
4 Verwenden Sie CSS die Darstellung Ihres HTML zu diktieren. Enthalten Sie im Head-Bereich Ihrer Seite zwischen dem öffnenden und < Schließkopf > Tag einen Link zu einem Stylesheet:
< link Rel = "Stylesheet" Type = "Text/Css" href="stylerules.css" / >
Erstellen Sie eine neue Datei im Text-Editor, und speichern Sie es als "stylerules.css", den Verweis in Ihrem Kopf Seite zuzuordnen. Einfügen von CSS-Code, um festzustellen, wie Ihre HTML angezeigt wird, wenn in einem Webbrowser angezeigt:
Body {Width: 800px;}
.imagesection {Width: 100 %;}
.Textsection {Width: 80 %; Color: #FFFF00;}
Dies bestimmt die Breite und Farbe der angezeigten Elemente, mit "." gefolgt von den Klassennamen des Elements formatiert werden. CSS-Deklarationen können HTML style, in vielen Weisen, einschließlich Textstil, Schriftarten, Farben, Layouts und wie die Elemente zueinander angeordnet sind.
5 Testen Sie Ihre HTML-Seite. Sie können öffnen Sie die HTML-Seite in Ihrem Web-Browser von überall dort, wo Sie es auf Ihrem Computer gespeichert haben oder es, zusammen mit Ihrem Stylesheet auf einen Webserver hochladen. Wenn Sie Ihre Seite hochladen, müssen Sie, um seine Position zu suchen, durch Eingabe der Adresse in die Adressleiste Ihres Browsers. Testen Sie Ihre Seite um zu sehen, ob die Inhalte richtig angezeigt wird und ob es in der gewünschten Weise formatiert wird.
Tipps & Warnungen
- Mithilfe eines Texteditors, das HTML-Code, z. B. Notepad++, hervorgehoben erleichtert die Entwicklung von HTML-Seiten.
- Widerstehen Sie dem Drang HTML-Inhalte zu verwenden, ohne es zuerst zu überprüfen. Sie können Ihre kostenlose online-Dienste, wie z. B. der W3C Validation Service oder der Web Design Group-HTML-Validator verwenden HTML validieren. Festsetzung der identifizierten Fehler macht Seiten konsequenter in verschiedenen Browsern.