# data[].attributes.body
ATENCIÓN: Revisar el vídeo y escribir las etiquetas básicas en su cuaderno o notas digitales.

# data[].attributes.attachment_link.title
Ejemplo de Página Web creada desde un bloc de notas - Programación HTML

# data[].attributes.headline
2. Explicación de etiquetas y estructura HTML

# data[].attributes.subject
2. Explicación de etiquetas y estructura HTML

# data[].attributes.attachment_link.readable_text
Puede incrustar contenido SVG y MathML directamente en documentos HTML, usando los elementos y { {MathMLElement("math")}}.

El elemento svg es un contenedor que define un nuevo sistema de coordenadas y viewport. Es usado como el elemento más externo de cualquier documento SVG, pero también puede ser usado para agregar un fragmento de un SVG dentro de un documento SVG o HTML.

<math> es el elemento superior en MathML. Cada instancia válida de MathML debe estar rodeada de etiquetas <math>. Además, no debes anidar un segundo elemento <math> dentro de un primero, pero puedes tener un número arbitrario de otros elementos hijos en él.

# data[].attributes.attachment_link.title
Referencia de Elementos HTML - HTML: Lenguaje de etiquetas de hipertexto | MDN

# data[].attributes.attachment_link.description
Esta página lista todos los elementos HTML. Están agrupados por funciones para ayudarte a encontrar lo que tienes en mente con facilidad. Aunque esta guía está escrita para aquellos que son nuevos escribiendo código, se pretende que sea una referencia útil para cualquiera.

# data[].attributes.body
Enlace para autoevaluación Media técnica: https://forms.gle/EzjJR2Q7rpfMhUxR6

# data[].attributes.attachment_link.readable_text
Colores RGB

Los colores en HTML se especifican mediante el estándar RGB (Red Green and Blue). Este estándar indica que una combinación de los tres colores básicos: rojo, verde y azul puede dar lugar a cualquier otro color.

Los valores que se les da al RGB son valores hexadecimales que van desde el 00 hasta el FF. Al valor del color se le antepone una almohadilla.

De esta forma un color rojo sería aquel que solo tiene activado el Red, el verde solo la parte del Green y el azul la parte del Blue. Así los colores básicos en HTML serán:

Rojo    #FF0000
Verde   #00FF00
Azul    #0000FF

Otras combinaciones generales de colores serían el negro (activando todos los colores), el blanco (desactivando todos los colores), amarillo (combinando Red y Blue), fucsia (combinando todo el rojo y todo el azul)

Negro     #FFFFFF
Blanco    #000000
Amarillo  #FFFF00
Fucsia    #FF00FF

Y luego ya combinaciones de los múltiples valores hexadecimales

Gris Plata    #C0C0C0
Azul Marino   #000080
Verde Oliva   #808000
...

Aunque lo más recomendable es utilizar el código hexadecimal para representar un valor, tenemos la alternativa de referirnos a los colores por su nombre en inglés. Este valor también será entendido por el navegador web. Así tendremos:

Utilizar los colores en HTML

Los colores al ser elementos de estilo son utilizados en las CSS. Ya que HTML solo define la estructura de la página.

Pero vamos a ver, por encima, cómo podríamos cambiar el color de un texto. Para ello vamos a utilizar el atributo style. El atributo style nos permite asignar un estilo CSS a un elemento HTML.

El estilo que vamos a manipular es color. A ese atributo color le asignaremos un valor RGB.

Por ejemplo si queremos cambiar el color a un header podríamos hacer lo siguiente.

Otro atributo CSS al que podríamos dar un colo es el color de fondo. Para ello deberemos de manipular el atributo background-color. De esta forma si queremos poner un color de fondo a una capa podríamos hacer lo siguiente.

Es interesante que le eches un ojo al Manual de CSS para aprender más sobre el uso de colores en páginas web.

Guía de Colores Hexadecimales

A modo de apoyo aquí tenemos una guía de colores generales, sus valores hexadecimales y nombre en inglés

# data[].attributes.headline
Una página que nos ayuda a comprender los comandos básicos

