Guía 01

Regresar

Contenidos

• Revisión de ejercicios previos: dudas y comentarios.
• HTML
  • Conceptos básicos. Conceptos básicos del estándar HTML.
  • W3C: Estándar HTML W3C y estándares de la web.
  • Living Standard y HTML5Test
  • Verificación del cumplimiento del standard por navegador, con HTML5Test
  • ¿Puedo usar estas etiquetas? Can I use y Can I include
• Esctructura de global de una página HTML: Elementos globales, etiquetas visibles e invisibles para el navegador y etiquetas de optimización de las páginas web.
• HTML Semántico
  • Head
    • Elementos de la etiqueta head.
  • Body
    • Definicion
    • Estructura de las etiquetas (anatomía, anidamiento y etiquetas básicas). Significado de lenguaje de marcado, anatomía de un elemento HTML, atributos, anidación, elementos vacíos, anatomía general de un documento HTML y etiquetas (imágenes, encabezados, párrafos, listas y vínculos).
    • Lista de etiquetas HTML, HTML5 y Interactive HTML5. - Etiquetas semánticas

Actividades

• Crea un proyecto en Repl.it a partir de la plantilla HTML, CSS, JS o utiliza el editor de texto de tu preferencia.
• Identifica/crea la estructura global dentro del index.html.
• Identifique las secciones que tendrá su sitio web. Usa las etiquetas semánticas para agrupar las secciones.
• De todas las secciones, determine en cual
  • Título o subtítulo. Utilice los títulos por nivel.
  • Listará ítems. Utilice las etiquetas de listas.
  • Colocará datos a tabular. Utilice la etiqueta de tabla.
  • Usará imágenes. Utilice la etiqueta de imagen con sus atributos.
  • Colocará enlaces a otros sitios u otras secciones dentro de la página. Utilice la etiqueta de enlace con sus atributos.
  • Utilice contenedores de bloque (p) o en línea (span).

Cheat Sheet

Términos

HTML, Hipertexto, Etiquetas, W3C, Standard, meta, title, link, Semántico

Referencias

• HTML: Lenguaje de etiquetas de hipertexto MDN. (2021). Retrieved 18 May 2022, from https://developer.mozilla.org/es/docs/Web/HTML
• HTML Standard. (2022). Retrieved 18 May 2022, from https://html.spec.whatwg.org/multipage/
• HTML5. Ejemplo de estructura global para página web con HTML5. (2022). Retrieved 18 May 2022, from http://www.edu4java.com/es/web/html5-estructura-global.html
• Conceptos básicos de HTML - Aprende sobre desarrollo web MDN. (2020). Retrieved 18 May 2022, from https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics
• Todos los ELEMENTOS SEMÁNTICOS de HTML. (2022). Retrieved 18 May 2022, from https://www.kikopalomares.com/blog/todos-los-elementos-semanticos-de-html
• HTML, E. (2022). Etiquetas HTML - Acerca de HTML. Retrieved 18 May 2022, from https://acercadehtml.com/etiquetas-html.html