Tartalom

• Lépések
• Tanács
• Figyelem

Sok webes programozási nyelvben figyelmen kívül hagyják a szóközöket, amelyeket általában szóközök, tabulátorok és Enter billentyűk segítségével hoznak létre. A HTML mindegyiket szabályos szóközként definiálja a szavak között, és csak egyetlen szóközt jelenít meg. Míg a CSS lehetővé teszi a szóköz és az igazítás részletesebb beállításait, a HTML-nek nincsenek beépített eszközei a térköz testreszabásához.

Lépések

1/2 módszer: Helyezzen be szóközöket és egyetlen füleket

1. 

   A szóközök nincsenek törve. A HTML általában csak egy szóközt jelenít meg a szavak között, függetlenül attól, hogy hányszor lenyomta a szóközt. Több összefüggő szóköz megjelenítéséhez írja be a vagy a billentyűt. Ez a kód létrehoz egy speciális karaktert, amelyet "nem törő szóköznek" hívnak, és mindig megjelenik.
   • A fenti karaktert "elpusztíthatatlan térnek" nevezzük, mert megakadályozza, hogy a sortörések a helyükön legyenek. Ha túlzásba viszi ezt a karaktert, a böngészőnek nehézségekbe ütközik a sortörések rendezett és függőleges beillesztése.

2. 

   
   
   Helyezzen be különböző szélességű szóközöket. Van néhány más entitáskarakter, amelyekhez a böngészőnek szóköz megjelenítésére van szükség. Az, hogy ezek a szóközök hogyan jelennek meg a különböző böngészőkben, kissé eltér, azonban a következő kódokkal ellentétben nem befolyásolják a sortörést:
   • - a nyomtató "N" területéről (mértékegység) kapta a nevét, az "en" szó kétszer olyan széles, mint a normál tér.
   • - "em" szóköz, körülbelül négy szóköz.

3. 

   
   
   Szimulál egy lapot rengeteg roncsolásmentes területtel. A bekezdések behúzásához be kell illeszteni az elpusztíthatatlan szóközöket egymás után:. Ez az egyetlen megoldás, ha csak HTML-t használ, de ha CSS-t használ (amelyet külön leírunk az alábbi lépésben), akkor rövidebb lesz.
   • Ha a szöveg összetett bemutatása van, használja az előcímkét.

4. 

   
   
   A bekezdések igazítása a CSS-hez. A CSS "margin" és "padding" tulajdonságai közvetlenül a böngészőnek adnak utasításokat, így a megjelenített eredmények következetesebbek lesznek. Ezt a módszert nem nehéz megvalósítani, hacsak nem tud semmit a CSS-ről, és az oldalának nincs stíluslapja. Íme egy példa arra, hogyan lehet egy teljes bekezdést a jobb margóra mozgatni:
   • Szakaszban a HTML-dokumentum beillesztéséhez írja be a következő kódot:
     
     ahol: "p.indent" meghatározza a szöveg (p tag) nevének "behúzás" attribútumát (használhat másik nevet is). A kód többi része hozzáadja a "kitöltés" szóköz tulajdonságát a bekezdés bal oldalához.
   • Most térjünk vissza a HTML dokumentum törzsére. Bármikor, amikor bekezdést kíván behúzni (ebben a példában továbbra is „behúzás”), tegye a bekezdést ebbe a kódba:
     

   • A behúzási távolság igazításához módosítsa az "1.8" számot a CSS-kódban. Tartsa az "em" -t mögött, mivel ez a betűmérethez tartozó hosszegység.
   hirdetés

2. módszer a 2-ből: Hosszabb rések készítése

1. 

   Használjon előre formázott címkéket. Bármelyik gombot tér jó ↵ Enter be van írva a kártyára

   pontosan a gépelés közben jelenik meg. Használhatja ezt a címkét példák, versek vagy bármilyen más szöveg bemutatására is, amely nagy pontosságot igényel a térköz és a sortörések bemutatásában.

   • Az előre formázott kártyák fő hátránya a szélesség. A szokásos HTML-től eltérően az előre formázott szöveg nem kerül átméretezésre, hogy megfeleljen a felhasználó ablakméretének.

2. 

   Hozzon létre egy sortörést. Kártya
   befejezi az aktuális szövegsort. Üres sorokat létrehozhat több sortörési címke használatával. A HTML-ben nem ismerő hallgatók számára ez jó megközelítés, de ha megtanulta a CSS-t, akkor ez a kötelező HTML-formátum nem ajánlott.

3. 

   Azonosítsa a bekezdést a "p" címkével. A szöveg körüli címke azonosítja azt a bekezdést. A legtöbb böngésző a bekezdést üres sorral választja el, de nem garantálhatja a szöveg egységes formátumát. hirdetés

Tanács

• Amikor utoljára ellenőrzi a weboldal megjelenítését, ha a kódrészlet körül szokatlan helyzetben lát redundáns karaktereket, ellenőrizze, hogy vannak-e hiányos címkék, például <> ahelyett
  .
• A CSS egy erőteljesebb és proaktívabb eszköz a weboldalak bemutatására, beleértve a szövegközöket is.
• Korlátozza a hirtelen szóközöket egy nyitott címke mögött vagy egy zárt címke előtt. Például írjon Spaces-t Bemutató nem Spaces Bemutató .
• Az elpusztíthatatlan hely az entitáskarakter példája: egy olyan karaktert kódoló kód, amelyet nem lehet beírni a billentyűzetről.

Figyelem

• A HTML attribútum képviseli a kulcsot Tab ↹ Valójában nem olyan hatékony, mint gondolnád. Egy szabványos HTML dokumentumban nincsenek tabulátorok, ezért a tab karakter nem érinti.
• A HTML nyelvet mindig kódszerkesztőbe vagy egyszerű szöveges fájlba írja, ne használjon szöveges fájlfeldolgozó formátumokat. Ha a szóközök furcsa karakterekké válnak a webböngészőben, akkor ez nagy valószínűséggel a szövegszerkesztő által hozzáadott adatok feleslegének köszönhető, amelyeket nem online megjelenítésre szántak.