Erste Schritte: Eine kurze Einführung in die grundlegenden Tags und Attribute von HTML

Erste Schritte: Eine kurze Einführung in die grundlegenden Tags und Attribute von HTML

HTML besteht aus Tags und Attributen, die zusammen verwendet werden, um dem Browser mitzuteilen, wie eine Seite angezeigt werden soll. Ein Logo dient dazu, auf einen Dokumentbestandteil wie einen Text oder ein Bild zu verweisen. Attribute sind Optionen für ein Logo, die im Logo geändert werden, wie Farbe, Ausrichtung, Höhe und Breite. Viele Zeichen erscheinen paarweise, zum Beispiel zeigt das erste den Start an und das zweite
HTML besteht aus Tags und Attributen, die zusammen verwendet werden, um dem Browser mitzuteilen, wie eine Seite angezeigt werden soll. Ein Logo dient dazu, auf einen Dokumentbestandteil wie einen Text oder ein Bild zu verweisen. Attribute sind Optionen für ein Logo, die im Logo geändert werden, wie Farbe, Ausrichtung, Höhe und Breite. Viele Tags kommen paarweise vor, es gibt beispielsweise <TITLE> und </TITLE>. Das erste kennzeichnet den Anfang und das zweite das Ende, und der Inhalt wird zwischen den beiden platziert.
Grundstrukturmarkierung
< HTML > ----------Zeigt an, dass die Datei eine HTML- Datei ist
<HEAD> ----------Enthält den Titel der Datei, verwendete Skripte, Stildefinitionen usw.
<TITLE>HALLO WELT! </TITLE> - enthält den Titel der Datei, der in der Titelleiste des Browsers angezeigt wird
<HEAD> ----------</HEAD> Endezeichen
<BODY> --------Platzieren Sie alle Zeichen und Attribute der im Browser angezeigten Informationen, und der Inhalt wird im Browser angezeigt</BODY>
</ HTML > ----------< HTML > End-Tag
Andere Hauptsymbole Alle folgenden Symbole werden in <BODY></BODY> verwendet
<A HREF="…"></A> ----------Linksymbol, „…“ ist die Adresse der Linkdatei
<IMG SRC="…"> ----------Zeigt das Bildlogo an, "…" ist die Adresse des Bildes
<BR> ----------Zeilenumbruchsymbol
<P> ----------Segmentmarkierung
<B></B> ----------Fettdruck verwenden
<I></I> ----------Kursivschrift verwenden
<HR> ----------Horizontale Linienzeichnung
<TABLE></TABLE> ----------Definiert eine Tabelle, ein wichtiges Symbol in HTML
<TR></TR> ----------Definiert die Zeilen einer Tabelle, verwendet in <TABLE></TABLE>
<TD></TD> ----------Tabellenzelle, verwendet in <TR></TR>
<FONT></FONT> ----------Schriftstil-Logo
Verwendung von Eigenschaften:
Attribute werden zum Ändern von Tags verwendet und innerhalb des Start-Tags platziert.
Beispiel: Das Attribut bgcolor="BLACK" bedeutet, dass die Hintergrundfarbe schwarz ist. Beispiele für Referenzattribute: <BODY bgcolor="BLACK"></BODY> bedeutet, dass die Seitenhintergrundfarbe schwarz ist, <TABLE bgcolor="BLACK"></TABLE> bedeutet, dass die Tabellenhintergrundfarbe schwarz ist.
Gemeinsame Eigenschaften: Ausrichtungseigenschaften, Bereichseigenschaften
ALIGN=LEFT Linksbündig (Standard) WIDTH=Breite des Objekts in Pixeln oder Prozent
ALIGN=CENTER Center HEIGHT=Pixelwert oder Prozentwert der Objekthöhe
ALIGN=RIGHT Farbattribut für die rechte Ausrichtung
COLOR=#RRGGBB Vordergrundfarbreferenz-Farbtabelle
BGCOLOR=#RRGGBB Hintergrundfarbe

<<:  Lösung für das zu langsame Herunterladen des Docker-Images

>>:  Ein einfaches Tutorial zur Verwendung des MySQL-Protokollsystems

Artikel empfehlen

Vue3-Kompilierungsprozess - Quellcodeanalyse

Vorwort: Vue3 ist schon seit langem verfügbar. Vo...

So implementiert Webpack das Caching statischer Ressourcen

Inhaltsverzeichnis Einführung Unterscheiden Sie z...

Layui implementiert den Bestätigungscode der Anmeldeschnittstelle

In diesem Artikelbeispiel wird der spezifische Co...

Bootstrap realisiert den Karusselleffekt

In diesem Artikel wird der spezifische Code von B...

So verwenden Sie Elemente in React-Projekten

Dies ist mein erstes Mal, dass ich das Element-Fr...

Was sind die Kernmodule von node.js

Inhaltsverzeichnis Globales Objekt Globale Objekt...

Das Vue-Projekt implementiert eine Fortschrittsbalkenfunktion für den Dateidownload

Im täglichen Geschäftsleben gibt es zwei gängige ...

Eine Untersuchung des JS-Operators im Problem

Die Sache ist: Jeder kennt „Speicherlecks“. Es gi...

Tutorial-Diagramm zur Installation von TomCat unter Windows 10

Installieren Sie TomCat unter Windows Dieser Arti...