Skip to content

Instantly share code, notes, and snippets.

@diurivj
Last active July 1, 2018 23:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save diurivj/de4cce84ffac1831951ca02cb6ddfb26 to your computer and use it in GitHub Desktop.
Save diurivj/de4cce84ffac1831951ca02cb6ddfb26 to your computer and use it in GitHub Desktop.
broken img tag

Intro a HTML

Metas de aprendizaje

Después de está lección, serás capaz de:

  • Entender que es un Lenguaje de marcado.
  • Comprender muy bien que es HTML.
  • Entender la estructura de un documento HTML.
  • Ser capaz de aplicar conceptos básicos de HTML para crear páginas.
  • Comprender la estructura básica de un archivo HTML y cómo organizar sus páginas web.
  • Usar etiquetas HTML y sus atributos.
  • Comenzar a trabajar en el ejercicio del prework.

Lenguaje de Marcado

Los lenguajes de Marcado son lenguajes diseñados para el procesamiento, definición y presentación de texto. El lenguaje especifica el código para formatear tanto el diseño como el estilo dentro de un archivo de texto. Los elementos utilizados para especificar el formato se llaman etiquetas.

En resumen, tu defines los elementos como etiquetas, y esas etiquetas se formatean en un nuevo documento elegante ✨ .

¿Qués es HTML?

Definición

HyperText Markup Language (HTML) es un lenguaje para crear páginas web. Las etiquetas HTML y los bloques son los componentes utilizados para crear páginas web.

Etiquetas y atributos

Etiquetas

Una página web es una colección de muchos tipos de contenidos. Considera que cualquier página web que hayas visto tiene imágenes, texto, video y audios. Nosotros mostramos todo ese contenido en nuestro navegador web usando HTML.

Un documento HTML es una colección de etiquetas descriptivas. Las etiquetas se utilizan para describir tipos específicos de contenido, como imágenes, párrafos, encabezados, pies de página y mucho más. Comencemos con uno con el que muchos estén familiarizados, la etiqueta <img>.

<img>
Aquí debería de ir un codepen

See the Pen broken img tag by Ironhack (@ironhack) on CodePen.

<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment