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ú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ágina<a/>Internas - mismo archivo <a href="#seccion">Mi sección<a/>
- 16. Ligas en HTML Internas - mismo archivo<a href="#seccion">Mi sección<a/>....(Mucho contenido, mucho scroll)...<p id="seccion">Texto de secció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