Duda de novatisisisimo

Forestra · #1 (**permalink**) 21/11/2012, 14:01

Hola a todos,

Antes de nada decir que estoy feliz por encontrar, al fin, un foro de diseño de páginas web que parece que tiene actividad.

Desde hace bien poco me he adentrado en esto de la creación de páginas web, con la intención de crear mi propia página web en un futuro !espero que no muy lejano!

El caso es que estudiando un tutorial sobre el tema me he topado con las etiquetas y . Pues bien, las he usado por separado y, tal como decía el tutorial, la diferencia estriba en que con queda una línea en blanco entre párrafos y con ninguna.

Hasta ahí bien. No obstante, cuando he mezclado ambas etiquetas ufffffffff. Resulta que si uso la etiqueta despues de haber usado la se me generan dos espacios en blanco. Por otro lado, si uso la etiqueta después de haber usado la se me genera una línea en blanco. Por si alguien quiere comprobar:

<html>

<head>

<title>El Medio Ambiente. Diversidad de vida.</title>

</head>

<body>

El pico picapinos es una especie típica de ambientes forestales 

 Los ríos presentan, normalmente, un tramo alto, medio y bajo

 kkkkkkkk

kkkk

</body>

</html>

Tiene esto algún tipo de lógica??????

Aprovecho para preguntar como generar tres líneas en blanco entre texto. Lo he intentado con y ya comprobé que no resulta.

Espero sobre todo haberme explicado correctamente para que me entendaís.

Un saludo

pzin · #2 (**permalink**) 21/11/2012, 14:08

Bienvenido Forestra.

Ya el primer rapapolvo va ser que tienes que usar highlight para poner código —es para cuidarnos los ojos.

Tiene lógica. Piensa que P es un elemento para formar un párrafo, y BR es un salto de línea. Es decir, puedes tener párrafos con saltos de línea (punto y aparte). P por defecto tiene ciertos márgenes, no es que sean espacios vacíos, si no unos márgenes para separar. Luego los márgenes se pueden editar con CSS.

Lo de generar líneas en blanco no es una buena idea —es chapucero. Para eso está CSS, las hojas de estilos. En vez de líneas en blanco, puedes dar mayor o menor margen a cualquier elemento.

Échale un ojo a http://librosweb.es que tienen buenos tutoriales.

Forestra · #3 (**permalink**) 22/11/2012, 01:19

Hola Bonez,

Antes de nada agradecerte tu pronta respuesta y pedirte disculpas por no usar Highlight. Aún debo acostumbrarme a las normas del foro.

Te he leído con suma atención, pero no me queda claro. Es decir, si la etiqueta es simplemente un salto de línea, entonces porque si a continuación usas la etiqueta el texto aparece con una línea en blanco entre medias? Por otro lado, cuando uso siempre aparece una línea en blanco al texto siguiente; en cambio si uso aparecen dos (ver el documento HTML del mensaje anterior)

En relación a esto. Como se podría conseguir tener dos líneas de texto (párrafos) separadas por una línea en blanco, a continuación otra línea de texto sin separación; y finalmente otra línea de texto con tres líneas en blanco de separación???

Espero haberme explicado.

El CSS es otro lenguaje de programación diferente al HTML?? De momento sólo estoy dando mis primeros pasos con el HTML; creo que se nota!! jajaaj

Un saludo y gracias.

pzin · #4 (**permalink**) 22/11/2012, 03:01

Normalmente P viene con unos márgenes predefinidos. Lo que tú crees que es una línea en blanco seguramente sea el margen de P.

Tal vez te resulte difícil de comprender que conseguir líneas en blanco no sea correcto por ser chapucero.

En vez de líneas en blanco tendrías que preguntar por cómo conseguir un mayor o menor margen.

Normalmente BR se usa dentro de P. Es decir, los saltos de linea normalmente se usan dentro de los párrafos —no tiene porqué, pero normalmente es así.

Es difícil explicarlo y supongo que aún más entenderlo si estás empezando. Mira algún tutorial que hable sobre el modelo de cajas, para entender un poco mejor eso de los márgenes.

Respecto al CSS. Sirve para dar estilos a los elementos HTML.

Código HTML:

<p style="margin:40px">
  Un párrafo con mucho margen
</p>

<p style="margin:0">
  Este no tiene margen (pero no está pegado al de arriba porque el margen del de
  arriba es hacia los cuatro lados, arriba, derecha, abajo e izquierda.
</p>

<p style="margin:0">
  Este si sale pegado porque ninguno de los dos tiene margen alguno.<br>
  Una linea nueva.
</p>

Lo que está dentro de style es CSS.

Forestra · #5 (**permalink**) 23/11/2012, 10:22

Hola de nuevo Bonez,

Gracias por tu ayuda. Ciertamente es un poco complejo entender cuando estás comenzando en algo, pero tu respuesta me ha sido de gran ayuda. Así pues mi más sincero agradecimiento. Buscaré, en este foro, un tutorial sobre el modelo de cajas y sobre el CSS.

Un saludo y hasta otra!

C2am · #6 (**permalink**) 23/11/2012, 22:20

Bueno, Forestra, lee los 2 manuales que encontrarás en el link que te puso Bonez de librosweb:

Introducción a XHTML
Introducción CSS

Es muy recomendable que aprendas ambos y no te será muy complicado ya que estos manuales no se van por la tangente.
Saludos

Forestra · #7 (**permalink**) 24/11/2012, 02:27

Hola C2am,

Ambos los voy a descargar y comenzar a leer.

Dos cuestiones,

A) Aunque supongo que me diréis que depende mucho de la persona, más bien de sus aptitudes, quisiera saber cuanto tiempo necesita una persona para poder hacer una página web aceptable, partiendo de cero y dedicando una hora diaria al HTML y css.

B) Entiendo q el XHTML es un lenguaje más evolucionado que el HTML. Es decir, yo puedo leer sobre ambos sin liarme? Es decir, no se contradicen no? Es mucho más complejo el XHTML q el HTML?

Muchas gracias!

pzin · #8 (**permalink**) 24/11/2012, 02:44

Lo del punto A es demasiado relativo. Ya no sólo por el tiempo, sino por lo que se pueda considerar aceptable —en realidad con que se vea como quieras ya puede considerarse aceptable.
Por otro lado, nunca se deja de aprender, siempre salen cosas nuevas, ya sean metodología nueva, lenguajes nuevos, especificaciones nuevas...

La diferencia entre HTML y XHTML es que el segundo es más semántico. Digamos que la intención es que se hagan bien las cosas. También ahora se usa HTML5 —que en realidad no existe pero los navegadores lo implementan. Son sólo evoluciones de los lenguajes y la base es la misma, cuando aprendes HTML aprendes XHTML también en los tutoriales. Es la misma cosa, cuando sabes uno sabes otro. Es probable que ni siquiera notes diferencias entre uno y otro.