learn semantic markup

Pocos 1.1 - Práctica semántica de marcado

Aprenda HTML semántico marcando estos documentos.

¿Qué es esto?

Este es un directorio de documentos de texto que puede marcar para que la práctica aprenda HTML. Los documentos contienen el contenido típico que puede ver en los sitios web en su teléfono y escritorio. ¡Solo el texto está incluido aquí! ¡Tu trabajo es agregar el marcado!

Además de escribir código HTML sintácticamente correcto, su objetivo es utilizar el marcado HTML para mejorar el significado y preservar el contexto de la información. El marcado debe agregar claridad.

Su objetivo es marcar el documento con las etiquetas que mejor describen el texto del contenido. Desea que las etiquetas expresen mejor el mensaje y la intención del contenido de cada documento.

No se preocupe por cómo se ven los documentos en el navegador. Este es un error común para principiantes . Los estilos predeterminados en el navegador son solo opciones predeterminadas proporcionadas cuando no se ha incluido otra hoja de estilo.

Usa estas etiquetas:

• Etiquetas seccionales
  • Encabezado <header>
  • Sección <section> Sección>
  • Artículo <article> Artículo>
  • Pie de página <footer>
• Encabezados H1-6 <h1>
• Párrafos <p>
• pequeño <small>
• BlockQuote <blockquote>
• pre <pre>
• Código <code>
• Etiquetas en línea
  • fuerte <strong>
  • énfasis <em>
  • abreviatura <abbr>
  • Anchor <a>
  • Tiempo <time>
  • Superscript <sup>
  • Cita <q>

¡Empezando!

tl; dr descargue este repositorio y comience a agregar etiquetas HTML a cada uno de los documentos.

Este repositorio contiene una lista de desafíos y soluciones. Cada uno de los archivos de solución está marcado.

El archivo de desafío contiene solo texto, sin marcado, agregará marcado (etiquetas).

Antes de comenzar a leer los comentarios en cada archivo. También lea el texto en sí. El marcado que agrega debe agregar contexto y reforzar el significado y la intención.

Cómo descargar este código

Si tiene problemas para descargar este repositorio, aquí están los pasos:

1. Abra una ventana de terminal y navegue a la carpeta donde desea colocar este repositorio. (Probablemente se llame algo como: dev/courses/web1.0 )

2. Escriba el siguiente código:

 $ git clone [email protected]:soggybag/learn-semantic-markup.git

3. Vaya a github.com y cree un nuevo repositorio. (Nota: Asegúrese de que la casilla de verificación para "Inicialice este repositorio con un ReadMe" no esté marcado).

4. Escriba lo siguiente para actualizar el destino de su repositorio:

 $ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master

5. Actualice la página en su repositorio de GitHub recién creado para asegurarse de que sus cambios fueran presionados con éxito.

Revise su trabajo

Puede consultar su trabajo de varias maneras:

Use el validador para verificar su sintaxis. El validador HTML verifica la sintaxis de su HTML.

https://validator.w3.org

Verifique su trabajo en el validador.

Verifique su trabajo con las soluciones. ¡Lo que tienes no tiene que ser lo mismo que la solución!

Siéntete libre de contribuir

¡Siéntete libre de contribuir! Si tiene ideas para un documento que podría hacer un buen desafío, siéntase libre de contribuir. Vea la guía contribuyente. ¡Si tiene una solución particularmente buena, siéntase libre de contribuir con eso también!