Heim Web-Frontend HTML-Tutorial Lernen Sie HTML Schritt für Schritt ---- Lektion 1

Lernen Sie HTML Schritt für Schritt ---- Lektion 1

Dec 20, 2016 pm 02:32 PM
html

Wenn ich die erste Lektion unterrichte, muss ich allen zuerst das Konzept erklären: Was wir lernen, ist eine Sprache, kein Kompilierungstool. Daher müssen wir uns daran gewöhnen, das Konzept der Kompilierungstools beim Schreiben von Programmen zu ignorieren Nur wenn wir die Kompilierungstools ignorieren, können wir das Wesen einer Sprache wirklich verstehen und wirklich verstehen, wie eine Sprache gelernt wird. Dieser Prozess ist sehr wichtig.
Wenn wir eine Sprache starten, entwickeln wir oft zuerst den Compiler oder die integrierte Entwicklungsumgebung für diese Sprache und denken, dass wir danach eine Sprache vollständig beherrschen können. Tatsächlich ist dies nicht der Fall Ich habe gerade ein wenig gelernt, aber wenn es tatsächlich auf die Entwicklung des Projekts angewendet wird, ist es einfach anfällig. Daher empfehle ich dringend, dass Sie zuerst den TXT-Notizblock oder ein Microsoft Word-Dokument eingeben, um den Code einzugeben Machen Sie sich dann mit der Verwendung jedes Codes vertraut, sodass Sie nach der Beherrschung der Sprache gezielt einen Compiler mit hoher Entwicklungseffizienz verwenden können.
Heute ist die erste Lektion. Schauen wir uns zunächst einen Code an:

//Weil HTML eine Hypertext-Auszeichnungssprache ist , aber es basiert auch auf XML, daher können Sie hier sehen, dass die XML-Version 1.0 ist und dass der Standardcode UTF-8 ist

//Das Ding oben, das wie eine URL aussieht, ist keine URL, sondern ein Namespace. Dies wird in zukünftigen Studien langsam eingeführt. Okay, aber das Haupt-HTML Tag hier, es ist wie ein großes Haus, das alles darin einhüllt.

Die erste Webseite
//Der Head-Tag ist wie ein Balkon im HTML-Tag Daher muss hier der Titel-Tag hinzugefügt werden. Im Titel müssen Sie Ihren Titel hinzufügen und den spezifischen Inhalt dieser Webseite kurz beschreiben.



//Ein Tag, der dem Head-Tag entspricht. Die Funktion dieses Tags besteht darin, den im Titel enthaltenen Inhalt im Head zu erklären.
Hier sind die h-Serien-Tags eigentlich Überschrift: Bedeutung Titel; p: Absatz, Bedeutung Absatz


die erste Webseite


Am Anfang schuf Time die HyperText Markup Language. Das Internet war formlos und leer, und Text befand sich auf der Vorderseite des Monitors und die Hände von Tim bewegten sich über die Oberfläche der Tastatur. Und Tim sagte: Lass es Links geben; und es gab Links. Und Tim sah, dass die Links gut waren; und die Zeit trennte die Links vom Text. Die Zeit nannte die Links Anker und den Text nannte Er Anderes. Und das Ganze zusammen war das Erste Webseite.




Dies sollte der einfachste HTML-Code sein. Die Bedeutung der Tags habe ich bereits im Code angegeben . markiert.
Die ersten paar Zeilen dieses Codes sind Standardbeispielcodes, was bedeutet, dass fast alle Seitenquellcodes diese Inhalte enthalten.
Hier sind einige Punkte zu beachten:
Jede Webseite muss das HTML-Tag enthalten.
2 Text. In diesem Beispiel ist dieses Tag nicht erforderlich, da es nur einen Absatz gibt. Wenn diese Webseite viele Absätze enthält, ist dieses Tag sehr wichtig.
Nachdem die grundlegende Erklärung nun abgeschlossen ist, ist dies das Ende der ersten Lektion. Wir sehen uns in der nächsten Lektion!
Autor „Li Liyuan Shangcao“

Das Obige ist der Inhalt des schrittweisen Erlernens von HTML – die erste Lektion. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn). )!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles