3 manieren om spaties in HTML in te voegen

Inhoudsopgave:

3 manieren om spaties in HTML in te voegen
3 manieren om spaties in HTML in te voegen

Video: 3 manieren om spaties in HTML in te voegen

Video: 3 manieren om spaties in HTML in te voegen
Video: How to Open a RPT File on PC 2024, Mei
Anonim

Deze wikiHow leert je hoe je spaties en regeleinden in HTML kunt invoegen. Aangezien u slechts één spatie in uw HTML maakt wanneer u meerdere keren op de spatiebalk drukt, moet u HTML-tags gebruiken om meer dan één spatie tegelijk in te voegen.

Stap

Methode 1 van 3: HTML-code gebruiken

Spaties invoegen in HTML Stap 1
Spaties invoegen in HTML Stap 1

Stap 1. Open het HTML-document

U kunt HTML-documenten bewerken met een tekstbewerkingsprogramma zoals Kladblok of Teksteditor op Windows. U kunt ook een HTML-editor zoals Adobe Dreamweaver gebruiken. Volg deze stappen om een HTML-document te openen.

  • Zoek naar HTML-documenten in Verkenner op een Windows-computer (of Finder op een Mac).
  • Klik met de rechtermuisknop op het HTML-document dat u wilt bewerken.
  • Plaats de muisaanwijzer op de optie " Openen met ”.
  • Klik op het programma dat u wilt gebruiken om het bestand te bewerken.
Spaties invoegen in HTML Stap 2
Spaties invoegen in HTML Stap 2

Stap 2. Druk op de spatietoets om een gewone spatie toe te voegen

Om een gewone spatie toe te voegen, klikt u op de plaats waar u een spatie moet invoegen en drukt u op de spatiebalk op uw toetsenbord. Normaal gesproken zal HTML slechts één spatie tussen woorden weergeven, ongeacht hoe vaak u op de spatiebalk drukt.

Image
Image

Stap 3. Typ om geforceerde volgspaties toe te voegen

De resulterende code staat bekend als een vaste spatie of vaste spatie omdat het lijnsplitsing voorkomt op de locatie waar de code is geplaatst.

  • Typ bijvoorbeeld Hallo allemaal! om een extra spatie in te voegen tussen de woorden "Hallo" en "iedereen!"
  • Als u deze tekens te veel gebruikt, zal uw browser moeite hebben om regeleinden op een nette en gemakkelijk leesbare manier in te voegen.
  • U kunt ook typen om geforceerd een spatie in te voegen.
Image
Image

Stap 4. Voeg spaties van verschillende breedtes in

U kunt een langere ruimte toevoegen met een van de volgende opties:

  • Twee spaties – Type
  • Vier spaties – Type
  • Inspringen – Type

Methode 2 van 3: CSS-code gebruiken

Spaties invoegen in HTML Stap 5
Spaties invoegen in HTML Stap 5

Stap 1. Open het HTML- of CSS-document

CSS-code kan worden toegepast op de kop van een HTML-document of worden geschreven als een extern CSS-document.

De kop van het HTML-document staat bovenaan het bestand. Dit gedeelte bevindt zich tussen de markeringen "" en ""

Image
Image

Stap 2. Maak een stijlsegment voor de CSS-code

Het stijlsegment moet worden toegevoegd aan de kop van de HTML-code of in een apart stijlblad. Gebruik de volgende vlaggen om stijlsegmenten in HTML-documenten of afzonderlijke stijlbladen te maken.

  • Typ om het stijlen-segment te openen. Alle CSS-code moet na deze markering worden toegevoegd.
  • Typ om het stijlsegment te sluiten. Alle CSS-code moet vóór dit slotteken worden ingevoerd.
Image
Image

Stap 3. Typ het volgende in het stijlsegment: p {text-indent: 5em;}. Deze vlag vertelt de browser om vijf spaties in te springen wanneer toegevoegd aan de juiste HTML-code.

  • U kunt het aantal of de breedte van spaties aanpassen door een ander cijfer te typen na de code "text-indent:".
  • De eenheid " em " is gelijk aan één spatie bij de opgegeven of toepasselijke lettergrootte. U kunt andere eenheden gebruiken, zoals percentages (bijv. " tekst-inspringing: 15%; ") of lengte-eenheden (bijv. " tekst-inspringing: 3 mm; ").
Image
Image

Stap 4. Tikka

op het gedeelte waarin u wilt inspringen.

Deze markering moet worden toegevoegd aan de hoofdtekst van de HTML, vóór de tekst waarin u wilt inspringen. Daarna wordt de inspringing volgens de specificaties in de CSS-code aan de tekst toegevoegd.

Methode 3 van 3: Vooraf opgemaakte tekst gebruiken

Spaties invoegen in HTML Stap 9
Spaties invoegen in HTML Stap 9

Stap 1. Open het HTML-document

U kunt HTML-documenten bewerken met een tekstbewerkingsprogramma zoals Kladblok of Teksteditor op Windows. U kunt ook een HTML-editor zoals Adobe Dreamweaver gebruiken. Volg deze stappen om een HTML-document te openen.

  • Zoek naar HTML-documenten in Verkenner op een Windows-computer (of Finder op een Mac).
  • Klik met de rechtermuisknop op het HTML-document dat u wilt bewerken.
  • Plaats de muisaanwijzer op de optie " Openen met ”.
  • Klik op het programma dat u wilt gebruiken om het bestand te bewerken.
Image
Image

Stap 2. Typ

vóór de tekst die u wilt voorformatteren.

De code is een voorgeformatteerd openingstoken voor tekst.

Image
Image

Stap 3. Typ de gewenste tekst na de"

".

Bij preformattering worden alle spaties en regeleinden die zijn gemaakt met de toets "Enter" weergegeven op de HTML-pagina.

Image
Image

Stap 4. Typ na de tekst.

Het vooraf opgemaakte tekstsegment wordt beëindigd.

Tips

  • Als de ruimte die je hebt ingevoegd vreemde symbolen in je browser produceert, is het mogelijk dat dit wordt veroorzaakt door extra gegevens in een tekstverwerkingsprogramma dat niet op internet zou moeten worden weergegeven. U kunt voorkomen dat het symbool verschijnt door de code in een tekstbewerkingsprogramma te typen, zoals Kladblok of Teksteditor.
  • CSS is een meer geavanceerde en voorspelbare stijlbladtaal voor het ontwerpen van elementen op webpagina's, inclusief tekstafstand.
  • Vaste spatie (vaste spatie)
  • is een voorbeeld van een karaktereenheid, een code die verwijst naar een karakter dat u niet via het toetsenbord kunt typen.

Waarschuwing

  • HTML-tekens voor Tab

  • werkt niet zoals je zou verwachten. Standaard HTML-documenten hebben geen tabulatiestops, dus die tekens werken niet.
  • Schrijf uw HTML-code altijd in een code-editor of platte tekstbestand, en niet in een tekstverwerkingsbestandsformaat (bijv. Word).

Aanbevolen: