Spaties invoegen in HTML

Als u meerdere spaties wilt maken of naar de volgende regel wilt gaan, wordt de sleutel meestal gemaakt met de spatiebalk. "tab" of de sleutel "invoeren" (of "terugkeer"), maar de codecompiler negeert ze. HTML interpreteert ze allemaal als lege spaties tussen woorden en toont een enkele spatie. Terwijl CSS u toestaat een meer precieze stijl van spaties en inspringingen te maken, heeft HTML ook verschillende hulpmiddelen beschikbaar om spaties aan te passen.

Inhoud

Stappen

Methode 1voeg eenvoudige spaties en tabbladen in
Methode 2ruimere ruimten opmaken

Tips
Waarschuwingen

stappen

Methode 1
Voeg eenvoudige spaties en tabbladen in

Titel afbeelding Insert Spaces in HTML Stap 1

Voeg een spatie in zonder regelovergang. Normaal gesproken contracteert HTML meerdere spaties in één. Schrijf - of &# 160- om een ruimte te maken die altijd zichtbaar is. Als u een grotere lege ruimte wilt invoegen, gebruikt u deze code verschillende keren. Dit is een voorbeeld van wat wordt genoemd "karakterentiteit": een code die verwijst naar een teken dat niet kan worden getypt met het toetsenbord.

Het is genoemd "spatie zonder lijnsprong" omdat het voorkomt dat er gewoon een regeleinde op die locatie wordt ingevoegd. Als je dit personage misbruikt, kunnen browsers geen regelovergangen netjes en leesbaar invoegen.

Titel afbeelding Spaces invoegen in HTML Stap 2

Voeg spaties van verschillende breedte in. Er zijn andere karakterentiteiten die de browser laten zien dat er een lege ruimte is. Elke browser kan ze op verschillende manieren weergeven, maar in tegenstelling tot -, zou dit geen invloed moeten hebben op regeleinden:

&ensp-: (uit het Engels, "jan ruimte") zijn naam komt uit het blok "N" van de printers, de ruimte "jan" is de amplitude van twee normale ruimtes.

&emsp-: spatie "eme", ongeveer vier normale ruimtes.

Titel afbeelding Insert Spaces in HTML Stap 3

Simuleert een tabel met spaties zonder regeleinde. Een manier om een alinea te laten inspringen is om meerdere spaties zonder regeleinde in te voegen gevolgd door: - - - -. Dit is slechts een oplossing voor HTML, maar het wordt niet aanbevolen als u meer toegang tot CSS hebt (beschreven in een andere stap.

Als u een alinea met een complexe tekstlay-out gebruikt, gebruikt u de tag beter "pre" (later uitgelegd).

Titel afbeelding Spaces invoegen in HTML Stap 4

Voeg de inspringingen toe met CSS. CSS-vullingen of marges zijn directe instructies voor wat de browser zou moeten weergeven, dus het resultaat is consistenter. Het toevoegen van inspringen is niet moeilijk, zelfs als u niet weet hoe u CSS moet gebruiken en geen stylesheet hebt:

Voer de volgende code in het HTML-document in:

"p.indent" definieer een type alinea (p-tag) met de naam "inspringen" (U kunt elke naam gebruiken. De rest van de code voegt toe "vulling" van lege ruimte links van deze paragrafen.

Ga nu terug naar de body van uw HTML-document. Als u een alinea met inspringingen in een HTML-document wilt maken, plaatst u deze in het label.

Wijzig om de afstand te wijzigen "1.8" voor een ander nummer. Gebruik altijd eenheden "en", die zijn gekoppeld aan de grootte van het lettertype.

Methode 2
Ruimere ruimten opmaken

Titel afbeelding Spaces invoegen in HTML Stap 5

Gebruik tekst met vooraf ingestelde indeling. Alle tekst die u tussen de labels plaatst, wordt precies weergegeven zoals u het schrijft. Elke keer dat u op de spatiebalk drukt, wordt er een spatie ingevoegd en een spatie voor elke spatie ⌅ Ga naar binnen, net alsof het een tekstverwerker was. U kunt deze tags gebruiken om voorbeelden van code, poëzie of andere tekst weer te geven waarbij het belangrijk is om elke spatie en elke regeleinde te markeren.

Tekst met vooraf ingestelde indeling kan een ander lettertype en andere tekenbreedte hebben dan normale tekst.

Titel afbeelding Insert Spaces in HTML Step 6

Regelafbrekingen invoegen Het label dient om het einde van de huidige tekstregel aan te geven. U kunt lege regels maken met behulp van verschillende labels. Als je net begint met het studeren van HTML, is het goed om ze te gebruiken, maar als je eenmaal CSS hebt geleerd, is het beter om de tekst op te maken met deze laatste taal.

Titel afbeelding Insert Spaces in HTML Step 7

Scheid de paragrafen met het label
.
Alle tekst die zich binnen de labels bevindt, wordt als een alinea beschouwd. De meeste browsers scheiden de alinea`s via een enkele lege regel, maar niets garandeert dat de tekst een bepaalde stijl heeft.

tips

Als er bij het laatste aspect van de pagina extra symbolen rond de code zweven, controleer dan of er geen labels zijn zonder deze te sluiten, bijvoorbeeld
Het ontwerp van pagina`s met CSS is veel krachtiger en voorspelbaarder dan met HTML. De spatiëring van de tekst is ook.
Vermijd het toevoegen van lege cellen onmiddellijk na een opening of een sluitingstag. Schrijf bijvoorbeeld spaties zelfstudie, en niet `` spaties `` zelfstudie .

waarschuwingen

Schrijf de HTML-code altijd in een code-editor of in een gewoon tekstbestand en niet in een tekstverwerkingsbestand. Als de spaties worden omgezet in vreemde symbolen in de webbrowser, is dit hoogstwaarschijnlijk het gevolg van de extra gegevens die zijn opgeslagen in het bestandsformaat van de tekstprocessor. Deze gegevens zijn niet ontworpen om op webpagina`s te worden weergegeven.

Delen op sociale netwerken:

Verwant