lunes, 14 de octubre de 2013

Diferencia entre etiquetas y atributos en HTML


  • 1. Etiquetas y atributos.
  • 2. Estructura básica de un HTML<!DOCTYPE html><html lang="es"> <head> </head> <body> </body></html>
  • 3. Recordando las reglas de HTML• Toda etiqueta debe cerrarse.• Mantener una indentación correcta.• Los caracteres especiales se colocan con código.• NO SE DEFINEN ESTILOS EN HTML
  • 4. Recordando términos 1 2 3<p>Esto es un <strong>elemento</strong> com&uacute;n</p> 4 <img src="guitarra.png" alt="Imagen de guitarra" />
  • 5. <html><head> <body> <form> <div> <p> <ul> <strong> <em> <a> <li>
  • 6. Imágenes en HTML Formatos utilizadosJPG Imágenes grandes, fotografías, fondos Iconografía, imágenes con movimiento,GIF imágenes con transparenciaPNG Iconografía, imágenes con transparencia
  • 7. Comparación PNG y GIF en transparencia PNG GIF
  • 8. Comparación de peso PNG y JPGPNG - 64 Bit JPG – 50%Imagen 1024 x 768 Imagen 1024 x 768950 Kb 77 Kb
  • 9. Permite Límite de Permite Adecuado Uso transpa- color anima-ción para web rencia Iconografía y gráficos GIF con pocos colores 256 Fotografías e imágenes conJPG muchos colores y 16 millones detalle. Iconografía yPNG-8 gráficos con pocos 256 colores. Fotografías ePNG-2 imágenes con 16 millones 4 muchos colores y detalle.
  • 10. Imágenes en HTML<img src="guitarra.png" alt="Imagen de guitarra" />
  • 11. Imágenes EstilosCarpeta raíz Scripts
  • 12. Imágenes en HTML<img src="images/guitarra.png" alt="Imagen de guitarra" />
  • 13. Páginas Imágenes EstilosCarpeta raíz Scripts
  • 14. Imágenes en HTML<img src="../images/guitarra.png" alt="Imagen de guitarra" />
  • 15. Ligas en HTMLExternas <a href="http://www.google.com">Google<a/>Internas - otro archivo <a href="pagina.html">Mi p&aacute;gina<a/>Internas - mismo archivo <a href="#seccion">Mi secci&oacute;n<a/>
  • 16. Ligas en HTML Internas - mismo archivo<a href="#seccion">Mi secci&oacute;n<a/>....(Mucho contenido, mucho scroll)...<p id="seccion">Texto de secci&oacute;n</p>
  • 17. El atributo id• Identifica a una etiqueta como única • No puede repetirse en una página • No todas las etiquetas necesitan tener id• Se hace referencia a un elemento con su id precedido por un signo de #

No hay comentarios:

Publicar un comentario