<>
Mit der
Trotzdem ist HTML als Programmiersprache sehr bekannt. Der Grund ist, dass HTML von Menschen in anderen Berufen als Programmierern weit verbreitet verwendet wird.
Sie denken vielleicht “HTML wird von Menschen in anderen Berufen als Programmierern weit verbreitet verwendet…?” Nun, dieser Artikel ist eine Einführung in diese mysteriöse Sprache HTML. Er erklärt alles von grundlegenden HTML-Schreib- und Bearbeitungsmethoden bis zu Lernmethoden. Legen wir los.
Was genau ist HTML? Die Bedeutung von HTML
Nun, ich sagte, dass HTML von anderen Menschen als Programmierern verwendet wird, aber was genau ist HTML?
Laut W3Schools, einer ausländischen Programmier-Lernseite, wird HTML so erklärt:
HTML stands for Hyper Text Markup Language HTML is the standard markup language for Web pages
Auf Deutsch bedeutet das:
HTML steht für Hyper Text Markup Language HTML ist die Standard-Auszeichnungssprache für Webseiten
Nun, einige von Ihnen haben vielleicht Fragezeichen über dem Kopf. Zunächst klingt für Programmieranfänger der Begriff “Auszeichnungssprache” möglicherweise nicht vertraut.
Das “Markup” in Auszeichnungssprache ist auf Englisch “mark up”. Laut Wörterbuch bedeutet diese englische Redewendung “Codes hinzufügen, die Dokumentstruktur und Anzeigemethoden angeben.”
Das mag etwas schwierig sein. Einfach ausgedrückt, “HTML ist eine Sprache zum Schreiben von Text.” Vielleicht haben Sie Microsoft Office Word verwendet. In Word machen Sie Text fett, erstellen Listen und Checklisten, erstellen Tabellen, fügen Titel hinzu, richtig? Außerdem ändern Sie vielleicht Textfarben oder Tabellenformate.
HTML ist ein praktisches Werkzeug, mit dem Sie solche Aufgaben programmatisch beschreiben können. Nur mit Worten zu erklären, lässt es vielleicht nicht klicken. Schauen wir uns tatsächlich an, wie HTML aussieht.
Der folgende Code ist tatsächlicher HTML-Code.
<br /><meta charset="utf-8">
<title>Seitentitel</title>
# Dies ist eine Überschrift
Dies ist ein Absatz.
Dies ist ein weiterer Absatz.
Dieser Code kann so konvertiert und in einem für Menschen lesbaren Format angezeigt werden.
“Hmm, ich verstehe die Logik, aber ist das wirklich praktisch? Ist es nicht umständlich?” Einige von Ihnen fühlen sich vielleicht so. Tatsächlich sieht HTML nur so betrachtet sehr mühsam und umständlich aus.
Wie Sie vielleicht denken, ist HTML eine sehr mühsame Sprache zum Schreiben. Ich schreibe gerade einen Blogartikel mit HTML, und die Tatsache, dass HTML zu schreiben sehr mühsam ist, ist etwas, das jeder anerkennt.
Tatsächlich wird HTML selten direkt geschrieben. Lassen Sie mich einige Beispiele geben.
Viele Menschen haben wahrscheinlich Blogartikel von kostenlosen Blogdiensten wie Hatena Blog, Ameba Blog oder note.com gesehen. Diese Blogartikel werden in HTML angezeigt. Darüber hinaus kann man sagen, dass fast alle Websites und Webseiten, die über Internetbrowser zugänglich sind, in HTML angezeigt werden.
Schreiben also alle Blogger, die auf Ameba Blog oder note.com schreiben, ihre Blogs in HTML? Nein, tun sie nicht. Auf kostenlosen Blog-Plattformen gibt es in den meisten Fällen grafische Benutzeroberflächen, die es ermöglichen, HTML-kompatible Dekorationen zu Text ohne Fachkenntnisse in HTML hinzuzufügen - mit anderen Worten, nur mit Computermaus oder Smartphone-Tippen.
Sie haben vielleicht auch von WordPress gehört. WordPress ist ein kostenloses Blog-Erstellungstool, das in PHP erstellt wurde, für das Schreiben von Blogs. WordPress soll etwa 70% Marktanteil aller Websites weltweit haben und wird in verschiedenen Website-Fällen von persönlichen Blogs bis zu großen Firmenhomepages verwendet.
WordPress erfordert ebenfalls nicht, dass Sie HTML schreiben. Es ist benutzerfreundlich gestaltet, so dass sogar Menschen ohne HTML-Kenntnisse mit nur Mausoperationen wunderbare Artikel erstellen können.
Auf diese Weise, obwohl HTML auf fast allen Websites verwendet wird, wissen nicht alle Menschen, die diese Artikel schreiben, HTML.
Ist HTML eine Programmiersprache?
Nun, wie einige von Ihnen bemerkt haben, habe ich HTML in diesem Artikel kein einziges Mal eine Programmiersprache genannt. Wie ich oben sagte, “HTML ist eine Auszeichnungssprache.” HTML ist keine Programmiersprache.
HTML ist eine Sprache, deren Zweck es ist, Dinge, die in HTML geschrieben sind, in einer für Menschen lesbaren Weise zu rendern oder anzuzeigen. Andererseits sind Programmiersprachen dazu gedacht, Operationen zu automatisieren, Zeichenketten und Daten zu verarbeiten.
Zum Beispiel ist das Folgende Programmiercode, der in einer Programmiersprache namens Python geschrieben ist.
<br />import itertools
test_list = [[5,10,15,20,25,30],[20,40,60,80,100],[-20,-40,-60,-80,-100]]
output_list = list(itertools.product(*test_list))
import csv
count = 0
with open("output.txt", 'w', newline='') as myfile:
wr = csv.writer(myfile, quoting=csv.QUOTE_ALL)
wr.writerow(["id","candlesize","up","down"])
for i in output_list:
wr.writerow([count] + list(i))
count = count + 1Dieses Programm gibt Textdaten im CSV-Format wie folgt aus.
"id","candlesize","up","down"
"0","5","20","-20"
"1","5","20","-40"
"2","5","20","-60"
...Solche Programme können ähnlich in anderen Sprachen wie Ruby, JavaScript oder Java implementiert werden. Aber was wäre, wenn Sie versuchten, diese Ausgabe in HTML zu bekommen? HTML kann Text nur in einer anderen Form ausdrücken. Anstatt lange Daten aus kurzem Code wie Programmiersprachen zu generieren, ist HTMLs Charakteristik, lesbaren Text aus langem Code zu generieren.
HTML Grundlagen: Wie man schreibt
Nun, lassen Sie uns ein wenig darüber lernen, wie man tatsächlich HTML schreibt.
HTML beginnt grundsätzlich mit dem folgenden Format.
<br /><meta charset="utf-8">
<title></title>
“ zeigt an, dass die Datei in HTML geschrieben ist.
Der in html eingeschlossene Teil ist, wo Sie HTML schreiben. Beim Schreiben von HTML fügen Sie immer diesen Tag ein.
In head schreiben Sie Informationen, die für SEO-Maßnahmen benötigt werden, wie den Webseitentitel und Schlüsselwörter.
In body schreiben Sie den Text, den Sie tatsächlich anzeigen möchten, mit HTML-Tags.
Zum Beispiel ist das Folgende das einfachste HTML-Beispiel. Es verwendet h1, p und a Tags.
<br /><meta charset="utf-8">
<title></title>
# yuipro
Ein Blog über alles rund ums Programmieren, einschließlich Programmiersprachen, Software, Entwicklungsumgebungseinrichtung, Scripting/Coding, Linux, Datenbanken, Website-/Webservice-Erstellung und mehr.
[yuipro | Programmierung; Coding; Technologie; Deep Learning etc](https://yuis-programming.com/)
Herzlichen Glückwunsch. Sie sind jetzt ein richtiger HTML-Coder. In HTML sagt man, dass über 80% von HTML aus p-Tags, a-Tags und h1~h6-Tags besteht. Wenn Sie diese drei Tags in HTML verstehen, können Sie die Grundlagen als OK betrachten.
Sie können das obige HTML tatsächlich mit eigenen Händen auf der folgenden Seite bearbeiten. Versuchen Sie, den Text zu ändern, und wenn Sie zusätzliche Zeit haben, versuchen Sie, HTML-Tags hinzuzufügen, die Sie kennen.
Repl.it - HTML Online-Texteditor
HTML Grundlagen: Wie man bearbeitet
Ich kenne jemanden, der während eines Praktikums bei einem Web-Medienunternehmen HTML geschrieben hat. Das war wahrscheinlich Arbeit, die darauf abzielte, sie lernen zu lassen, wie HTML ist, während sie es tatsächlich schreiben, aber wenn man tatsächlich Artikel für Medienseiten oder Nachrichtenseiten schreibt, wird HTML selten direkt geschrieben.
Wie ich bereits oben erwähnt habe, wird HTML grundsätzlich automatisch von WordPress oder Blogseiten generiert.
Beim Bearbeiten von HTML in der Praxis verwenden Sie meistens Blog-Engines wie WordPress oder Markdown oder Texteditoren. Markdown und Texteditoren werden am Ende dieses Artikels erklärt, also lesen Sie sie bitte unbedingt.
HTML Grundlagen: Lernmethoden
Ich sagte, dass das direkte Schreiben von HTML nicht sehr üblich ist… aber tatsächlich gibt es selten Zeiten, in denen Sie HTML unbedingt schreiben müssen. Für normale Artikelproduktion und Blogartikel-Erstellung mussten Sie durch die Verwendung von Markdown oder Werkzeugen, die standardmäßig in WordPress enthalten sind, HTML nicht direkt berühren.
Wenn Sie jedoch versuchen, etwas Ausgefallenes mit HTML zu machen, müssen Sie HTML schreiben. Zum Beispiel wenn Sie einen Webservice veröffentlichen möchten oder wenn Sie SEO (Suchmaschinenoptimierung) betreiben möchten.
In solchen Fällen müssen Sie HTML etwas lernen. Aber trotzdem müssen Sie überhaupt nicht alle HTML-Tags lernen. Ich selbst habe über 100 Websites und Webservices erstellt, aber es gibt viele HTML-Tags, die ich nicht kenne und nie verwendet habe.
Ich habe wichtige HTML-Tags aufgelistet, die extrem oft verwendet werden, die Sie sich irgendwie merken sollten. Wenn Sie gerade dabei sind, HTML zu lernen, verwenden Sie dies bitte als Referenz.
body
a
p
h1 ~ h6
b
strong
br
div
iframe
style
tableWenn Sie Tags außerhalb der obigen HTML-Tags benötigen, empfehle ich die folgende Lernseite. Bitte verwenden Sie sie als Referenz.
HTML & CSS Anfängerkurs | Progate
Wenn Sie Englisch lesen können, wird auch diese Seite empfohlen. Sie können etwa 50 häufig verwendete HTML-Tags lernen, während Sie sie tatsächlich schreiben.
Etwas andere Arten, HTML zu schreiben
Nun, am Anfang dieses Artikels sagte ich, dass es nicht viele Gelegenheiten gibt, HTML direkt zu schreiben. Wie erwähnt, ist HTML eine mühsame Sprache zum Schreiben. Daher schreiben sogar Programmierer selten HTML direkt.
Zum Schluss lassen Sie mich einige etwas andere Arten vorstellen, HTML zu schreiben.
Texteditoren nutzen
Wissen Sie, was ein Texteditor ist? Ein Texteditor ist Software, die entwickelt wurde, um das Programmieren zu erleichtern. Sie verwenden wahrscheinlich Windows 10. Windows hat Software namens notepad.exe, allgemein bekannt als “Notepad.” Es ist berühmt.
Diese Notepad-App ist auch eine Art Texteditor. Aber tatsächlich ist dieses Notepad nicht sehr zum Programmieren geeignet. Berühmte Texteditoren, die fürs Programmieren entwickelt wurden, sind Sublime Text 3, Atom und Sakura Editor. Diese Texteditoren sind mit verschiedenen Funktionen ausgestattet wie Farbcodierung von Programmiercode, Debugging zur Fehlerbehebung und Ausführen von Programmiercode mit Tastenkombinationen.
Dies ist ein Beispiel für das Schreiben von HTML in Atom, einem Texteditor, den ich seit Jahren verwende.
Waren Sie überrascht? Texteditoren kommen mit Tastenkombinationen zum einfachen Schreiben von HTML und Programmiersprachen als Standardfunktionen.
Das Schreiben von <p>Hallo!</p> in HTML dauert lange, aber erscheint es nicht sehr einfach, wenn Sie nur p tippen und Enter drücken?
Markdown nutzen
Haben Sie von Markdown gehört? Tatsächlich ist Markdown in den letzten Jahren besonders unter Bloggern schnell populär geworden. Markdown ist, in einem Wort, eine Auszeichnungssprache zum schnellen Schreiben von HTML.
Markdown wird an der folgenden Seite geübt werden können. Bitte probieren Sie es mit eigenen Händen aus.
Repl.it - Markdown Online-Editor
Auszeichnungssprachen außer HTML
Ich denke, Sie verstehen, dass HTML eine Auszeichnungssprache ist. Wenn Sie das wissen, denken Sie vielleicht:
“Es gibt viele Programmiersprachen wie Ruby, Python, Java… aber ist HTML die einzige Auszeichnungssprache?”
Nein, ist es nicht. HTML ist nicht die einzige Auszeichnungssprache. Da es außerhalb des Rahmens dieses Artikels liegt, kann ich nicht im Detail erklären, aber lassen Sie mich sie kurz vorstellen.
Haben Sie von einer Sprache namens LaTeX gehört? Dies ist eine Auszeichnungssprache, die erstellt wurde, um mathematische Formeln zu rendern und auszuzeichnen, die in Mathematik und Physik verwendet werden. Vielleicht haben Sie wissenschaftliche Arbeiten gesehen. Forschungsarbeiten enthalten häufig mathematische Formeln aus der Mathematik. Beim Einschließen von Formeln in PDF-Dateien von Forschungsarbeiten ist die Verwendung dieser LaTeX-Sprache die Hauptmethode.
Auch das Markdown, das ich oben vorgestellt habe, ist auch eine Art Auszeichnungssprache. Es ist als Auszeichnungssprache zum Schreiben von Auszeichnungssprachen positioniert.
Zusammenfassung
Wie war es? Für Programmieranfänger ist das Lernen von HTML der erste Schritt. Es ist jedoch auch wahr, dass viele Menschen Angst haben, diesen ersten Schritt zu machen. Wie ich diesmal vorgestellt habe, ist HTML keine Programmiersprache und ist einfacher und leichter in der Konstruktion.
Lassen Sie mich das klar sagen: HTML ist überhaupt nicht schwierig. Ich hoffe, dieser Artikel kann etwas Mut geben, den ersten Schritt im Programmieren lernen zu machen.