Agregar espacios en html
-
Upload
angie-vasquez -
Category
Internet
-
view
41 -
download
1
Transcript of Agregar espacios en html
![Page 1: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/1.jpg)
3 FORMAS DE INSERTAR ESPACIOS EN HTMLARROBA ANDREAVASQUEZ ANGIE
![Page 2: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/2.jpg)
![Page 3: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/3.jpg)
“Espacio sin salto de línea"
HTML contrae varios espacios en uno solo. Escribe o   para crear un espacio que se muestre siempre. Si quieres insertar un espacio en blanco más amplio, usa este código varias veces. Este es un ejemplo de lo que se llama "entidad de caracteres": un código que hace referencia a un carácter que no se puede escribir con el teclado. Se llama porque evita que se inserte justamente un salto de línea en esa ubicación.
![Page 4: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/4.jpg)
Inserta espacios en blanco de distinta amplitud. 
(Del inglés, "espacio ene") su nombre proviene del bloque "N" de las imprentas, el espacio "ene" es la amplitud de dos espacios normales.
 
Espacio "eme", aproximadamente cuatro espacios normales.
![Page 5: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/5.jpg)
Simula una tabulación con espacios sin salto de línea. Una manera de insertar sangría a un párrafo es insertar varios espacios sin salto de línea seguidos
![Page 6: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/6.jpg)
<pre> El Elemento HTML <pre> (o Texto HTML
Preformateado) representa texto preformateado. Todo el texto que pongas entre las
etiquetas <pre></pre> se mostrará exactamente como lo escribas.
![Page 7: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/7.jpg)
Texto preformateado Una forma de asegurarnos de que el texto
aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las
etiquetas <pre> y </pre>.
Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se
mostrarán todos los espacios en blanco que se inserten en el texto.
![Page 8: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/8.jpg)
Se podría crear una imagen con él e insertarla en el documento, pero este es un dibujo hecho con caracteres y podría aprovecharse para que pudiese verse también con navegadores que trabajan en modo texto como Lynx. Algo importante en este caso ya que interesa que TODO el mundo vea la firma, además de que el tenerla como texto hace más fácil su modificación.
![Page 9: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/9.jpg)
Si no usamos la etiqueta de texto preformateado la figura construida con caracteres se convertirá en algo ilegible.
![Page 10: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/10.jpg)
El nombre asignado a esta etiqueta proviene de la palabra "PREformateado" (o PREformatted en inglés) y su función
es mantener todo formateado manual que sea hecho en el texto escrito entre la
instrucción de inicio (<PRE>) y la instrucción de fin (</PRE>).
![Page 11: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/11.jpg)
El inconveniente de esta etiqueta es que entre las etiquetas <pre> y </pre> no se pueden incluir las etiquetas <img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big>, <small>, <sub> ni <sup>
![Page 12: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/12.jpg)
Sin embargo esta tag convertirá el texto afectado a fuente monoespaciada (posiblemente Courier).
COURIER
![Page 13: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/13.jpg)
<br></br> Sirve para marcar el fin de la línea de texto actual. Puedes crear líneas en blanco usando varias etiquetas <br>.
![Page 14: Agregar espacios en html](https://reader034.fdocumento.com/reader034/viewer/2022050900/588473c71a28ab5e248b5203/html5/thumbnails/14.jpg)
BIBLIOGRAFIA
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/pre
http://www.aulaclic.es/html/t_3_2.htm
http://manual-xhtml.blogspot.com/2006/05/texto-preformateado.html
https://www.ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-curso-html/x1129.html
http://www.webestilo.com/html/cap4c.phtml
http://es.wikihow.com/insertar-espacios-en-HTML