Tab-Leerzeichen anstelle mehrerer geschützter Leerzeichen („ “)?

Tab Leerzeichen Anstelle Mehrerer Geschutzter Leerzeichen Nbsp



In der Webentwicklung werden die Leerzeichen in HTML-Dokumenten hinzugefügt, indem das „   ” Entitätscode, der auch als geschütztes Leerzeichen bezeichnet wird. In einigen Fällen ist es erforderlich, mehrere geschützte Leerzeichen im Dokument hinzuzufügen, z. B. Tabstopps. Daher mehrere „ “ Entitätscodes können die Codesequenz und die Sauberkeit des Dokuments beeinflussen.

Um diese Probleme zu lösen, gibt es mehrere andere Möglichkeiten, mehrere geschützte Leerzeichen in das HTML-Dokument einzufügen, z. B. „ “, „ „Elemente, CSS“ Rand links “, „ Polsterung-links ” Eigenschaften und viele mehr.

Diese Studie wird Ihnen beibringen:





Zuerst werden wir ein Beispiel durchgehen, das „   “, um Leerzeichen in das HTML-Dokument einzufügen. Gehen Sie dann nach und nach die Abbildungen durch, um verschiedene Methoden zum Hinzufügen von Tabstopps zu demonstrieren.



So fügen Sie Leerzeichen mit „ “ hinzu Entitätscode in HTML?

So fügen Sie Leerzeichen mit „   ” auf der HTML-Seite folgen Sie den angegebenen Schritten:



  • Fügen Sie ein div-Element hinzu und weisen Sie ihm eine Klasse zu. Artikel “.
  • Setzen Sie danach ein „

    ”-Element für die Überschrift.

  • Fügen Sie dann das „

    ”-Element, um einen Absatz hinzuzufügen. Am Anfang des Absatzes werden die Leerzeichen hinzugefügt, indem der Entitätscode „   “:

< div Klasse = 'Artikel' >
< h2 > Wissen ist Macht < / h2 >
< p >     Wissen ist Macht bedeutet, dass ein gebildeter Mann durch die Stärke des Wissens die vollständige Kontrolle über sein Leben hat. < / p >
< / div >

Es ist ersichtlich, dass die Leerzeichen am Anfang des Absatzes erfolgreich hinzugefügt wurden:



Wie füge ich Tabulatoren mithilfe des HTML-Elements „“ hinzu?

Der HTML-Code „ “ ist ein Inline-Element, das verwendet wird, um einen Teil eines Dokuments zu markieren. Im laufenden Beispiel haben wir das -Element mit dem „ Tab ' Ich würde. Dieses Element ist im CSS gestylt, um Leerzeichen zu erzeugen:



< div Klasse = 'Artikel' >
< h2 >Wissen ist Macht< / h2 >
< p > < Spanne Ich würde = 'Tab' >< / Spanne > Wissen ist Macht bedeutet, dass ein gebildeter Mensch durch Wissen die vollständige Kontrolle über sein Leben hat s Stärke.


Stil „Artikel“ div

.Artikel {
Rand: automatisch;
Breite : 400px;
Polsterung: 10px;
}

Das ' .Artikel “ wird verwendet, um auf die „

”-Tags, die dann mit den folgenden Eigenschaften angewendet werden:

  • „ Breite ”-Eigenschaft bestimmt die Breite des Elements.
  • „ Gewinnspanne ”-Eigenschaft bestimmt die Höhe des Elements.
  • „ Polsterung “ erzeugt Raum um den Inhalt des Elements.

Stil 'Tab'-ID

#Tab {
Polsterung links: 8px;
}

Das ' #Tab ' Greife auf ... zu ' Tab ” id des -Elements und wenden Sie die „ Polsterung-links ” Eigenschaft darauf.

Ausgabe

Wie füge ich Tabulatoren mithilfe des HTML-Elements „
“ hinzu?

Das ' ”-Element definiert den vorformatierten Text. Der Text innerhalb des 

-Elements wird so wie er ist auf der Webseite angezeigt.


  Überblicken Sie das Beispiel, indem Sie zuerst die HTML-Seite erstellen:


    

  •   Ergänzen Sie die '   
       ”-Element, um dem Dokument eine Überschrift der zweiten Ebene zuzuweisen.
    • 

  •   Fügen Sie dann das „      ”-Tag und geben Sie den Inhalt mit der gewünschten Formatierung an:
    • 

  <   h2   >HTML-Pre-Tag<  /   h2   > 
  <   Vor   > 
  Funktion ProduktFunktion  (  P1, P2  )   { 
  gib p1 * p2 zurück; 
    }  
  <  /   Vor   >
   Ausgabe  

 


  Wie füge ich Tabspace mit der CSS-Eigenschaft „margin-left“ hinzu?


  So fügen Sie mithilfe des CSS „Tabspace“ hinzu   Rand links   ”-Eigenschaft, befolgen Sie das bereitgestellte Verfahren:


    

  •   Fügen Sie zuerst ein div-Element in das Dokument ein und weisen Sie ihm eine Klasse zu.   Bilder   “.
    • 

  •   Fügen Sie innerhalb dieses div-Elements zwei weitere div-Elemente zusammen mit class „   Bild-1   ' und '   Bild-2   ' beziehungsweise.
    • 

  •   Jedes dieser beiden div-Elemente enthält Bilder, die mit dem „       ' Schild.
    • 

  •   Diese '       “-Tags sind mit dem “   Quelle   ' und '   Breite   “ Attribute. Das Attribut „src“ gibt die URL des Bildes an und das Attribut „width“ passt die Breite des Bildes an.
    • 



  Hier ist der HTML-Code des oben diskutierten Szenarios:
  <   div    Klasse  =  'Bilder'  > 
  <   div    Klasse  =  'img-1'  > 
  <   Bild    Quelle  =  '/spring-images/marguerite-flower.jpg'   Breite  =  '250'  > 
  <  /   div   > 
  <   div    Klasse  =  'img-2'  > 
  <   Bild    Quelle  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   Breite  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  Die HTML-Seite sieht folgendermaßen aus: 

 


  Gehen wir zum CSS-Abschnitt, um mehrere Leerzeichen zum „   Bild-2   ”-Klasse, ohne mehrere geschützte Leerzeichen zu verwenden.


   Stil „Bilder“ div 
  .Bilder  { 
    Breite  : 500px; 
  Rand: automatisch; 

  }

  Das '   .Bilder   “ wird verwendet, um auf das HTML-Div zuzugreifen, das das „   Bilder   ' Klasse. Die Erklärung der oben genannten Eigenschaften ist wie folgt:


    

  •   „   Breite   ”-Eigenschaft bestimmt die Breite des Elements.
    • 

  •   „   Gewinnspanne   ”-Eigenschaft bestimmt den Abstand um die Seiten des Elements.
    • 



   Stil „img-2“ div  
  Greifen Sie auf das div-Element mit dem „   .img-2   “:
  .img-  2   { 
  Rand links: 30px; 

  }

  Das '   Rand links   „Immobilie mit einem“   30px   ” Der Wert wird auf das HTML-Div-Element mit der Klasse „   Bild-2   “. Diese Eigenschaft fügt 30 Pixel Platz links vom Element hinzu.


  Hier zeigt das Ergebnis, dass das zweite Bild mit etwas Abstand am Anfang angewendet wird:


 


  Wir haben das Hinzufügen von Tab-Leerzeichen ausgearbeitet, anstatt mehrere geschützte Leerzeichen zu verwenden.       “.


  Fazit


  In HTML ist das „       ” Entitätscode wird häufig verwendet, um geschützte Leerzeichen in das Dokument einzufügen. Um die mehrfache Verwendung dieses Entitätscodes zu vermeiden, gibt es andere Möglichkeiten, Tabulatoren in einem Dokument hinzuzufügen. Diese Methoden umfassen die Verwendung von HTML „      “, „      „Elemente“,   Rand links   ” Immobilien und viele mehr. In diesem Blog wurden mehrere Möglichkeiten erwähnt, die helfen, Tabulatoren im HTML-Dokument hinzuzufügen, anstatt mehrere „ “ hinzuzufügen. Entitätscodes.

							
							

							
							

							

							

							  

								 Andere

Kategorie

Beliebte Beiträge

Array von Objekten nach einzelnem Schlüssel mit Datumswert sortieren

Hugging Face Train und geteilter Datensatz

Wie verwende ich „overflow-hidden“ und „overflow-visible“ in Tailwind?

[Fix] Dateisystemfehler -2147416359 in Windows 10 - Winhelponline

So schreiben Sie einen Go-Code – Leitfaden für Anfänger

Was ist der Unterschied zwischen Potentiometern und Rheostaten?

So erstellen Sie KI-Kunst auf Discord

Wie kann man bei Rückenwind Zeilen überspannen?

So führen Sie eine Bildschirmaufnahme auf dem iPhone durch

Sleep()-Funktion in C-Sprache

Wie tagge ich einen älteren Commit in Git?

JavaScript Promise.race()-Methode

So fügen Sie in Tailwind eine Lücke zwischen Spalten hinzu

Aktivieren Sie die 2-Faktor-Authentifizierung mit Sicherheitsschlüsseln – QR-Code – Roblox

So planen Sie ein Meeting in Microsoft Teams

Was ist der Unterschied zwischen Matrix und Array in MATLAB?

So verbinden Sie Discord mit Ihrem PlayStation Network-Konto

So nutzen Sie die Sprachkanäle von Discord effektiv

Wie behebt man das Problem „Kann nicht auf den WindowsApps-Ordner zugreifen“ in Windows 10?

So installieren Sie VMware Workstation 17 Pro auf Ubuntu 22.04 LTS