Registerkarte Platz anstelle mehrerer nicht bahnbrechender Räume ?

In der Webentwicklung werden die Räume in HTML -Dokumenten mithilfe der “hinzugefügtEntitätscode, der auch als nicht bahnbrechender Raum bezeichnet wird. In einigen Fällen ist das Hinzufügen mehrerer nicht bahnbrechender Räume im Dokument erforderlich, z. B. Tabellenraum, erforderlich. Daher können mehrere „Entitätscodes“ die Codesequenz und Sauberkeit des Dokuments beeinflussen.

Um diese Probleme anzugehen, gibt es verschiedene andere Möglichkeiten, mehrere nicht bahnbrechende Räume in das HTML-Dokument aufzunehmen, wie z

",""Elemente, CSS"links","Padding-LinksEigenschaften und vieles mehr. 
 
Diese Studie wird Ihnen beibringen:
 
 
So fügen Sie Leerzeichen mit dem Entitätscode "" "hinzu?
 
So fügen Sie Tabellenraum mithilfe des HTML -Elements hinzu?
 
So fügen Sie den Registerkartenraum mithilfe von HTML hinzu
" Element?
 
So fügen Sie Tabellenraum mit der CSS-Eigenschaft "Margin-Links" hinzu?
 
 
Erstens werden wir ein Beispiel durchgehen, das implementiert “”Hinzufügen von Räumen im HTML -Dokument. Gehen Sie dann nach und nach die Abbildungen durch, um verschiedene Methoden zu demonstrieren, um Registerkarte hinzuzufügen. 
 
So fügen Sie Leerzeichen mit "Entitätscode" in HTML hinzu?
 
Um Räume mit “hinzuzufügen“Befolgen Sie auf der HTML -Seite den angegebenen Schritten:
 
 
Fügen Sie ein DIV -Element hinzu und weisen Sie ihm eine Klasse zu “Artikel”. 
 
Danach platzieren Sie eine "
Element für die Überschrift.
 
Dann fügen Sie das hinzu “
Element zum Hinzufügen eines Absatzes. Zu Beginn des Absatzes werden die Leerzeichen hinzugefügt, indem der Entitätscode angegeben ist”:
 
 
Wissen ist Macht

     Wissen ist Macht bedeutet, dass ein gebildeter Mann durch die Stärke des Wissens die vollständige Kontrolle über sein Leben hat. 

 
Es ist ersichtlich, dass die Räume zu Beginn des Absatzes erfolgreich hinzugefügt wurden:
  
So fügen Sie Tabellenraum mithilfe des HTML -Elements hinzu?
 
Die HTML "Ist ein Inline -Element, das verwendet wird, um einen Teil eines Dokuments zu markieren. Im laufenden Beispiel haben wir das Element mit dem "hinzugefügt" hinzugefügtTab" Ausweis. Dieses Element wird im CSS gestaltet, um Raum zu erzeugen:
 
Wissen ist Macht

  Wissen ist Macht bedeutet, dass ein gebildeter Mann durch die Stärke des Wissens die vollständige Kontrolle über sein Leben hat.

 
Stil "Artikel" Div
 .Artikel 
Rand: Auto;
Breite: 400px;
Polsterung: 10px;
 
Der ".Artikel”Wird verwendet, um auf die zuzugreifen"Tags, die dann mit den folgenden Eigenschaften angewendet werden:
 
 
“BreiteEigenschaft bestimmt die Breite des Elements.
 
“RandEigenschaft bestimmt die Größe des Elements.
 
“PolsterungErzeugt Platz um den Inhalt des Elements.
 
 
Stil "tab" id style
 #tab 
Padding-Links: 8px;
 
Der "#Tab" Greife auf ... zu "TabID des Elements und wenden Sie das anPadding-LinksEigentum darauf.
 
Ausgang 
 
 
So fügen Sie den Registerkartenraum mithilfe von HTML hinzu
" Element?
 
Der "
Element definiert den vorformatierten Text. Der Text innerhalb der 
 Das Element wird auf der Webseite so angezeigt, wie es ist.
 
Überblick das Beispiel, indem Sie zuerst die HTML -Seite erstellen:
 
 
Ergänzen Sie die "
Element, um das Dokument eine Überschrift von Level 2 zu setzen.
 
Dann fügen Sie das hinzu “
Tag und Geben Sie Inhalte mit der gewünschten Formatierung an:
 
 
HTML Pre -Tag


Funktionsproduktfunktion (p1, p2) 
return p1 * p2;

 
Ausgang
 
 
So fügen Sie Tabellenraum mit der CSS-Eigenschaft "Margin-Links" hinzu?
 
So fügen Sie den Tabellenraum mit den CSS hinzulinksEigentum, befolgen Sie das bereitgestellte Verfahren:
 
 
Fügen Sie zunächst ein DIV -Element in das Dokument ein und weisen Sie ihm eine Klasse zu “Bilder”. 
 
Fügen Sie in diesem DIV -Element zusammen mit der Klasse zwei weitere Div -Elemente hinzu “IMG-1" Und "IMG-2" bzw.
 
Jedes dieser beiden DIV -Elemente enthält Bilder, die mit dem “angegeben werden" Schild. 
 
Diese ""Tags sind mit dem" verbunden "src" Und "Breite”Attribute. Das Attribut „SRC“ gibt die URL des Bildes an, und das Attribut „Breite“ passt die Breite des Bildes an. 
 
 
Hier ist der HTML-Code des oben diskutierten Szenarios:
 






 
Die HTML -Seite sieht so aus:
 
 
Bewegen wir uns in Richtung des CSS -Abschnitts, um dem "mehrere Räume hinzuzufügen"IMG-2Klasse, ohne mehrere nicht bahnbrechende Räume zu verwenden.
 
Stil „Bilder“ div
 .Bilder 
Breite: 500px;
Rand: Auto;
 
Der ".Bilder”Wird verwendet, um auf das HTML -DIV zuzugreifen, das die„ enthält “Bilder" Klasse. Die Erklärung der oben genannten Eigenschaften lautet wie folgt:
 
 
“BreiteEigenschaft bestimmt die Breite des Elements.
 
“RandEigenschaft bestimmt den Raum um die Seiten des Elements.
 
 
Stil „IMG-2“ Div
Greifen Sie mit dem “auf das Divelelement zu.IMG-2”:
 .IMG-2 
Rand-Links: 30px;
 
Der "linksEigentum mit einem "30px"Wert wird auf das HTML -DIV -Element mit Klasse angewendet"IMG-2”. Diese Eigenschaft fügt links vom Element 30px Platz hinzu.
 
Hier zeigt das Ergebnis, dass das zweite Bild zu Beginn mit etwas Platz angewendet wird:
  
Wir haben nach dem Hinzufügen von Registerkartenräumen ausgearbeitet, anstatt mehrere nicht brechen”.
 
Abschluss
 
In HTML die “Der Entitätscode wird üblicherweise verwendet. Um diesen Entitätscode mehrmals zu vermeiden, gibt es andere Möglichkeiten, in einem Dokument den Registerkarte hinzuzufügen. Diese Methoden umfassen die Verwendung von HTML “
",""Elemente", "linksEigentum und vieles mehr. In diesem Blog wurden verschiedene Möglichkeiten erwähnt, mit denen Registerkarte im HTML -Dokument hinzugefügt wird, anstatt mehrere „Entitätskodes“ hinzuzufügen.