SlideShare una empresa de Scribd logo
1 de 14
3 FORMAS DE INSERTAR
ESPACIOS EN HTML
ARROBA ANDREA
VASQUEZ ANGIE
“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.
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.
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
<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.
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.
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.
Si no usamos la etiqueta de texto
preformateado la figura construida con
caracteres se convertirá en algo
ilegible.
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>).
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>
Sin embargo esta tag
convertirá el texto afectado a
fuente monoespaciada
(posiblemente Courier).
COURIER
<br></br>
Sirve para marcar el fin de la línea de texto actual. Puedes crear
líneas en blanco usando varias etiquetas <br>.
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

Más contenido relacionado

La actualidad más candente

Taller de Base de datos - Unidad 1 SGBD introduccion
Taller de Base de datos - Unidad 1 SGBD introduccionTaller de Base de datos - Unidad 1 SGBD introduccion
Taller de Base de datos - Unidad 1 SGBD introduccionJosé Antonio Sandoval Acosta
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5frederick1000
 
Wampserver definicion e instalacion y configuarcion
Wampserver definicion e instalacion y configuarcionWampserver definicion e instalacion y configuarcion
Wampserver definicion e instalacion y configuarcionClarita cesy Segovia jaco
 
Comandos ddl y dml
Comandos ddl y dmlComandos ddl y dml
Comandos ddl y dmlGerardo
 
Todas las APIs de Google
Todas las APIs de GoogleTodas las APIs de Google
Todas las APIs de GoogleCarlos Toxtli
 
Sistemas operativos distribuidos
Sistemas operativos distribuidosSistemas operativos distribuidos
Sistemas operativos distribuidoscarlosmax10
 
Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
Permisos de archivos completo
Permisos de archivos completoPermisos de archivos completo
Permisos de archivos completoGrecia Machaca
 
Sql Consultas MáS Complejas
Sql Consultas MáS ComplejasSql Consultas MáS Complejas
Sql Consultas MáS Complejasalexmerono
 
LISTAS EN PROGRAMACION.pdf
LISTAS EN PROGRAMACION.pdfLISTAS EN PROGRAMACION.pdf
LISTAS EN PROGRAMACION.pdfGabriel Mendez
 
Alfabetos-Lenguajes y Automatas 1
Alfabetos-Lenguajes y Automatas 1Alfabetos-Lenguajes y Automatas 1
Alfabetos-Lenguajes y Automatas 1Osiris Mirerus
 
ED Unidad 3: Estructuras de datos lineales (listas)
ED Unidad 3: Estructuras de datos lineales (listas) ED Unidad 3: Estructuras de datos lineales (listas)
ED Unidad 3: Estructuras de datos lineales (listas) Franklin Parrales Bravo
 

La actualidad más candente (20)

Exposicion semaforos
Exposicion semaforosExposicion semaforos
Exposicion semaforos
 
Wampserver caracteristicas y especificaciones
Wampserver caracteristicas y especificacionesWampserver caracteristicas y especificaciones
Wampserver caracteristicas y especificaciones
 
Taller de Base de datos - Unidad 1 SGBD introduccion
Taller de Base de datos - Unidad 1 SGBD introduccionTaller de Base de datos - Unidad 1 SGBD introduccion
Taller de Base de datos - Unidad 1 SGBD introduccion
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5
 
Introducción a CentOS 7
Introducción a CentOS 7Introducción a CentOS 7
Introducción a CentOS 7
 
Wampserver definicion e instalacion y configuarcion
Wampserver definicion e instalacion y configuarcionWampserver definicion e instalacion y configuarcion
Wampserver definicion e instalacion y configuarcion
 
Comandos ddl y dml
Comandos ddl y dmlComandos ddl y dml
Comandos ddl y dml
 
Todas las APIs de Google
Todas las APIs de GoogleTodas las APIs de Google
Todas las APIs de Google
 
Php ppt
Php pptPhp ppt
Php ppt
 
Sistemas operativos distribuidos
Sistemas operativos distribuidosSistemas operativos distribuidos
Sistemas operativos distribuidos
 
Servidor web
Servidor webServidor web
Servidor web
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Permisos de archivos completo
Permisos de archivos completoPermisos de archivos completo
Permisos de archivos completo
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
Sql Consultas MáS Complejas
Sql Consultas MáS ComplejasSql Consultas MáS Complejas
Sql Consultas MáS Complejas
 
LISTAS EN PROGRAMACION.pdf
LISTAS EN PROGRAMACION.pdfLISTAS EN PROGRAMACION.pdf
LISTAS EN PROGRAMACION.pdf
 
Alfabetos-Lenguajes y Automatas 1
Alfabetos-Lenguajes y Automatas 1Alfabetos-Lenguajes y Automatas 1
Alfabetos-Lenguajes y Automatas 1
 
Gestores de bases de datos cuadros comparativos
Gestores de bases de datos cuadros comparativosGestores de bases de datos cuadros comparativos
Gestores de bases de datos cuadros comparativos
 
Dispositivos intermediarios de red
Dispositivos intermediarios de redDispositivos intermediarios de red
Dispositivos intermediarios de red
 
ED Unidad 3: Estructuras de datos lineales (listas)
ED Unidad 3: Estructuras de datos lineales (listas) ED Unidad 3: Estructuras de datos lineales (listas)
ED Unidad 3: Estructuras de datos lineales (listas)
 

Similar a Agregar espacios en html (20)

Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Manual html
Manual htmlManual html
Manual html
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Trucos de word
Trucos de wordTrucos de word
Trucos de word
 
Trucos para word
Trucos para wordTrucos para word
Trucos para word
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Clase 1
Clase 1Clase 1
Clase 1
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
emded/Retro2011brandon
emded/Retro2011brandonemded/Retro2011brandon
emded/Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 

Último

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMcespitiacardales
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 

Último (10)

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 

Agregar espacios en html

  • 1. 3 FORMAS DE INSERTAR ESPACIOS EN HTML ARROBA ANDREA VASQUEZ ANGIE
  • 2.
  • 3. “Espacio sin salto de línea" &nbsp; HTML contrae varios espacios en uno solo. Escribe &nbsp; o &#160; 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.
  • 4. Inserta espacios en blanco de distinta amplitud. &ENSP; (Del inglés, "espacio ene") su nombre proviene del bloque "N" de las imprentas, el espacio "ene" es la amplitud de dos espacios normales. &EMSP; Espacio "eme", aproximadamente cuatro espacios normales.
  • 5. 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
  • 6. <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.
  • 7. 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.
  • 8. 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.
  • 9. Si no usamos la etiqueta de texto preformateado la figura construida con caracteres se convertirá en algo ilegible.
  • 10. 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>).
  • 11. 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>
  • 12. Sin embargo esta tag convertirá el texto afectado a fuente monoespaciada (posiblemente Courier). COURIER
  • 13. <br></br> Sirve para marcar el fin de la línea de texto actual. Puedes crear líneas en blanco usando varias etiquetas <br>.