3 maneres d'inserir espais en HTML

Taula de continguts:

3 maneres d'inserir espais en HTML
3 maneres d'inserir espais en HTML

Vídeo: 3 maneres d'inserir espais en HTML

Vídeo: 3 maneres d'inserir espais en HTML
Vídeo: como abrir todo tipo de archivos de manera segura en Windows 2024, De novembre
Anonim

Aquest wikiHow us ensenya a inserir espais i salts de línia en HTML. Com que només creeu un sol espai al vostre HTML quan premeu la barra espaiadora diverses vegades, heu d'utilitzar etiquetes HTML per inserir més d'un espai alhora.

Pas

Mètode 1 de 3: utilitzar codi HTML

Inseriu espais en HTML Pas 1
Inseriu espais en HTML Pas 1

Pas 1. Obriu el document HTML

Podeu editar documents HTML mitjançant un programa d’edició de text com ara Bloc de notes o TextEdit al Windows. També podeu utilitzar un editor HTML com Adobe Dreamweaver. Seguiu aquests passos per obrir un document HTML.

  • Cerqueu documents HTML a File Explorer en un ordinador Windows (o Finder en un Mac).
  • Feu clic amb el botó dret al document HTML que vulgueu editar.
  • Passeu el cursor per sobre de l'opció " Obert amb ”.
  • Feu clic al programa que vulgueu utilitzar per editar el fitxer.
Inseriu espais en HTML Pas 2
Inseriu espais en HTML Pas 2

Pas 2. Premeu la tecla d'espai per afegir un espai normal

Per afegir un espai normal, feu clic a on cal inserir un espai i premeu la barra espaiadora del teclat. Normalment, HTML només mostrarà un espai entre paraules, independentment del nombre de vegades que premeu la barra espaiadora.

Image
Image

Pas 3. Escriviu per afegir espais finals amb la força

El codi resultant es coneix com a espai sense interrupcions o espai fix perquè impedeix la divisió de línia a la ubicació on es col·loca el codi.

  • Per exemple, escriviu Hola a tothom! per inserir un espai addicional entre les paraules "Hola" i "a tothom!"
  • Si feu un ús excessiu d’aquests caràcters, el navegador tindrà dificultats per inserir salts de línia d’una manera ordenada i fàcil de llegir.
  • També podeu escriure per inserir amb força un espai.
Image
Image

Pas 4. Inseriu espais de diverses amplades

Podeu afegir un espai més llarg mitjançant una de les opcions següents:

  • Dos espais: tipus
  • Quatre espais: tipus
  • Sagnat: tipus

Mètode 2 de 3: Ús del codi CSS

Inseriu espais en HTML Pas 5
Inseriu espais en HTML Pas 5

Pas 1. Obriu el document HTML o CSS

El codi CSS es pot aplicar a la capçalera d’un document HTML o escriure-ho com a document CSS extern.

El capçal del document HTML es troba a la part superior del fitxer. Aquesta secció es troba entre les marques "" i ""

Image
Image

Pas 2. Creeu un segment d'estil per al codi CSS

El segment d'estil s'ha d'afegir al capdavant del codi HTML o en un full d'estil independent. Utilitzeu les marques següents per crear segments d'estil en documents HTML o fulls d'estil separats.

  • Escriviu per obrir el segment d'estils. Cal afegir tot el codi CSS després d'aquesta marca.
  • Escriviu per tancar el segment d'estil. Cal introduir tot el codi CSS abans d'aquesta marca de tancament.
Image
Image

Pas 3. Escriviu el següent al segment d'estil: p {text-indent: 5em;}. Aquest indicador indica al navegador que sagni cinc espais quan s’afegeixi al codi HTML adequat.

  • Podeu ajustar el nombre o l'amplada dels espais escrivint un número diferent després del codi "sagnat de text:".
  • La unitat "em" equival a un espai a la mida de lletra especificada o aplicable. Podeu utilitzar altres unitats com ara percentatges (per exemple, "sagnia de text: 15%;") o unitats de longitud (per exemple, "sagnia de text: 3 mm;").
Image
Image

Pas 4. Tikka

per la part en què voleu sagnar.

Aquesta marca s'ha d'afegir al cos de l'HTML, abans del text al qual vulgueu sagnar. Després d'això, la sagnia segons les especificacions especificades al codi CSS s'afegirà al text.

Mètode 3 de 3: utilitzar text formatat prèviament

Inseriu espais en HTML Pas 9
Inseriu espais en HTML Pas 9

Pas 1. Obriu el document HTML

Podeu editar documents HTML mitjançant un programa d’edició de text com ara Bloc de notes o TextEdit al Windows. També podeu utilitzar un editor HTML com Adobe Dreamweaver. Seguiu aquests passos per obrir un document HTML.

  • Cerqueu documents HTML a File Explorer en un ordinador Windows (o Finder en un Mac).
  • Feu clic amb el botó dret al document HTML que vulgueu editar.
  • Passeu el cursor per sobre de l'opció " Obert amb ”.
  • Feu clic al programa que vulgueu utilitzar per editar el fitxer.
Image
Image

Pas 2. Escriviu

abans del text que voleu preformatar.

El codi és un testimoni d'obertura de text preformatat.

Image
Image

Pas 3. Escriviu el text desitjat després de la tecla"

".

Amb el format previ, tots els espais i salts de línia creats amb la tecla "Retorn" es mostraran a la pàgina HTML.

Image
Image

Pas 4. Escriviu després del text.

El segment de text preformatjat finalitzarà.

Consells

  • Si l'espai que heu inserit produeix símbols estranys al vostre navegador, és possible que siguin causats per dades addicionals en un format de programa de processament de text que no s'hauria de mostrar a Internet. Podeu evitar que aparegui el símbol escrivint el codi en un programa d'edició de text pla, com ara Bloc de notes o TextEdit.
  • CSS és un llenguatge de fulls d’estil més sofisticat i previsible per dissenyar elements a les pàgines web, inclòs l’espaiat de text.
  • Espai fix (espai sense interrupcions)
  • és un exemple d'una entitat de caràcters, un codi que fa referència a un caràcter que no podeu escriure a través del teclat.

Advertiment

  • Caràcters HTML per a la pestanya

  • no funciona com podríeu esperar. Els documents HTML estàndard no tenen parades de tabulació, de manera que aquests caràcters no funcionaran.
  • Escriviu sempre el vostre codi HTML en un editor de codi o un fitxer de text pla i no en un format de fitxer de processament de text (per exemple, Word).

Recomanat: