¿Qué es HTML?📁🔍

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

¿Estructura de documento HTML?❓🧷



§ 1. CSS y JavaScript👀👍

El CSS se puede usar para estilos de texto muy básicos como, por ejemplo, cambiar el color y el tamaño de los encabezados y los enlaces. Y JavaScript es un lenguaje de programación. Para interactuar con una página web se provee al lenguaje

§ 3. Encabezados y párrafos👀📕

Las etiquetas de encabezados se utilizan para diferenciar textos o párrafos comunes de otros importantes. Tienen un orden jerárquico, en el que H1 es el de mayor importancia.

§ 3. Header, footer, main📑❓

-Header o cabecera de una página web es el término que hace referencia a la parte superior de un sitio web



-Footer indica el término del sitio web dentro de la estructura. Por lo tanto, necesitas revisar el código de tu página



-Main sirve como punto de partida para la ejecución del programa. Normalmente, controla la ejecución del programa dirigiendo las llamadas a otras funciones del programa.

§ 4. Aside, nav🔖📑

-Aside es un contenedor para información que se considera solo levemente relacionada al documento o la sección en la que es definida.

-Nav representa una sección de una página cuyo propósito es proporcionar enlaces de navegación

§ 5. Elementos de bloque y linea🔍📑

Un elemento de bloque en HTML es aquel que ocupa todo el ancho de la página o elemento que lo contiene.

<hr> es una etiqueta utilizada para separar el contenido.

<pre> etiqueta que formatea el contenido, es decir se visualiza como lo escribes.

<blockquote> tiene la función de citar contenido.


<div> es un contenedor y en html no modifica la estructura, utilizado para darle estilos (CSS) y la funcionalidad (JS).

<br> etiqueta para dar saltos de línea.

  • Elementos de línea 

Una etiqueta de las fila es una etiqueta que ocupa el menor espacio horizontal posible y permite colocar otro elemento junto a ella

.<em>,<strong>, es una etiqueta utilizada para dar énfasis al contenido.

<small>, es utilizada para indicar el contenido menos importante.

<span>, es un contenedor que en html no modifica la estructura, sirve para darle CSS y JS.

<i> usada para cursiva,<b> para negrita y <u> para subrayado.

  • <sup> es para agregar un superíndice (Arriba) y <sub> es para poner un subíndice (Abajo).

Enlaces y listas📑

Los enlaces se marcan con la etiqueta <a> y el principal atributo es href="" donde se escribe la ubicación del archivo de destino. Para enlazar estos enlaces al texto se agrega id.

      Atributos

    ºTarget="_blank", es utilizado para que se abra enlaces en otra ventana.
    ºDownload atributo que no tiene valor, este sólo funciona con archivos que estén en el mismo proyecto.

    Rutas relativas y absolutas

Rutas absulatas.

Tiene el protocolo (http o https) y son unicas, se usan para rutas externas(destinos que esten fueran del proyecto).

Rutas relativas.

Se usan para rutas internas del proyecto. No usan protocolo.



Listas

Las listas HTML nos permiten crear conjuntos de elementos en una página como listas, generalmente comenzando con un guión o un número.

    Listas ordenadas (ol) tiene una secuencia de números o letras.
    Listas desordenadas (ul) no indican ningún tipo de secuencia.
    Listas de definición

          (dd) provee detalles acerca de o la definición de un término precedente.
          (dt) especifica un término en una descripción o lista de definiciones.



Tablas📂📤

Las tablas pueden ser simples o complejas según nuestros objetivos y la cantidad de etiquetas o atributos a utilizar.

        
<table> usado para marcar la tabla.
<tr> es para cada una de las filas

.<td> Cada una de las celdas de la tabla.

<th> Cada una de las celdas de cabecera de la tabla.

<caption> Se usa para poner el título de la tabla.

El atributo col span es usado para agrupar filas y columnas.

El atributo rowspan es para combinar filas y columnas.

La etiqueta col group es la cabecera se aplica a todas las celdas restantes de la columna.

Formularios📃📃

    • <form> Define a un formulario.
    • <fieldset> Permite organizar en grupos los campos de un formulario.
    • <legend> Representa el título de un <fieldset>.
    • <label> Representa el título de un elemento de control de un formulario.
    • <input> Se usa para crear controles interactivos que reciban datos del usuario. Algunos de sus atributos son file, email, date, password, etc.
    • <button> Representa un botón.
    • <option> Representa una opción en un elemento <select>.
    • <select> Representa un elemento de control que permite la selección entre un conjunto de opciones <opción>.
    • <outgroup> Representa un conjunto de opciones, agrupadas lógicamente.
    • <detalist> Representa un elemento de control que permite la selección entre un conjunto de opciones <opción>.
    • <textarea> Representa un elemento de control de edición de texto multilínea.



El HTML nos ayuda a crear pàginas a travez de codigos totalmente faciles, po medio de leguajes y todo, podemos agregar estilos, crear pàginas con cualquier contenido. Dado no solo podemos crear paginas de imformaciòn, tambien de formularios encuestas hasta tablas, las cuales todo es a vaces de còdigos. los cuales son de mucha utilidad, ya sea para cualquier cosa