From 4f9419993e91008bda526a7a9c05a83fe841fbdc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs?= Date: Fri, 12 Apr 2019 11:59:11 -0500 Subject: organize the information of the video-articles --- content/articles/course-html5/codificacion.md | 6 +++++- content/articles/course-html5/etiqueta-a.md | 6 +++++- content/articles/course-html5/etiqueta-article.md | 7 ++++++- content/articles/course-html5/etiqueta-aside.md | 7 ++++++- content/articles/course-html5/etiqueta-nav-ul-ol-li.md | 9 ++++++++- content/articles/course-html5/etiqueta-section.md | 7 ++++++- content/articles/course-html5/etiquetas-p-y-span.md | 8 +++++++- content/articles/course-html5/etiquetas-strong-y-em.md | 7 ++++++- content/articles/course-html5/header.md | 6 +++++- content/articles/course-html5/hgroup.md | 16 +++++++++++++--- content/articles/course-html5/intro.md | 8 +++++++- content/articles/course-html5/nuevas-etiquetas.md | 10 +++++++++- content/articles/course-html5/sintaxis-html5.md | 9 ++++++++- content/articles/course-html5/titulos.md | 7 ++++++- 14 files changed, 97 insertions(+), 16 deletions(-) (limited to 'content/articles/course-html5') diff --git a/content/articles/course-html5/codificacion.md b/content/articles/course-html5/codificacion.md index c4cba0b..c0d340f 100644 --- a/content/articles/course-html5/codificacion.md +++ b/content/articles/course-html5/codificacion.md @@ -16,6 +16,8 @@ Title: Codificación HTML5 # Codificación HTML5 4/32 +La etiqueta `` se utiliza para agrupar elementos en línea en un documento. +
Mostrar Más Código de ayuda: @@ -23,7 +25,9 @@ Código de ayuda: ~~~~ -

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C.
[validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-a.md b/content/articles/course-html5/etiqueta-a.md index e635d05..fb7003a 100644 --- a/content/articles/course-html5/etiqueta-a.md +++ b/content/articles/course-html5/etiqueta-a.md @@ -15,11 +15,15 @@ Title: Etiqueta a # Etiqueta a 9/32 +Si el elemento `a` tiene un atributo href, entonces representa un hipervínculo (un ancla de hipertexto). +
Mostrar Más

Más sobre la etiqueta `` en la [w3schools][w3school]{:target="_blank" rel="noopener noreferrer"}

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[w3school]: https://www.w3schools.com/tags/tag_a.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-article.md b/content/articles/course-html5/etiqueta-article.md index 4db74b9..e9a2e12 100644 --- a/content/articles/course-html5/etiqueta-article.md +++ b/content/articles/course-html5/etiqueta-article.md @@ -15,11 +15,16 @@ Title: Etiqueta article # Etiqueta article 13/32 +Representa una sección de una página que consta de una composición que +forma parte independiente de un documento, página o sitio. +
Mostrar Más

Más sobre la etiqueta `

` en la [w3schools][w3-article]{:target="_blank" rel="noopener noreferrer"}

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[w3-article]: https://www.w3schools.com/tags/tag_article.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-aside.md b/content/articles/course-html5/etiqueta-aside.md index 689972b..3207dc9 100644 --- a/content/articles/course-html5/etiqueta-aside.md +++ b/content/articles/course-html5/etiqueta-aside.md @@ -15,11 +15,16 @@ Title: Etiqueta aside # Etiqueta aside 14/32 +Representa una sección de una página que consiste en una información que está relacionado tangencialmente +con la información de alrededor del elemento aparte, y que podría considerarse separado de la información principal. +
Mostrar Más

Más sobre la etiqueta `

[w3-aside]: https://www.w3schools.com/tags/tag_aside.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md index 0645f7b..a0e538b 100644 --- a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md +++ b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md @@ -15,13 +15,18 @@ Title: Etiqueta nav ul ol li # Etiqueta nav ul ol li 8/32 +- El elemento de navegación «nav» es una sección que contiene enlaces a otros documentos o partes del documento actual. +- El elemento ul representa una lista de elementos, donde el orden de los elementos no es importante. +- El elemento ol representa una lista de artículos, donde los artículos han sido ordenados intencionalmente. +- El elemento li representa un elemento de lista. +
Mostrar Más

Más sobre la etiqueta `

[w3-nav]: https://www.w3schools.com/tags/tag_nav.asp @@ -29,3 +34,5 @@ Title: Etiqueta nav ul ol li [w3-ol]: https://www.w3schools.com/tags/tag_ol.asp [w3-li]: https://www.w3schools.com/tags/tag_li.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-section.md b/content/articles/course-html5/etiqueta-section.md index b059d25..4f359bd 100644 --- a/content/articles/course-html5/etiqueta-section.md +++ b/content/articles/course-html5/etiqueta-section.md @@ -15,11 +15,16 @@ Title: Etiqueta section # Etiqueta section 12/32 +Representa un documento genérico o sección de aplicación. En este contexto, una sección es una agrupación +temática de la información, normalmente con un encabezado, posiblemente con un pie de página. +
Mostrar Más

Más sobre la etiqueta `

` en la [w3schools][w3-section]{:target="_blank" rel="noopener noreferrer"}

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[w3-section]: https://www.w3schools.com/tags/tag_section.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiquetas-p-y-span.md b/content/articles/course-html5/etiquetas-p-y-span.md index 05b96ab..aa09e88 100644 --- a/content/articles/course-html5/etiquetas-p-y-span.md +++ b/content/articles/course-html5/etiquetas-p-y-span.md @@ -15,13 +15,19 @@ Title: etiquetas p y span # Etiquetas p y span 10/32 +El elemento `p` representa un párrafo y el elemento `span` no significa nada por sí solo, +pero puede ser útil cuando se usa junto con los atributos globales, +por ejemplo: class, lang o dir. +
Mostrar Más

Más sobre la etiqueta `

` en la [w3schools][w3-p]{:target="_blank" rel="noopener noreferrer"}

Más sobre la etiqueta `` en la [w3schools][w3-span]{:target="_blank" rel="noopener noreferrer"}

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[w3-p]: https://www.w3schools.com/tags/tag_p.asp [w3-span]: https://www.w3schools.com/tags/tag_span.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiquetas-strong-y-em.md b/content/articles/course-html5/etiquetas-strong-y-em.md index b1ff996..c32b40b 100644 --- a/content/articles/course-html5/etiquetas-strong-y-em.md +++ b/content/articles/course-html5/etiquetas-strong-y-em.md @@ -15,13 +15,18 @@ Title: Etiquetas strong y em # Etiquetas strong y em 11/32 +La etiqueta `strong` brinda una gran importancia a un parráfo, una palabra o una frase y +`em` representa el énfasis del estrés de sus contenidos. +
Mostrar Más

Más sobre la etiqueta `` en la [w3schools][w3-strong]{:target="_blank" rel="noopener noreferrer"}

Más sobre la etiqueta `` en la [w3schools][w3-em]{:target="_blank" rel="noopener noreferrer"}

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[w3-strong]: https://www.w3schools.com/tags/tag_strong.asp [w3-em]: https://www.w3schools.com/tags/tag_em.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/header.md b/content/articles/course-html5/header.md index d1834d5..9b04a76 100644 --- a/content/articles/course-html5/header.md +++ b/content/articles/course-html5/header.md @@ -16,11 +16,15 @@ Title: Header # Header HTML5 5/32 +Header representa el "encabezado" de un documento o sección de un documento. +
Mostrar Más

Más información sobre la etiqueta `

` en [w3schools][header]{:target="_blank" rel="noopener noreferrer"}.

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[header]: https://www.w3schools.com/tags/tag_header.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/hgroup.md b/content/articles/course-html5/hgroup.md index 064e821..4cdcfb6 100644 --- a/content/articles/course-html5/hgroup.md +++ b/content/articles/course-html5/hgroup.md @@ -15,13 +15,23 @@ Title: hgroup # Hgroup HTML5 7/32 +Hgroup fue una etiqueta que apareció en HTML5, su función es agrupar las +etiquetas de títulos las `h`. Pero desde las versión 5.1 de HTML ya no se +recomienda debido a que tener demasiadas `h` de un mismo tipo traen problemas +de SEO. +
Mostrar Más

Etiqueta hgroup en desuso.

-

Este elemento fue removido de la especificacion HTML5 (W3C), por favor no usar más.

-

Referencia: [https://developer.mozilla.org/es/docs/Web/HTML/Elemento/hgroup][mozilla-web]{:target="_blank" rel="noopener noreferrer"}

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

Este elemento fue removido de la especificacion HTML5 por la W3C, por favor no usar más.

+

Referencia en [mozilla developers][mozilla-web]{:target="_blank" rel="noopener noreferrer"}

+

[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[mozilla-web]: https://developer.mozilla.org/es/docs/Web/HTML/Elemento/hgroup [validator]: https://validator.w3.org/ + +*[HTML]: Hyper Text Markup Language +*[HTML5]: Hyper Text Markup Language version 5 +*[SEO]: Search Engine Optimization +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/intro.md b/content/articles/course-html5/intro.md index 3f316f5..bc92d98 100644 --- a/content/articles/course-html5/intro.md +++ b/content/articles/course-html5/intro.md @@ -16,12 +16,15 @@ Title: Introducción a HTML5 # Introducción a HTML5 1/32 +HTML tiene una nueva versión desde hace unos años, hablamos de la versión 5 del mismo. +Trayendo consigo nuevas etiquetas, las llamadas etiquetas semánticas. +
Mostrar Más
  • [Respositorio oficial][html]{:target="_blank" rel="noopener noreferrer"} de HTML
  • [w3schools][w3c]{:target="_blank" rel="noopener noreferrer"}
    • -
  • [Documentación de la W3C][w3c.org]{:target="_blank" rel="noopener noreferrer"}
    • +
  • [Documentación][w3c.org]{:target="_blank" rel="noopener noreferrer"} de la W3C
  • [Validador][validator]{:target="_blank" rel="noopener noreferrer"}
@@ -30,3 +33,6 @@ Title: Introducción a HTML5 [w3c]: https://www.w3schools.com/html/default.asp [w3c.org]: https://www.w3.org/TR/html/ [validator]: https://validator.w3.org/ + +*[HTML]: Hyper Text Markup Language +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/nuevas-etiquetas.md b/content/articles/course-html5/nuevas-etiquetas.md index 91ad5e5..b892ce9 100644 --- a/content/articles/course-html5/nuevas-etiquetas.md +++ b/content/articles/course-html5/nuevas-etiquetas.md @@ -15,11 +15,19 @@ Title: Nuevas etiquetas de HTML5 # Nuevas etiquetas de HTML5 2/32 +Las nuevas etiquetas de HTML5 ahora son semánticas, es decir que dan +sentido a la información escrita en una página web. +Podéis revisar en los enlaces de abajo o consultar en +[mozilla developers][mozilla-html5]{:target="_blank" rel="noopener noreferrer"}. +
Mostrar Más

Más información sobre HTML5 en [w3schools][w3c-html5]{:target="_blank" rel="noopener noreferrer"}.

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

Un [Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[w3c-html5]: https://www.w3schools.com/html/html5_intro.asp +[mozilla-html5]: https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos [validator]: https://validator.w3.org/ +*[HTML5]: Hyper Text Markup Language version 5 +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/sintaxis-html5.md b/content/articles/course-html5/sintaxis-html5.md index 5909aca..80bccc8 100644 --- a/content/articles/course-html5/sintaxis-html5.md +++ b/content/articles/course-html5/sintaxis-html5.md @@ -16,9 +16,14 @@ Title: Sintaxis HTML5 # Sintaxis HTML5 3/32 +En HTML5 se maneja una sintaxis simple sin tantos dolores de cabeza. +También coloco un enlace al [validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C. +para testear el código :). +A continuación se muestra la sintaxis básica. +
Mostrar Más -

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+Estructura básica: ~~~~{.html} @@ -33,3 +38,5 @@ Title: Sintaxis HTML5
[validator]: https://validator.w3.org/ +*[HTML5]: Hyper Text Markup Language version 5 +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/titulos.md b/content/articles/course-html5/titulos.md index 0149887..e1dbf65 100644 --- a/content/articles/course-html5/titulos.md +++ b/content/articles/course-html5/titulos.md @@ -15,11 +15,16 @@ Title: Títulos en HTML5 # Títulos en HTML5 6/32 +En el vídeo se explica de la importancia de las etiquetas +de título o también llamadas encabezados por su nombre en inglés +**heading** +
Mostrar más

Más información sobre las etiquetas `h` en [w3schools][titles]{:target="_blank" rel="noopener noreferrer"}.

-

[Validador][validator]{:target="_blank" rel="noopener noreferrer"}

+

Un [Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C

[titles]: https://www.w3schools.com/hTml/html_headings.asp [validator]: https://validator.w3.org/ +*[W3C]: World Wide Web Consortium -- cgit v1.2.3