# data[].attributes.body
input type=hidden  representa cualquier cadena de texto arbitraria que no está pensada para ser vista o editada por el usuario.

input type=text representa a un campo de entrada de texto.

input type=search representa un campo de texto de una sola línea para propósitos de búsqueda.

input type=tel representa un campo para un número telefónico.

input type=url representa un campo para un solo URL absoluto.

input type=email representa un campo para un correo electronico.

input type=password Los campos de contraseñas son muy similares a los campos de texto, con la diferencia de que su valor es ocultado (generalmente, reemplazando sus caracteres con un símbolo carente de significado) y no se les permite a los usuarios copiarlo al portapapeles.

input type=date representa un campo para la entrada de una fecha.

input type=month  representa un campo para la entrada de un mes.

input type=week  representa un campo para la entrada de una semana.

input type=time epresenta un campo para la entrada de una hora.

input type=datetime-local representa un campo para una fecha y hora local sin información de zona horaria.

input type=number representa un campo para la entrada de un número.

input type=range representa una campo para la entrada de un número dentro de un rango, con la salvedad de que la elección de un valor exacto no es importante.

input type=color representa un campo para la entrada de un color.

input type=checkbox  representa un control de dos estados que permite a los usuarios marcarlo como seleccionado o deseleccionado.

input type=radio epresenta una opción que pertenece a un grupo en el que no más de una opción puede ser seleccionada al mismo tiempo.

input type=file representa un control para seleccionar una lista de uno o más archivos para ser subidos al servidor. Cuando el formulario es enviado, los archivos seleccionados son subidos al servidor, junto con su nombre y tipo.

input type=submit representa un botón que, cuando es presionado, envía el formulario (form) al que pertenece.

input type=image representa un botón de envío gráfico, que es una imagen normal que al ser presionada, envía el formulario (form) al cual pertenece.

input type=reset representa un botón que, cuando es presionado, restaura todos los campos del formulario (form) al cual pertenece, a sus valores iniciales.

input type=button representa un botón sin una acción predefinida asociada, lo que significa que por defecto, el botón no producirá ningún efecto cuando sea presionado.

# data[].attributes.body
Para crear un formulario en HTML se utiliza la etiqueta <form> que encerrada toda la estructura del formulario es decir es un elemento contenedor, admite algunos atributos específicos para la configuración de la forma en que se comporta el formulario. Todos sus atributos son opcionales, pero es una práctica estándar establecer siempre al menos los atributos action y method:

El atributo action define la ubicación (URL) donde se envían los datos que el formulario ha recopilado cuando se validan.

El atributo method define con qué método HTTP se envían los datos (generalmente get o post).

dentro se utilizaran diferentes etiquetas como:
<label> representa una etiqueta que puede ser asociada a un control de formulario, y que se supone provee una descripción corta para éste. Los navegadores pueden enlazar ambos elementos permitiendo que los usuarios establezcan el enfoque sobre el control al hacer clic en su etiqueta.
<input> representa un campo de datos tipado que normalmente se asocia con un control que permite a los usuarios editar su valor. Este elemento es capaz de proveer muchos tipos diferetes de campos, de acuerdo al valor que presente en el atributo type
<textarea>  representa un control para la edición mutilínea de texto sin formato.
y <button> epresenta un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar.

# data[].attributes.body
las tablas son construidas utilizando elementos. En particular, una tabla básica puede ser declarada usando tres elementos.

1. table: El contenedor principal.

2. tr: Representando a las filas contenedoras de las celdas.

3. td: Representando a las celdas.

# data[].attributes.body
Header

Nav

Article

Aside

Section

Footer

# data[].attributes.body
Usamos la etiqueta <a> para agregar links
El formato básico de un enlace en html es el siguiente:

<a href=”url”>anchor text</a>

El atributo href señala a la url a donde lleva el enlace, y el anchor text o texto ancla es el texto dónde hay que hacer clic.
Para conseguir que un link se abra en una nueva pestaña hay que incluir el atributo: target=”_blank”

Lo idea es que en todos los enlaces especifiques donde quieres que se abra, y para ello se usa el atributo target.

Hay 5 posibles valores para target, son los siguientes:

_self: Abre en enlace en la misma pestaña. Es la opción por defecto, es decir, lo que ocurre si no usas el atributo target.

_blank: Abre el enlace en una nueva pestaña o ventana.

_parent: Abre el enlace en el marco padre

_top: Abre el enlace ocupando toda la pantalla

Framename: Abre el enlace en un frame determinado.

# data[].attributes.body
Las listas en HTML nos permite crear conjuntos de elementos en forma de lista dentro de una página, todos los cuales irán precedidos, generalmente, por un guión o número.
Listas ordenadas: Para representar el orden tendremos los elementos numerados. Es decir, cada uno de los elementos irá precedido de un número o letra que establezca su orden.

Las listas en HTML ordenadas se representan mediante el elemento <ol>. Cada uno de los elementos de la lista ordenada se representará mediante el elemento <li>

Listas no ordenadas:Las listas desordenadas en HTML nos sirven para mostrar los elementos sin ningún tipo de orden, simplemente precedidos por una viñeta que puede ser un punto, un cuadrado,etc.
Para definir una lista desordenada en HTML utilizamos el elemento <ul>.

# data[].attributes.headline
Etiquetas básicas para controlar el texto

# data[].attributes.subject
Etiquetas básicas para controlar el texto

# data[].attributes.body
La mayor parte del texto estructurado está compuesto por encabezados y párrafos.
En HTML, cada párrafo tiene que estar delimitado por un elemento <p>
Cada sección tiene que estar delimitada por un elemento de encabezado. Hay seis elementos de encabezado: <h1>, <h2>,<h3>,<h4>,<h5> y <h6>
Cada elemento representa un nivel de contenido diferente en el documento; <h1> representa el título principal, <h2> representa el subtítulo, <h3> representa el subtítulo del subtítulo, y así sucesivamente.

# data[].attributes.headline
¿Cuál es la diferencia entre la etiqueta   y  ?

# data[].attributes.subject
¿Cuál es la diferencia entre la etiqueta   y  ?

# data[].attributes.body
<HTML> engloba todo el documento.

<head> para información sobre el documento.
<body> para el contenido.

# data[].attributes.body
DOCTYPE no es una etiqueta, es una instrucción para el navegador donde se declara la versión de html que se está usando.
Debemos ponerla al principio de la página, antes de cualquier etiqueta, incluso antes de la etiqueta <html> .

# data[].attributes.body
El HTML semántico puede utilizarse en lugar de las etiquetas de presentación estándar y esto ayuda a mejorar la legibilidad y la usabilidad, al tiempo que reduce la necesidad de datos estructurados. Esta nueva forma de concebir la programación permite crear sitios web más accesibles y más significativos para los motores de búsqueda. El marcado semántico también es beneficioso porque permite hacer hojas de estilo CSS separadas para cada sección de su sitio web.

# data[].attributes.body
El lenguaje html opera en base a marcadores escritos (que aparecen entre comillas angulares: <html>), a partir de las cuales se cifra la apariencia y orden interno de una página web, así como los scripts o rutinas que operan dentro de ellas. Dicho código fuente hace de ADN de la página Web, diciéndole al navegador de dónde obtener los recursos para su representación y en qué orden, secuencia y modo establecerlos. Y siguiendo el código al pie de la letra, el navegador nos brinda la experiencia de la navegación Web.

# data[].attributes.body
HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.