Content

• Passos
• Consells
• Advertiment

Molts espais que normalment es creen mitjançant espais, tecles de tabulació i tecles d'introducció s'ignoren en els llenguatges de programació web. HTML els defineix com a espais regulars entre paraules i només mostra un sol espai. Tot i que CSS permet configuracions més detallades per a l’espai en blanc i l’alineació, l’HTML no té algunes eines integrades per personalitzar l’espaiat.

Passos

Mètode 1 de 2: inseriu espais i pestanyes individuals

1. 

   Els espais d'inserció no estan trencats. Normalment, HTML només mostrarà un espai entre paraules, independentment de les vegades que hagueu premut la barra espaiadora. Per fer que es mostrin diversos espais contigus, escriviu o. Aquest codi crearà un caràcter especial anomenat "espai sense interrupcions" i sempre es mostrarà.
   • El personatge anterior s'anomena "espai indestructible" perquè impedeix que els salts de línia estiguin al seu lloc. Si excediu aquest caràcter, el navegador tindrà dificultats per inserir salts de línia de manera ordenada i vertical.

2. 

   
   
   Inseriu espais amb diferents amplades. Hi ha alguns altres caràcters d'entitat que requereixen que el navegador mostri un espai. La manera com es mostren aquests espais en diferents navegadors és una mica diferent, però, a diferència dels codis següents, no afectaran el salt de línia:
   • - rep el nom de l'espai "N" de la impressora (unitat de mesura), l'espai "en" és el doble d'amplada que l'espai normal.
   • - Espai "em", aproximadament igual a quatre espais.

3. 

   
   
   Simula una pestanya amb molt d’espai no destructiu. Per sagnar paràgrafs, podeu inserir espais indestructibles consecutivament:. Aquesta és l'única solució si només utilitzeu HTML, però si feu servir CSS (es descriu per separat al pas següent) serà més curt.
   • Si hi ha una presentació complexa de text, utilitzeu l'etiqueta prèvia.

4. 

   
   
   Alineeu paràgrafs amb CSS. Les propietats CSS "margin" i "padding" proporcionen instruccions directament al navegador, de manera que els resultats mostrats seran més consistents. Aquest mètode no és difícil d’implementar, tret que no sàpiga res sobre CSS i que la pàgina no tingui full d’estil. Aquí teniu un exemple de com moure un paràgraf sencer al marge dret:
   • A la secció del document HTML, inseriu el codi següent:
     
     on: "p.indent" defineix un atribut del nom de text (etiqueta p) "sagnat" (podeu utilitzar un altre nom). La resta del codi afegeix la característica de l'espai "farcit" al costat esquerre del paràgraf.
   • Ara, torneu al cos del document HTML. Sempre que vulgueu sagnar un paràgraf (encara "sagnat" en aquest exemple), poseu-lo en aquest codi:
     

   • Per alinear l'espaiat de sagnat, canvieu el número "1,8" al codi CSS. Mantingueu-los enrere, ja que és la unitat de longitud associada a la mida de la lletra.
   publicitat

Mètode 2 de 2: configureu buits més llargs

1. 

   Utilitzeu etiquetes preformatades. Qualsevol clau espai bé ↵ Introduïu s’introdueix a la targeta

   es mostrarà exactament com escriviu. També podeu utilitzar aquesta etiqueta per presentar exemples, poemes o qualsevol altre text que requereixi una gran precisió en l’espai i els salts de línia.

   • El principal desavantatge de les targetes preformatades és l’amplada. A diferència de l’HTML normal, el text formatat prèviament no es redimensionarà perquè s’adapti a la mida de la finestra de l’usuari.

2. 

   Creeu un salt de línia. Targeta
   finalitzarà la línia de text actual. Podeu crear línies en blanc mitjançant diverses etiquetes de salt de línia. Per als estudiants novells en HTML, aquest és un bon enfocament, però si heu après CSS, no es recomana aquest format HTML obligatori.

3. 

   Identifiqueu el paràgraf amb l'etiqueta "p". L'etiqueta al voltant del text identifica aquest paràgraf. La majoria dels navegadors separaran el paràgraf amb una línia en blanc, però no podeu garantir un format coherent per al text. publicitat

Consells

• Quan comproveu per última vegada la pantalla de la vostra pàgina web, si veieu caràcters redundants en una posició inusual al voltant del fragment, comproveu si hi ha etiquetes incompletes, com ara <> en lloc de
  .
• CSS és una eina més potent i proactiva per a la presentació de pàgines web, inclòs l'espaiat per al text.
• Limiteu els espais sobtats darrere d'una etiqueta oberta o davant d'una etiqueta tancada. Per exemple, heu d’escriure Spaces Tutorial no Espais Tutorial .
• L’espai indestructible és un exemple de caràcter d’entitat: el codi que representa un caràcter que no podeu introduir des del teclat.

Advertiment

• L'atribut HTML representa la clau Pestanya ↹ En realitat no és tan eficaç com es podria pensar. Un document HTML estàndard no té tabulacions, de manera que el caràcter de tabulació no té cap efecte.
• Escriviu sempre el llenguatge HTML en un editor de codi o un fitxer de text pla, no utilitzeu formats de processament de fitxers de text. Si els vostres espais es converteixen en caràcters estranys al navegador web, és probable que sigui a causa de l’excés de dades afegides pel processador de textos, que no estan pensades per a la visualització en línia.