Hoe om spasies in HTML in te voeg

Om verskeie spasies te skep of na die volgende reël te gaan, word die sleutel gewoonlik met die spasiebalk geskep. "blad" of die sleutel "Tik" (of "terugkeer"), maar die kode samesteller ignoreer hulle. HTML interpreteer hulle almal as leë spasies tussen woorde en toon `n enkele spasie. Terwyl CSS jou toelaat om `n meer presiese styl van spasies en insekte te skep, het HTML ook verskeie gereedskap beskikbaar om spasies aan te pas.

conținut

Stappe
Metode 1voeg eenvoudige spasies en tabs in
Metode 2formateer breër ruimtes
Wenke
Waarskuwings

stappe

Metode 1
Voeg eenvoudige spasies en tabs in

Prent getiteld Voeg spasies in HTML Stap 1

Voeg `n spasie in sonder lynbreuk. Normaalweg kontrakteer HTML verskillende spasies in een. Skryf - of &# 160- om `n spasie te skep wat altyd wys. As u `n groter oop spasie wil invoeg, gebruik hierdie kode `n paar keer. Dit is `n voorbeeld van wat genoem word "karakter entiteit": `n kode wat verwys na `n karakter wat nie met die sleutelbord getik kan word nie.

Dit word genoem "ruimte sonder lyn spring" omdat dit verhoed dat jy net `n lynbreuk in daardie plek invoer. As jy hierdie karakter misbruik, sal blaaiers nie lynbreuke netjies en leesbaar kan plaas nie.

Prent getiteld Voeg spasies in HTML Stap 2

Voeg spasies van verskillende breedte in. Daar is ander karakter entiteite wat die leser vertel om `n leë spasie te wys. Elke blaaier kan hulle op verskillende maniere vertoon, maar in teenstelling tot -, moet dit nie lynbreuke beïnvloed nie:

&ensp-: (uit Engels, "Jan ruimte") sy naam kom van die blok af "N" van die drukkers, die ruimte "Jan" is die amplitude van twee normale ruimtes.

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

Prent getiteld Voeg spasies in HTML Stap 3

Simuleer `n tabel met spasies sonder lynbreuk. Een manier om `n paragraaf in te sluit, is om verskeie spasies sonder lynbreuk in te voeg: - - - -. Dit is net `n oplossing vir HTML, maar dit word nie aanbeveel as u meer toegang tot CSS het nie (beskryf in `n ander stap.

As jy `n paragraaf met `n komplekse teksuitleg het, gebruik die kode beter "pre" (verduidelik later).

Prent getiteld Voeg spasies in HTML Stap 4

Voeg die inspringings by CSS by. CSS-vullings of -marge is direkte instruksies van wat die blaaier moet wys, so die resultaat is meer konsekwent. Om inspringings by te voeg, is nie moeilik nie, selfs al weet jy nie hoe om CSS te gebruik nie en het jy nie `n style nie:

Voer die volgende kode in die HTML-dokument in:

"p.indent" Definieer `n tipe paragraaf (p tag) genoem "streepje" (U kan enige naam gebruik. Die res van die kode voeg by "vul" van leë spasie aan die linkerkant van hierdie paragrawe.

Gaan nou terug na die liggaam van jou HTML-dokument. Om `n paragraaf met indentasies in `n HTML-dokument te maak, plaas dit binne-in die etiket.

Om die spasiëring te verander, vervang "1.8" vir `n ander nommer. Gebruik altyd eenhede "en", wat gekoppel is aan die grootte van die lettertipe.

Metode 2
Formateer breër ruimtes

Prent getiteld Voeg spasies in HTML Stap 5

Gebruik teks met vooraf ingestelde formaat. Al die teks wat u tussen die etikette plaas, sal presies vertoon word soos u dit skryf. `N Spasie sal ingesluit word elke keer as jy die spasiebalk druk en `n lynbreek vir elkeen ⌅ Tik, net asof dit `n woordverwerker was. U kan hierdie etikette gebruik om voorbeelde van kode, poësie of enige ander teks te wys waar dit belangrik is om elke spasie en lynbreuk uit te lig.

Teks met vooraf ingestelde formaat kan `n ander font en breedte hê, anders as normale teks.

Prent getiteld Voeg spasies in HTML Stap 6

Voeg lynbreuke in Die etiket dien as die einde van die huidige teksreël. Jy kan leë lyne skep met verskeie etikette. As jy net HTML begin studeer, is dit goed om dit te gebruik, maar sodra jy CSS leer, is dit beter om die teks met hierdie laaste taal te formateer.

Prent getiteld Voeg spasies in HTML Stap 7

Skei die paragrawe met die etiket
.
Al die teks wat in die etikette is, sal as `n paragraaf beskou word. Die meeste blaaiers skei paragrawe deur `n enkele leë lyn, maar niks waarborg dat die teks `n sekere styl sal hê nie.

wenke

As jy die finale aspek van die bladsy sien, is daar ekstra simbole wat rondom die kode beweeg, maak seker dat daar geen etikette is sonder om te sluit nie, byvoorbeeld,
Die ontwerp van bladsye met CSS is baie kragtiger en voorspelbaar as met HTML. Die spasiëring van die teks is ook.
Moenie spasies onmiddellik na `n opening- of sluitingsteken insluit nie. Skryf byvoorbeeld spasies handleiding, en nie `` spasies `` nie handleiding .

waarskuwings

Skryf altyd die HTML-kode in `n kode-redakteur of in `n gewone tekslêer en nie in `n lêerformaat vir tekstverwerking nie. As die spasies in vreemde simbole in die webblaaier verander word, is dit waarskynlik die gevolg van die bykomende data wat in die teksverwerker lêerformaat gestoor word. Hierdie data is nie ontwerp om op webblaaie vertoon te word nie.

Deel op sosiale netwerke:

Verwante