Kostenlose Schritt für Schritt Anweisungen Hallo Welt!Kombinationen ausprobieren: So sieht es aus
Dies ist das erste Tag, auf das wir stoßen und das kein End-Tag benötigt! Wir nennen ein solches Tag a leeres Tag.Erstellen Sie Überschriften, um die Namen der Abschnitte deutlich zu machen:
Beginnen Sie mit den Tags für Tabelle ("Tabelle" auf Englisch) um den gesamten Tisch herum: Platzieren Sie Tags um den Inhalt jeder Zeile: Platzieren Sie Spaltenüberschriften in der ersten Zeile: Zellen in aufeinanderfolgenden Zeilen platzieren: Hier ist ein Beispiel dafür, wie alles zusammenkommt:
Html lernen
HTML ist die Abkürzung von Hypertext-Auszeichnungssprache, es ist der Code von Sprache die zum Erstellen von Websites verwendet wird. Es mag kompliziert aussehen, wenn Sie noch nie zuvor programmiert haben, aber zum Ausprobieren benötigen Sie lediglich ein einfaches Textverarbeitungsprogramm und einen Internetbrowser. Vielleicht erkennst du etwas HTML aus Foren, Online-Profilen oder wikiHow-Artikeln. HTML ist ein nützliches Werkzeug für jeden, der das Internet nutzt, und das Erlernen von HTML kann weniger Zeit in Anspruch nehmen, als Sie erwarten.
Schritte
Teil 1 von 2: Erlernen der Grundlagen von HTML
1. Öffnen Sie ein HTML-Dokument. Die meisten Textverarbeitungsprogramme, einschließlich Notepad oder Word für Windows und TextEdit für Mac, können zum Erstellen von HTML-Dokumenten verwendet werden. Öffnen Sie ein neues Dokument und wählen Sie Datei → Speichern unter aus dem oberen Menü, um Ihr Dokument als Webseite zu speichern, oder ändern Sie die Dateierweiterung von ".doc", ".rtf" oder etwas anderes zu ".html" oder ".htm".- Möglicherweise sehen Sie jetzt eine Warnung, die besagt, dass Ihr Dokument vom Rich Text Format (RTF) auf . geändert wird "flacher Text", und dass bestimmte Formatierungsoptionen und Bilder nicht korrekt gespeichert werden. Sie können diese Warnung ignorieren; HTML-Dokumente verwenden diese Optionen nicht.
- .html und .htm-Dateien sind gleich. Es funktioniert beides.
2. Zeigen Sie Ihr Dokument mit einem Browser an. Speichern Sie Ihr leeres Dokument, schließen Sie es und doppelklicken Sie dann auf das Dokument an der Stelle, an der es gespeichert ist, um es erneut zu öffnen. Ihr Dokument sollte nun von Ihrem Browser als leere Webseite geöffnet werden. Wenn das nicht funktioniert, ziehen Sie das Symbol der Datei in die Adressleiste Ihres Browsers. Wenn Sie Ihr HTML-Dokument später gemäß den Schritten in diesem Artikel bearbeiten, kehren Sie immer wieder zum Browser zurück, um zu überprüfen, wie die Änderungen im Code aussehen.
Hinweis: Ihre Webseite ist noch nicht online. Die Seite ist für andere nicht zugänglich und Sie benötigen keine funktionierende Internetverbindung, um sie zu testen. Sie verwenden Ihren Browser nur zum Anzeigen des HTML-Dokuments "lesen" als wäre es eine Website.
3. Verstehe was `Tags` sind. Tags sind auf der endgültigen Webseite nicht sichtbar, wie es bei normalem Text der Fall ist. Die Tags teilen Ihrem Browser mit, wie die Seite und der Inhalt auf der Seite angezeigt werden soll. Das öffnende Tag enthält Anweisungen. Zum Beispiel kann es den Browser anweisen, den Text fett zu machen. Das schließende Tag wird benötigt, um dem Browser mitzuteilen, wo die Anweisungen gelten: In diesem Beispiel ist der gesamte Text zwischen dem öffnenden und schließenden Tag fett gedruckt. End-Tags werden ebenfalls in Klammern gesetzt, aber nach der ersten Klammer folgt ein Schrägstrich.Schreiben Sie öffnende Tags in Klammern: Schreiben Sie End-Tags in Klammern, aber setzen Sie nach der ersten Klammer einen Schrägstrich: Lesen Sie später im Artikel, wie Sie funktionale Tags schreiben. In diesem Schritt müssen Sie sich nur daran erinnern, wie Sie Tags schreiben: < > und In anderen HTML-Kursen werden Tags auch genannt "Elemente" aufgerufen und der Text zwischen Start- und End-Tags wird auch aufgerufen "Elementinhalt" genannt.
<das ist der starttag>>)4. Schreibe dein erstes Jedes HTML-Dokument beginnt mit a schreiben oben in Ihrem Dokument. Drücke mehrmals die Eingabetaste oder kehre zurück, um dir etwas Platz zu geben, und schreibe dann erinnere dich, dass du alles in diesem Artikel zwischen diesen beiden Tags.
5. repariere es Zwischen den Tags -Starttag und a -End-Tag. Mach wieder etwas Platz zwischen diesen Tags. Alles, was zwischen diesen Tags geschrieben wird, ist auf der Webseite selbst nicht sichtbar. Versuchen Sie die folgenden Schritte und sehen Sie, ob Sie sehen können, wo die Informationen angezeigt werden:Schreibe zwischen die Tags und Zwischen den Tags HTML lernen – wikiHow .Speichern Sie das Dokument und öffnen Sie es in einem Browser (oder speichern Sie das Dokument und aktualisieren Sie die Seite im Browser, wenn die Seite noch geöffnet war). Sehen Sie sich oben auf der Seite über der Adressleiste an, was Sie gerade geschrieben haben?
6. mach ein Alles andere in diesem Anfängerdokument wird im Abschnitt behandelt Nach das Etikett Pro das Etikett und . Alles, was wir in diesem Artikel weiter besprechen, platzieren wir zwischen den Body-Tags. Sie sollten jetzt ein Dokument haben, das wie folgt aussieht (ohne die Aufzählungszeichen):
7. Text in verschiedenen Stilen hinzufügen. Jetzt ist es an der Zeit, etwas zu schreiben, das tatsächlich im Browser sichtbar ist! Alles, was Sie in die Body-Tags schreiben, wird im Browser angezeigt, nachdem Sie die Änderungen gespeichert und die Seite im Browser aktualisiert haben. schreiben nicht etwas mit den Charakteren < und >, weil Ihr Browser dies als HTML-Anweisung anstelle von Klartext interpretiert. Schreiben Sie zum Beispiel Hallo Welt! (Englisch für "Hallo Welt!", Dies ist der globale Boilerplate-Text als erstes Beispiel in jedem Programmiersprachenkurs) oder etwas anderes, und fügen Sie die folgenden Tags vor und nach dem Text ein und sehen Sie, was passiert:
8. Teilen Sie Ihren Text in Absätze auf. Wenn Sie mehrere Textzeilen in Ihrem Dokument platzieren möchten, werden Sie feststellen, dass alle Zeilen hintereinander platziert sind. Neue Zeilen und Leerzeilen müssen Sie selbst programmieren:
Dieser Satz steht in der ersten ZeileDies ist das erste Tag, auf das wir stoßen und das kein End-Tag benötigt! Wir nennen ein solches Tag a leeres Tag.
9. Erfahren Sie, wie Sie Listen erstellen. Es gibt mehrere Möglichkeiten, Listen auf einer Webseite zu erstellen. Probieren Sie die folgenden Methoden aus, um herauszufinden, was Ihnen am besten gefällt. Beachten Sie, dass ein Tag-Paar um die gesamte Liste herum platziert ist (wie die Tags Verwenden Sie den folgenden Code, um Listen mit Aufzählungszeichen zu erstellen:
Oder diesen Code, um nummerierte Listen zu erstellen:
Oder dieser Code um eine sogenannte Definitionsliste zu erstellen:
10. Gestalten Sie Ihre Seite mit neuen Linien, horizontalen Linien und Bildern attraktiver. Jetzt ist es an der Zeit, Ihrer Seite andere Dinge hinzuzufügen. Probieren Sie die folgenden Tags aus (Sie müssen das Bild online gepostet haben, damit Sie auf das Bild verlinken können):Eine Zeile einfügen: Bilder einfügen:
![]("the_url_of_your_image"></big)
11. Fügen Sie Links zu anderen Stellen auf der Seite ein. Sie können diesen Code auch verwenden, um auf andere Seiten und Websites zu verlinken, aber da Sie noch keine Website haben, konzentrieren wir uns auf "Anker" (Anker), d. h. bestimmte Stellen auf der Seite, auf die Sie verlinken können:Erstellen Sie zuerst einen Anker mit dem Tag
Verwenden Sie das Tag
Um zu einem Anker auf einer anderen Seite zu verlinken, fügen Sie das #-Zeichen nach der URL hinzu, gefolgt vom Namen Ihres Ankers. Zum Beispiel http://www.wikihow.com/HTML-Lernen#Tipps bringt dich direkt zum Abschnitt "Tipps" auf dieser Seite.
Teil 2 von 2: Fortgeschrittenes HTML lernen
1. Weitere Informationen zu Attributen. Attribute werden innerhalb des Tags platziert und werden verwendet, um zusätzliche Anpassungen an den "Elementinhalt" zwischen Start- und End-Tag. Sie stehen nie allein. Sie sind wie folgt geschrieben: name="Wert". Name stellt den Namen des Attributs dar (z. B "Farbe") und Wert beschreibt diesen speziellen Fall (z "rot").- Wenn Sie im vorherigen Teil dieses Artikels genau hingeschaut haben, sind Sie bereits auf Attribute gestoßen. das Etikett
2. Experimentieren Sie mit HTML-Tabellen. Um eine Tabelle oder ein Diagramm zu erstellen, benötigen Sie mehrere Tags:
3. Lernen Sie die anderen Tags, die im Kopfbereich verwendet werden. du hast das etikett Meta-Tags werden verwendet, um Metadaten über eine Webseite generieren. Diese Daten werden von Suchmaschinen verwendet, um Webseiten zu kategorisieren. Um Ihre Seite für Suchmaschinen sichtbar zu machen, können Sie ein oder mehrere Meta-Tags platzieren (End-Tags sind nicht erforderlich), jedes Tag muss genau ein Namensattribut und ein Inhaltsattribut enthalten, zum Beispiel:
4. Spielen Sie mit HTML von bestehenden Seiten. Das Anzeigen des Quellcodes von Webseiten ist eine großartige Möglichkeit, Ihre HTML-Kenntnisse zu erweitern. Klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie "Quellcode anzeigen", "Seitenquelle anzeigen" oder etwas ähnliches. Versuchen Sie herauszufinden, was ein bestimmtes Tag macht, das Sie nicht kennen, oder suchen Sie online nach der Antwort.
Sie können die Websites anderer Leute nicht ändern, aber Sie können den HTML-Code in Ihr eigenes Dokument kopieren und damit herumspielen, um zu sehen, was verschiedene Änderungen bewirken. Hinweis: Da viele Websites CSS-Stylesheets verwenden, können Sie möglicherweise nicht viele Farben oder andere Stile sehen.
5. Erfahren Sie mehr über HTML, indem Sie ausführlichere Artikel lesen. Es gibt viele Ressourcen im Internet, um mehr HTML-Tags zu beherrschen, wie zW3Schulen oder Codeakademie. Es gibt auch viele Bücher über HTML, aber stellen Sie sicher, dass Sie eine aktuelle Ausgabe verwenden, da sich der HTML-Standard hin und wieder ändert. Sobald Sie HTML auf einem guten Niveau beherrschen, können Sie CSS verwenden, um mehr Kontrolle über das Design und den Stil Ihrer Webseite zu erhalten. Danach ist der nächste Schritt normalerweise Javascript.Es kann nützlich sein, eine einfache Webseite im Internet zu durchsuchen und dann mit dem Code herumzuspielen. Versuchen Sie, Text zu verschieben, die Schriftart zu ändern, die Bilder zu ändern, was immer Sie wollen! Sie können den Code mit einem Notizbuch aufschreiben, damit Sie im Zweifelsfall auf etwas zurückgreifen können. Sie können diese Seite auch ausdrucken und als Referenz aufbewahren. XML und RSS werden heutzutage zunehmend auf Websites verwendet. Der Code mag für das menschliche Auge unzugänglich erscheinen, insbesondere wenn Sie ihn im Quellcode betrachten, aber die Funktionalität kann nützlich sein. Bei den in HTML verwendeten Tags wird die Groß-/Kleinschreibung nicht beachtet, aber standardmäßig werden Kleinbuchstaben verwendet (wie in diesem Artikel). Kleinschreibung für die Tags wird dringend empfohlen, auch aus Gründen der XHTML-Kompatibilität.
Tipps
Warnungen
- Einige Tags werden nicht mehr verwendet und wurden durch andere Tags ersetzt, die dasselbe tun, aber oft mehr Optionen bieten.
- Wenn Sie sicherstellen möchten, dass Ihre Seite dem HTML-Standard entspricht, besuchen Sie die W3-Website, um Ihren Code mit dem aktuellen Standard zu vergleichen. Viele Tags sind jetzt veraltet und werden durch Tags ersetzt, die in modernen Browsern besser funktionieren.
Notwendigkeiten
- Ein Textverarbeitungsprogramm wie Notepad (Windows) oder TextEdit (Mac).
- ein Blatt Papier oder ein Notizbuch (Optional)
- Ein Programm, das speziell zum Schreiben von HTML entwickelt wurde, wie Notepad++ für Windows oder TextWrangler für Mac (Optional)
Оцените, пожалуйста статью
