Agregar espacios en html

14
3 FORMAS DE INSERTAR ESPACIOS EN HTML ARROBA ANDREA VASQUEZ ANGIE

Transcript of Agregar espacios en html

Page 1: Agregar espacios en html

3 FORMAS DE INSERTAR ESPACIOS EN HTMLARROBA ANDREAVASQUEZ ANGIE

Page 2: Agregar espacios en html
Page 3: Agregar espacios en html

“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

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

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

<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

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

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

Si no usamos la etiqueta de texto preformateado la figura construida con caracteres se convertirá en algo ilegible.

Page 10: Agregar espacios en html

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

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

Sin embargo esta tag convertirá el texto afectado a fuente monoespaciada (posiblemente Courier).

COURIER

Page 13: Agregar espacios en html

<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

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