listas con y sin saltos de linea

HTML CON SALTOS DE LINEA:

1. 
   ¿Qué es un blog?


2. Decidir temática:
   
   
   
   • 
     Criterios para decidir el objetivo de tu blog
   
   
   • 
     Buscar blogs por temas.
     Rankings
   
   
   • 
     Centralizar la consulta de tus blogs favoritos
   
   


3. 
   Crear tu blog
   :
   acceso, parametrización,
   publicación..

HTML SIN SALTOS DE LINEA:

1. ¿Qué es un blog?
2. Decidir temática:
   • Criterios para decidir el objetivo de tu blog
   • Buscar blogs por temas. Rankings
   • Centralizar la consulta de tus blogs favoritos
3. Crear tu blog : acceso, parametrización, publicación..

diseño

Elementos HTML no soportados por el editor de blogger:

• texto subrayado = <u>, no es lo mismo que un link



• líneas



• no interpretar etiquetas



• más de un espacio en blanco



• comentarios: <!-texto oculto->
  ojo!! un guión mas para ocultar etiquetas


• tablas



• subíndices y superíndices: A₀=x²+4



• Texto en movimiento: <marquee>
  movimiento desde el boliche

movimiento en el bloque

movimiento de lado a lado





Atributos y combinación de elementos HTML no soportados por el editor de blogger:

• sangrar a distintos niveles



• enlazar a una determinada posición de un documento



• listas anidadas, cambiar los boliches ..
  
  
• Más combinaciones de colores



• manipulación de imágenes

Ejs de diseños:

http://www.smashingmagazine.com/2007/08/28/45-excellent-blog-designs/

no interpretar etiquetas

símbolos especiales = &# o atajo
< = &#60; = &lt;
> = &#62; = &gt;
ayudarse de 'reemplazar'


Solución óptima, insertar en área de texto, pero no respeta saltos de línea:
<textarea cols=50 rows=2 >
<u>texto subrayado</u>
texto normal
<textarea cols=50 rows=2 >
<u><br />texto subrayado</u><br />texto normal<br />


No usar, tendremos problemas:
<plaintext>

más de un espacio en blanco

solución más simple:
<pre>texto en el que se respetan   espacios y saltos de linea</pre>

texto en el que se respetan   espacios y saltos de linea

símbolo especial = &nbsp; pero ojo al cambiar a la pestaña redactar!!!
texto en el que se respetan   espacios
texto en el que se respetan   espacios


tabla sin bordes


imágenes transparentes


insertar en área de texto:
<textarea cols=50 rows=2 >
texto en el que se respetan espacios y saltos de linea

reglas básicas html

Obligatorio:

• delimitar el ámbito de las etiquetas (salvo excepciones)
• etiqueta interna se cierra antes que externa
• etiquetas a nivel de bloque pueden contener etiquetas a nivel de línea, pero no al revés
• etiquetas no sensitivas a mayúsculas

Pero no está de más cumplir además con XHTML:

• Cerrar todos los tags, ie: <p> ... </p>, <li> ... </li>
• Incluir marca de cierre para tags vacíos, ie: <hr />, <br />
• Poner entre comillas todos los atributos, ie: <img src="miimagen.gif" />
• Todos los tags en minúsculas
• Terminar con </html>