O espazo nun sitio web parecería ser algo bastante sinxelo. Pero a primeira vez que intentas chocar a chave varias veces e que a información non apareza na túa páxina, entenderás que non é tan sinxelo como parece.
Hai varias formas de crear espazo nun sitio web. As dúas primeiras están con etiquetas HTML :
...
O marcador do parágrafo adoita poñer un espazo entre os elementos. Actúa como unha pausa de párrafo.
Non obstante, varios
's seguidos non farán outra cousa que o desordenado da túa páxina. Algúns editores poñerán
nos lugares para engadir máis espazo, pero isto realmente non está a usar a etiqueta
, senón o carácter que chegaremos nun minuto.
A etiqueta
está destinada a colocar un só salto de liña no fluxo do texto. Non obstante, pode usarse varias veces seguidas para crear longas secuencias de espazo en branco. O problema é que non podes definir o alto e o ancho do espazo e é automáticamente o ancho da páxina.
Marxe e recheo CSS
Outra forma de engadir espazo aos documentos da páxina web é usar a marxe e o recheo de propiedades CSS. Esta é unha forma moito mellor de obter exactamente o espazo que queres entre os teus elementos. E pode afectar máis que o espazo vertical dun documento.
O espazo non rompedor ()
Finalmente, hai o espazo que non se rompe . Esta entidade de carácter actúa exactamente como un espazo de texto normal, agás que o navegador trata cada un individualmente.
Se pór catro seguidas, o navegador poñerá catro espazos no texto.
Nota: os navegadores máis antigos poden non representar varios espazos non ruptura.
Usando espazos non ruptura en táboas
As táboas adoitan pechar ou romper se non inclúe algo na cela para mantelo aberto. Por exemplo: use o seguinte HTML para crear unha táboa cunha canle de 30 píxeles:
| Debe haber unha pequena cantidade de espazo á esquerda deste texto. Algúns navegadores mostraranse correctamente, pero moitos ignorarán a solicitude de ancho da táboa e poñerán o texto en branco coa marxe esquerda. Moi molesto! |
Para evitar romper a columna da táboa, use un espazo que non se espalla:
| Debe haber unha pequena cantidade de espazo á esquerda deste texto. Coa maior número de navegadores mostrarase correctamente. |