# data[].attributes.subject
Una página que nos ayuda a comprender los comandos básicos

# data[].attributes.attachment_link.readable_text
Las etiquetas de titulares o cabeceras sirven para enfatizar el texto que va a actuar como un título de algun elemento de la pagina: una sección, toda la página, un apartado, un bloque.. .

Un ejemplo sencillo: un libro de texto. Cada capítulo suele tener un título en letras grandes y muy llamativas, luego puede llevar un subtítulo con letras algo más pequeñas, a continuación van los apartados del tema cuyo título es menos impactante que el título del capítulo, luego dentro de cada apartado pueden aparecer subapartados con un título algo menos impactante, pero resaltado respecto al texto del capítulo. Pues cada estilo usado para esos títulos es lo que se llaman etiquetas de cabecera o titulares (headings) en HTML.

Existen 6 niveles, de mayor a menor importancia: <h1>
hasta <h6>. Los efectos los puedes ver en estas lineas que siguen

Esto sería titular en estilo H2

Esto sería titular en estilo H3

Esto sería titular en estilo H4

Esto sería titular en estilo H5

Esto sería titular en estilo H6

Estas etiquetas tienen apertura y cierra de la forma <h1>texto</h2>. Pueden modificarse mediante CSS. No conviene abusar de estas etiquetas, se deben usar de forma razonable.

Por ejemplo: una página web solo tiene un título, por tanto basta con una sola etiqueta h1. Tendrá más utilidad cuando aparezcas en un lista de un buscador. Luegos las secciones de la página podrían tener titulos en h2, estos ya si pueden repetirse.

Puedes tener varias etiquetas h1 en la página, pero siempre para titulos raiz de algún bloque independiente dentro del documento. Puedes usar h1 para el título de article, que es un contenido que no pierde sus entido si se lee independiente de la página.

¿Y en las section? En principio también las section podrían tener titulos de nivel 1, pero habitualmente son elementos hijos de un elemento principal superio, no por flujo si no por semántica, en esos casos normalmente tiene más sentido utilizar niveles por encima del 1 para sus cabeceras.

Mir este video de Google sobre las etiquetas h1 en la página web. Se deduce claramente que debes ponerte en la piel del usuario para presentar tu página y usar las etiquetas H1 según sea necesario para él.

Por último tener en cuenta que se comportan como un elemento de párrafo, es decir que añaden un espacio en blanco por delante y por detrás. Y, como ocurre con los párrafos, no se deben anidar unas dentro de otras.

Coge tu página de ejemplo01a.htm y modifícala con estos nuevos estilos. te deberá quedar algo como esto

Solo está señalado el texto que debes modificar en el ejemlo01a.htm y tendrás algo con esta apariencia ejercicio01b.htm. Como ves cada titular tiene un aspecto distinto en función del nivel o importancia dentro de la página. De todas maneras ese formato puede cambiarse con etiquetas de estilo, incluso podrías tener etiquetas h3 de mayor tamañoy más destacadas que las h1, por ejemplo.

Es recomendable no excederse en el uso de cabeceras h1 en cada página. Al menso debes usar una destinada a ponerle un título a esa página. Los articles pueden tener sus propias h1

# data[].attributes.attachment_link.title
Tutor HTML 5: Destacar el texto en páginas web

# data[].attributes.attachment_link.description
Las etiquetas de cabecera como h1, h2, h3, h4, h5, h6 hacen que el texto resalte y se usan para indicar que es texto es parte del título, subtítulo o un pie de página. Es algo más que texto.

# data[].attributes.body
michell marin londoño

# data[].attributes.body
Samuel Restrepo Álzate -profe acuérdese porfa, de las secciones que hice

# data[].attributes.body
Miguel Cañaveral Salazar 10°1

Trabajo terminado.

# data[].attributes.body
sofia perez perez

# data[].attributes.body
Osman Julian Monsalve Piedrahita

# data[].attributes.body
wow

# data[].attributes.body
Besitos 💋

# data[].attributes.body
pagina terminada

# data[].attributes.body
Se puede entrar a la biografía de los jugadores dándole a sus nombres.