Spaties in HTML toevoegen

Pdf downloaden
Bijdragen van Jessica Andzouana

Pdf downloaden

Deze wikiHow laat je zien hoe je spaties en afbreekregels in HTML plaatst. Twee spaties plaatsen in html resulteert in maar één spatie op de pagina, dus heb je een HTML-tag nodig om meerdere spaties te plaatsen.

Methode 1
Methode 1 van 3:

Met html

Pdf downloaden
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Je kunt een HTML-document bewerken met een teksteditor zoals NotePad of TextEdit voor Windows. Je kunt ook een HTML-editor gebruiken, zoals Adobe Dreamweaver. Gebruik de volgende stappen om een HTML-document te openen.
    • Ga naar het HTML-document in de Verkenner in Windows of de Finder op een Mac.
    • Klik met de rechtermuisknop op het HTML-document dat je wilt bewerken.
    • Plaats de muisaanwijzer op Openen met .
    • Klik op het programma waarmee je het document wilt bewerken.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klik om een gewone spatie toe te voegen op de plek waar je de spatie wilt toevoegen en druk op de spatiebalk. Normaal gesproken zal HTML slechts één spatie tussen woorden weergeven, ongeacht hoe vaak je op de spatiebalk drukt.
  3. Watermark wikiHow to Spaties in HTML toevoegen
    Dit wordt een niet-afbrekende spatie genoemd omdat het een lijnonderbreking op zijn locatie voorkomt. [1]
    • Hoi &nbsp; allemaal! typen resulteert bijvoorbeeld in een extra spatie tussen 'Hoi' en 'allemaal!'
    • Als je dit karakter te veel gebruikt, zullen browsers moeite hebben om regelafbrekingen op een nette, leesbare manier in te voegen. [2]
    • Je kunt ook &#160; typen om een spatie te forceren.
  4. Watermark wikiHow to Spaties in HTML toevoegen
    Je kunt een langere spatie invoegen door een van de volgende opties te gebruiken: [3]
    • Twee spaties - Typ &ensp;
    • Vier spaties - Typ &emsp;
    • Indent - Typ &nbsp;&nbsp;&nbsp;&nbsp;
    Advertentie
Methode 2
Methode 2 van 3:

Met CSS

Pdf downloaden
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    CSS kan worden toegepast in de kop van een HTML-document, of het kan zijn geschreven als een extern CSS-document.
    • De kop van een HTML-document staat bovenaan het bestand. Het staat tussen de <head>- en </head>-tags.
  2. Watermark wikiHow to Spaties in HTML toevoegen
    Het stijlgedeelte komt in het hoofd van je HTML-code of op een apart stijlblad. Gebruik de volgende tags om een stijlsectie te maken in je HTML- of stijlbladdocument.
    • Typ <style> om de style-sectie te openen. Alle CSS-code komt na deze tag.
    • Typ </style> om de style-sectie aft e sluiten. Alle CSS-code komt voor deze afsluitende tag.
  3. Watermark wikiHow to Spaties in HTML toevoegen
    p {indent-text: 5em;} Dit zegt de browser om een inspringing van 5 spaties te creëren wanneer hij de juiste HTML-code heeft.
    • Je kunt het aantal spaties aanpassen door daarna een ander nummer te typen 'indent-text:'.
    • De unit 'em' is equivalent aan één spatie in het betreffende font. Je kunt ook andere eenheden gebruiken zoals percentages (bijv. 'indent-text: 15%;') of maateenheden (bijv. 'indent-text: 3mm;').
  4. Watermark wikiHow to Spaties in HTML toevoegen
    Dit komt overal in de tekst van je HTML-document terecht waar je je tekst wilt laten inspringen. Dit zal een inspringing in je tekst toevoegen die overeenkomt met de specificaties in je CSS.
    Advertentie
Methode 3
Methode 3 van 3:

Met vooraf opgemaakte tekst

Pdf downloaden
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Je kunt een HTML-document bewerken met een teksteditor zoals NotePad of TextEdit op Windows. Je kunt ook een HTML-editor gebruiken, zoals Adobe Dreamweaver. Gebruik de volgende stappen om een HTML-document te openen.
    • Ga naar het HTML-document in Verkenner op Windows of de Finder op Mac.
    • Klik met de rechtermuisknop op het HTML-document dat je wilt bewerken.
    • Plaats de muisaanwijzer op Openen met .
    • Klik op het programma waarmee je het document wilt bewerken.
  2. Watermark wikiHow to Spaties in HTML toevoegen
    Dit is de openingstag voor vooraf opgemaakte tekst.
  3. Watermark wikiHow to Spaties in HTML toevoegen
    Door de tekst vooraf op te maken worden alle spaties en regeleinden die zijn gemaakt door op 'Enter' te drukken weergegeven op de HTML-pagina. [4]
  4. Watermark wikiHow to Spaties in HTML toevoegen
    Hiermee sluit je je vooraf opgemaakte tekstsectie af.
    Advertentie

Tips

  • Als je spaties in de webbrowser vreemde symbolen worden, wordt dit hoogstwaarschijnlijk veroorzaakt door extra gegevens die zijn opgeslagen in het tekstverwerkingsformaat dat niet bedoeld is voor online weergave. Vermijd dit door een platte-teksteditor zoals Kladblok of TextEdit te gebruiken.
  • CSS is de krachtigste en voorspelbaarste manier om je pagina op te maken, inclusief de spatiëring van de tekst.
  • De non-breaking space &nbsp; is een voorbeeld van een karakterentiteit, een code die verwijst naar een karakter dat je niet op je toetsenbord kunt typen.
Advertentie

Waarschuwingen

  • Het HTML-karakter voor Tab ↹ &#09; werkt niet zoals je zou denken. Een standaard HTML-document heeft geen tabstops, dus het tabteken doet niets.
  • Schrijf je HTML altijd in een code-editor of in een gewoon tekstbestand, niet in een tekstverwerker.
Advertentie

Gerelateerde artikelen

Commentaar toevoegen aan HTML
XML bestanden openen
De broncode van een webpagina bekijken
De kleur van tekst in HTML veranderen
De hex code van een kleur achterhalen op je computer
Een onschuldig virus creëren
Programmeren in Python
Notepad gebruiken
Gegevens toevoegen aan een draaitabel in Excel
Programmeren in C
Een computerprogramma maken
Tekst centreren in HTML
Een SQL Server database maken
Een HTML bestand omzetten naar Word
Advertentie

Bronnen

  1. ↑ http://www.amp-what.com/unicode/search/space
  2. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  3. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  4. ↑ https://www.w3.org/TR/html401/struct/text.html# edef-PRE

Over dit artikel

In andere talen
Deze pagina is 92.037 keer bekeken.

Was dit artikel nuttig?

Advertentie