Freigeben über

Grundlagen zu HTML

  • Artikel

Die meisten Browser können die HTML-Quelle der seiten untersuchen, die Sie durchsuchen. Wenn Sie die Quelle anzeigen, werden eine Reihe von HTML-Tags (Hypertext-Markupsprache) angezeigt, umgeben von Winkelklammern(<>), die mit Text interspersiert sind.

Die folgenden Schritte verwenden HTML-Tags, um eine einfache Webseite zu erstellen. In diesen Schritten geben Sie Nur-Text in eine Datei in Editor ein, nehmen einige Änderungen vor, speichern die Datei und laden Ihre Seite im Browser neu, um Ihre Änderungen anzuzeigen.

So erstellen Sie eine HTML-Datei

  1. Öffnen Sie Editor oder einen beliebigen Nur-Text-Editor.

  2. Wählen Sie im Menü "Datei" die Option "Neu" aus.

  3. Geben Sie die folgenden Zeilen ein:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. Wählen Sie im Menü "Datei " die Option "Speichern" aus, und speichern Sie die Datei unter "c:\webpages\First.htm". Lassen Sie die Datei im Editor geöffnet.

  5. Wechseln Sie zu Ihrem Browser, und wählen Sie im Menü "Datei" die Option "Öffnen" aus, oder geben Sie im URL-Bearbeitungsfeld des Browsers file://C:/webpages/first.htm ein. Es sollte eine leere Seite mit dem Fenster Untertitel "Top HTML Tags" angezeigt werden.

    Beachten Sie, dass die Tags gekoppelt sind und in winkeln Klammern enthalten sind. Bei Tags wird die Groß-/Kleinschreibung nicht beachtet, die Groß-/Kleinschreibung wird jedoch häufig verwendet, um Tags hervorzuheben.

    Der Tag-HTML <> startet das Dokument, und das Tag </HTML> beendet es. Endtags (nicht immer erforderlich) sind identisch mit dem Starttag, weisen jedoch einen Schrägstrich (/) vor dem Tag auf. Es sollten keine Leerzeichen zwischen der eckigen Klammer (<) und dem Anfang des Tags vorhanden sein.

  6. Wechseln Sie zurück zu Editor, und geben Sie nach der </HEAD-Linie> Folgendes ein:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. Klicken Sie im Menü Datei auf speichern.

  8. Wechseln Sie zurück zu Ihrem Browser, und aktualisieren Sie die Seite.

    Die Wörter werden im Clientbereich des Browserfensters angezeigt. Beachten Sie, dass Ihre Wagenrücklauf ignoriert wird. Wenn Sie einen Zeilenumbruch haben möchten, müssen Sie nach der ersten Zeile ein <BR> Tag einfügen.

    Fügen Sie den Text für alle folgenden Schritte zwischen <BODY> und </BODY> ein, um den Textkörper des Dokuments hinzuzufügen.

  9. Hinzufügen einer Kopfzeile:

    <H3>Here's the big picture</H3>

  10. Fügen Sie ein Bild mithilfe einer GIF-Datei hinzu, die im selben Verzeichnis wie Ihre Seite gespeichert ist:

    <IMG src="yourfile.gif">

  11. Hinzufügen einer Liste:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Um die Liste stattdessen zu nummerieren, verwenden Sie anstelle der UL-> und /UL-Tags> gekoppelte <OL>- und <</OL-Tags>.<

Dies sollte Ihnen den Einstieg erleichtern. Wenn ein großartiges Feature auf einer Webseite angezeigt wird, können Sie herausfinden, wie es erstellt wurde, indem Sie die HTML-Quelle untersuchen. HTML-Editoren wie Microsoft Front Page können verwendet werden, um einfache und erweiterte Seiten zu erstellen.

Dies ist die gesamte HTML-Quelle für die Datei, die Sie erstellt haben:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Eine vollständige Beschreibung von Tags, Attributen und Erweiterungen finden Sie in der Html-Spezifikation (Hypertext Markup Language):

Neueste veröffentlichte HTML-Version bei W3C.org.

Siehe auch

Grundlagen der MFC-Internetprogrammierung