Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Saltos de linea y espacios entre palabras
#1
El último archivo que hicimos es el siguiente
Código:
<HTML>
<!-- Est es mi primera web en html -->
<!-- Creada por Blas el 24 de Julio de 2009 -->
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
   <TITLE>Primera página de prueba</TITLE>
<BODY>
   ¡Hola! ¿qué tal? Estoy haciendo mi primera página web con la sóla ayuda del lenguaje HTML.A ver cómo resulta,jejeje
</BODY>
</HTML>
Bueno pues vamos a meterle más texto a ver que pasa
Código:
<HTML>
<!-- Esta es mi primera web en html -->
<!-- Creada por Blas el 24 de Julio de 2009 -->
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
   <TITLE>Primera página de prueba</TITLE>
<BODY>
   ¡Hola! ¿qué tal? Estoy haciendo mi primera página web con la sóla ayuda del lenguaje HTML.A ver cómo resulta,jejeje
Como podréis observar seguimos de pruebas, tiempo habrá para poner el contenido real (cada uno el suyo, jejeje).
Por lo pronto nos conformaremos con poner varios párrafos, para ver cómo se verían en el navegador.
</BODY>
</HTML>
[Imagen: miweb.jpg]
Como veis la apariencia no tiene nada que ver con lo que habíamos planeado. ¿Qué es lo que ha pasado?, pues muy sencillo que mientras que nosotros no indiquemos lo contrario, los navegadores interpretan que todo lo que va metido entre las etiquetas BODY constituye un sólo párrafo y por lo tanto no pondrá ningún punto y aparte, osea no pondrá ningún salto de línea tal y como hemos visto en la imagen. ¿Cómo lo solucionamos?, jejeje, evidentemente mediante el uso de una etiqueta que es la etiqueta "<BR>"Se trata de una etiqueta puntual, es decir, que no actua sobre un conjunto de palabras, sino sobre un punto concreto y que nos sirve para indicarle al navegador que en ese punto debe introducir una salto de línea (un punto y aparte) Por eso no tendrá una etiqueta de cierre Guiño
Así, la pagina anterior debería quedar así
Código:
<HTML>
<!-- Esta es mi primera web en html -->
<!-- Creada por Blas el 24 de Julio de 2009 -->
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
   <TITLE>Primera página de prueba</TITLE>
<BODY>
   ¡Hola! ¿qué tal? <BR>Estoy haciendo mi primera página web con la sóla ayuda del lenguaje HTML. A ver cómo resulta,jejeje<BR>
Como podréis observar seguimos de pruebas, tiempo habrá para poner el contenido real (cada uno el suyo, jejeje).<BR>
Por lo pronto nos conformaremos con poner varios párrafos, para ver cómo se verían en el navegador.
</BODY>
</HTML>
Si la visionamos veremos algo asi
[Imagen: miweb.jpg]

Ha cambiado algo, ¿no?
Aún así el aspecto no nos gusta porque las líneas están demasiado apelmazadas para evitar eso utilizaremos otra etiqueta que fereos más adelante porue no solo sirve para delimitar los párrafos, sino para alinearlos y darles diferentes valores. Pero en fin eso será más adelante.
Ahora lo que nos interesa es el salto de línea y un concepto muy relacionado, el espacio entre palabras. En este último caso, cuando insertamos espacios entre dos palabras el navegador interpreta que hay UN ESPACIO aunque nosotros hayamos dado 7 u 8.
Para indicar que deseamos insertar más de un espacio utilizaremos el código "&nbsp;" dándole la estructura
Código:
primera palabra &nbsp; &nbsp; segunda palabra
Bueno eso es todo por hoy, mientras tanto podeis ver el código fuente de algunas páginas para ir viendo las distintas etiquetas ¿Cómo? pues en Internet Explorer, desplegando el menú Ver/Código fuente , en Mozilla Firefox desplegando el menu Ver/Codigo fuente de la página (Ctrl+U).
Saludos y practicad estos conceptos antes de adentrarnos en el estudio de más posibilidades Guiño

Tutorial Original por: papi1
[Imagen: bann.png]
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Exclamación [Duda] Error entre css de localhost y servidor Skylium, por que? alemagno 5 226 29-01-2016, 06:58 AM
Último mensaje: gassip
  Espacios en blanco Cinepirata 6 201 30-06-2015, 08:10 PM
Último mensaje: YamaT
  palabras clave para webs canpios 1 162 25-03-2015, 04:25 AM
Último mensaje: garcon
  Como poner 2 Div en la Misma Linea (Diseño Responsive) AngelKrak 2 501 13-02-2015, 08:01 AM
Último mensaje: Finer
  [PHP] Buscador de palabras torgar22 0 151 26-12-2014, 02:39 PM
Último mensaje: torgar22
  Prevén palabras viudas en tus títulos con PHP y JavaScript imgur 0 192 19-11-2014, 10:23 PM
Último mensaje: imgur
Arcoiris Enseñe a los niños los fundamentos de la seguridad en línea R0bert0 2 349 10-08-2014, 05:09 AM
Último mensaje: habacuc78
  Codigo PHP para obtener todas las llamadas hasta ahora, por metodo archivo y linea Coud 0 416 30-03-2013, 02:47 AM
Último mensaje: Coud
  Division Exacta entre 2 numeros [JAVA] [POO] givered 0 284 27-03-2013, 03:40 AM
Último mensaje: givered
  DUQU esta entre nosotros aandreux 3 626 11-03-2012, 04:30 PM
Último mensaje: Darkthink



Usuarios navegando en este tema: 1 invitado(s)