Anfänger erlernen altes Wissen (1) HTML-Sprachgrundlagen

1.

In den letzten zwei Jahren haben viele Unternehmen grafische HTML-Entwicklungstools entwickelt, die die Erstellung von Webseiten sehr einfach machen. Bearbeitungstools wie Microsoft FrontPage von Microsoft, Adobe Pagemill von Adobe und Dreamweaver von Micromedia werden alle als „What You See Is What You Get“-Tools bezeichnet. Diese grafischen Entwicklungstools können Webseiten direkt verarbeiten, ohne aufwändiges Markup schreiben zu müssen. Dadurch können Benutzer Webseiten ohne Grundkenntnisse der HTML-Sprache schreiben. Zu diesem Zeitpunkt wird die Aufgabe des Schreibens von HTML-Dokumenten von den Entwicklungstools für Sie erledigt. Dies ist der größte Erfolg von Webgrafikbearbeitungstools, aber auch ihr größtes Manko. Aufgrund der Einschränkung durch das Grafikbearbeitungstool selbst wird eine große Menge Junk-Code generiert. Der Grund ist ganz einfach. Lassen Sie mich ein einfaches Beispiel geben und Sie werden es verstehen. Beispiel: Wenn beim Entwerfen einer Tabelle auf einer Webseite die Breite und Höhe jeder Zelle automatisch anhand des Inhalts bestimmt werden, muss HTML nur die Reihenfolge der Tabelle und Zellen (d. h. die Anzahl der Zeilen und) mitteilen Spalten), aber weil grafische Entwicklungstools Ihre speziellen Anforderungen nicht kennen können, können sie nur allgemeine Anforderungen übernehmen und die Breite und Höhe jeder Zelle definieren, wodurch viel Code hinzugefügt wird. Daher sollte ein kluger Webseitenschreiber die HTML-Sprache auf der Grundlage der Beherrschung grafischer Bearbeitungswerkzeuge weiter erlernen, um zu wissen, was Junk-Code ist. Auf diese Weise können wir grafische HTML-Entwicklungswerkzeuge verwenden, um Webseiten schnell zu erstellen und unnötigen Code zu entfernen Code, um den Zweck zu erreichen, schnell qualitativ hochwertige Webseiten zu erstellen.

2. Wie verwende ich HTML?

HTML-Sprache, auch bekannt als Hyper Text Markup Language, ist die Abkürzung für English Hyper Text Markup Language. Als Auszeichnungssprache besteht die HTML-Sprache aus einigen spezifischen Symbolen und einer bestimmten Syntax und ist daher sehr leicht zu verstehen und zu beherrschen. Man kann sagen, dass die HTML-Sprache unter allen Computerprogrammiersprachen am einfachsten zu erlernen ist. Die Dokumente, aus denen HTML besteht, sind alle ASCII-Dateien, sodass das Erstellen von HTML-Dateien sehr einfach ist und nur einen gewöhnlichen Zeicheneditor erfordert. Beispielsweise können Notepad und WordPad in Windows verwendet werden. Sie können auch spezielle HTML-Bearbeitungstools verwenden: Tools wie CoffeeHTML, Homesite, HTMLedit Pro usw. Ihre Funktion besteht darin, dass sie automatisch Grammatikfehler in HTML-Dokumenten überprüfen und bei Korrekturen helfen können. Dank des grafischen HTML-Entwicklungstools können wir damit zunächst eine Webseite erstellen und dann mithilfe der WYSIWYG-Funktion den nutzlosen Code löschen Beherrschen Sie HTML kompetent. Insbesondere Dreamweaver4, das kürzlich von Micromedia veröffentlicht wurde, kann den Quellcode-Editor und den Webseiten-Editor im selben Fenster platzieren, was sehr praktisch ist.

3. Grundkonzepte von HTML

1. Tags

Die von HTML zur Beschreibung von Funktionen verwendeten Symbole werden „Tags“ genannt. Wie „HTML“, „BODY“, „TABLE“ usw. Markierungen müssen in eckigen Klammern „“ stehen und paarweise erscheinen. Eine Markierung ohne Schrägstrich gibt den Beginn der Markierungswirkung an, eine Markierung mit einem Schrägstrich zeigt das Ende der Markierungswirkung an. Beispielsweise gibt

den Anfang einer Tabelle und das Ende einer Tabelle an. In HTML hat die Größe des Markups den gleichen Zweck, z. B. geben beide den Anfang einer Tabelle an.

Tags können Tags enthalten, z. B. Tabellen, die Tabellen oder andere Tags enthalten. Die folgende HTML-Codestruktur ist korrekt:

Aber Tags können nicht kreuzverschachtelt werden:

Das ist falscher Code

2. Sonderzeichen

Da eckige Klammern und englische doppelte Anführungszeichen zur Eingabe von HTML-Tags und Parameterwerten verwendet werden . Wenn Sie eckige Klammern und englische Anführungszeichen auf einer Webseite anzeigen möchten, können Sie diese nur durch andere Symbole ersetzen:

>oder>entsprechendes Zeichen>
“ oder „——entsprechendes Zeichen“
à——entsprechendes Zeichen A

　3. Syntax

Eine Markierung Um seine Funktion zu verdeutlichen, wird es häufig mit einigen Attributparametern beschrieben. Die Spezifikation dieser Attributparameter ist beispielsweise: Absatzmarke

, ihr Syntaxformat ist:

Dies bedeutet, dass das

-Tag zwei Attributparameter hat, nämlich „align“ und „class“, wobei „align“ verwendet wird davon, ob die Position des Definitionsabschnitts links, rechts oder in der Mitte liegt. In der tatsächlichen Anwendung können die Parameter „align“ und „class“ natürlich nicht verwendet werden Dies ist eines unserer Hauptkriterien für die Beurteilung von nutzlosem Code. Wenn es einen Anweisungscode gibt, der die Standardwerteinstellung im Webseitencode beschreibt, handelt es sich offensichtlich um nutzlosen Code Wenn der Standardwert keinen Einfluss auf den Effekt hat oder nur geringe Auswirkungen hat, werden wir versuchen, den Standardwert zu verwenden, sodass keine Notwendigkeit besteht, ihn festzulegen, wodurch der Code reduziert wird

Die spezifischen Werte der Tag-Parameter müssen mit spanischen Anführungszeichen versehen werden. Um den Absatzinhalt beispielsweise zu zentrieren, ist die korrekte Schreibweise wie folgt:

Beispiel für die Zentrierung des Absatzinhalts

Der Schlüssel zum Erlernen der guten Verwendung der HTML-Sprache liegt in der flexiblen Anwendung von Tag-Parametern. Insbesondere die Anwendung von Standardwerten.

Das Obige ist der Inhalt für Anfänger zum Erlernen alter Kenntnisse (1) HTML-Sprachgrundlagen. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!