Wie man den Code einer Webseite
Programmierung einer Webseite erfordert Kenntnisse in HTML und CSS. HTML oder hyper Text Markup Language, ist Sprache Skripterstellung, die Markierungen verwendet, um einem Browser die Webseite zu rendern. CSS oder cascading Stylesheets ist eine andere Skriptsprache, die Gestaltung der HTML-Datei und erstellt das Layout der Webseite. HTML und CSS werden heraus in einem Texteditor eingegeben und dann die Webseite als HTML-Datei für die Anzeige im Internet gespeichert ist.
Anweisungen
1 Öffnen Sie den Texteditor, und erstellen Sie eine neue Datei. Klicken Sie auf "Datei" und "Neu", um eine neue Datei zu starten.
2 Geben Sie den Anfang und Ende-Tags erforderlich für den Internet-Browser die Datei als Webseite zu erkennen. HTML verwendet Tags, die in kleiner als und größer als Symbole ummantelt sind. Jedes Schild hat einen Starttag und einen End-Tag um den Inhalt zu umhüllen, der angezeigt wird, wenn die Web-Seite anzeigen. Jede Seite beginnt und endet mit der gleichen Tags, HTML-Tags und das BODY-Tag. Das HTML-Tag wird der Browser die Datei enthält HTML und BODY-Tag enthält die sichtbare Inhalte auf der Webseite. Das HEAD-Tag enthält andere Informationen, die der Browser, bevor Sie den Inhalt des BODY-Tags zu zerreißen wissen muss. Für eine einfache Webseite ist dies nur der TITLE-Tag, das enthält den Titel der Webseite in die Registerkarten und die Titelleiste des Browsers angezeigt. Zum Beispiel:
< html >
< Head >
< Title > Webseite < / title >
< / head >
< Körper >
< / body >
< / html >
Das HTML-Tag enthält die gesamte Seite. "Webseite" wird in die Registerkarten und die Titelleiste des Browsers angezeigt. Jeder Tag hat einen schließendes Tag. Für die meisten Tags ist dies eine Kopie des Tags mit einem Schrägstrich vor dem Namen des Tags.
3 Hinzufügen von Inhalten auf Ihrer Webseite zwischen den BODY-Tags und Absatztags verwenden, um den Text aufteilen. Absatz-Tags < p >< / p > und surround-Text erzwingen doppelte Leerzeichen nach dem Ende des Tags. Umgeben Sie den Inhalt in eine Abteilung-Markierung, um den Inhalt vom Hintergrund zu trennen. Zum Beispiel:
< Körper >
< Div >
< p > Dies ist ein Absatz. </p >
< p > Dies ist Absatz zwei. </p >
< / Div >
< / body >
4 Der Seite mit CSS fügen Sie Layout, Farbe und Stil hinzu. CSS kann zu einer Webseite auf verschiedene Weise hinzugefügt werden. Das einfachste ist Inline-CSS über das Style-Attribut verwenden. Das Style-Attribut wird nach dem Namen des Tag aber vor größer-als-Symbol im Anfang Tag platziert. Eine Seite mit schwarzem Text auf weißem Hintergrund, zentriert auf einem hellblauen Hintergrund würde beispielsweise so aussehen:
< body Style = "Background: #7FD4FF; Margin: 0; Padding: 0; Farbe: #000000; Schriftgröße: 14px; " >
< Div Style = "Hintergrund: #ffffff; Marge: auto-0; Padding: 10px; Breite: 800px;" >
< p > Dies ist ein Absatz. </p >
< p > Dies ist Absatz zwei. </p >
< / Div >
< / body >
CSS-Elemente sind nach den Style-Attribute in Anführungszeichen aufgeführt. Die Elemente besitzen verschiedene Parameter wie Farbe und Größe. Im obigen Beispiel erhält der BODY-Tag-Stil einen Hintergrund hellblau, ohne Leerstellen oder Ränder, so dass die volle Größe des Browser-Fensters, eine Schriftfarbe von Schwarz über das Element Farbe und Schriftgröße 14 Pixel erreicht. Farben sind in hex-Werte angegeben. Der hex-Wert einer Farbe ist durch eine Farbauswahl gefunden. Eine kostenlose online Farbauswahl wird im Ressourcenabschnitt aufgeführt. Das DIV-Tag, das umfasst die Absätze und die Inhalte der Webseite, ist einen weißen Hintergrund, eine automatische Marge, die Zentren der white-Box auf dem Bildschirm und ein Innenabstand von 10 Pixel gegeben. Die Polsterung setzt den Abstand zwischen dem Rand der Box und den Text innerhalb der Box. Die Box ist auch bestimmten Breite von 800 Pixel, so dass es erscheint, von den hellblauen Hintergrund im BODY-Tag umgeben sein.
5 Speichern Sie die Datei durch Klicken auf "Datei" und "Speichern", dann geben der Datei den Namen "index.html".