<commit_before>HTML (HyperText Markup Language)
=======

HTML es el lenguaje de marcado utilizado para la creación de las interfaces web mediante diferentes elementos que nos proporciona el lenguaje.

Todas las etiquetas de HTML tienen la misma estructura:

![HTML-Example](https://citsf221.community.uaf.edu/files/2009/08/taganatomy.png)

Hay diferentes tipos de elementos en HTML:


* **Elementos de Bloque**: Son aquellos que dentro de una pagina HTML ocupan lo equivalente a una fila en el documento. A nivel de espacio, tienen tanto margenes alrededor de todo el elemento y se les puede asignar tanto alto como ancho al elemento. Los elementos de bloque más conocidos son:

    * body
    * header
    * nav
    * main
    * div
    * section
    * article
    * form
    * ul -> li
    * table
    * p
    * footer


* **Elementos inline**: Son aquellos que permiten que haya más elementos en una misma fila del documento. A nivel de espacios, este elemento sólo tiene margenes a los lados. Los elementos inline más usados son:

    * span
    * input
    * button
    * a
    * img
    * label
    * select
    * time
    * strong
    * i

<img src="http://trickcollab.com/wp-content/uploads/2015/06/block-inline-tags.jpg"
 style="height:15rem" alt="Tipos de elementos">

Todo documento HTML tiene la siguiente estructura:

```HTML
<!DOCTYPE html>
<html lang="en">

<head><commit_msg>Incluidos headers a los elementos de bloque<commit_after>HTML (HyperText Markup Language)
=======

HTML es el lenguaje de marcado utilizado para la creación de las interfaces web mediante diferentes elementos que nos proporciona el lenguaje.

Todas las etiquetas de HTML tienen la misma estructura:

![HTML-Example](https://citsf221.community.uaf.edu/files/2009/08/taganatomy.png)

Hay diferentes tipos de elementos en HTML:


* **Elementos de Bloque**: Son aquellos que dentro de una pagina HTML ocupan lo equivalente a una fila en el documento. A nivel de espacio, tienen tanto margenes alrededor de todo el elemento y se les puede asignar tanto alto como ancho al elemento. Los elementos de bloque más conocidos son:

    * body
    * header
    * nav
    * main
    * div
    * section
    * article
    * form
    * ul -> li
    * table
    * p
    * footer
    * h1, h2, h3..., h6


* **Elementos inline**: Son aquellos que permiten que haya más elementos en una misma fila del documento. A nivel de espacios, este elemento sólo tiene margenes a los lados. Los elementos inline más usados son:

    * span
    * input
    * button
    * a
    * img
    * label
    * select
    * time
    * strong
    * i

<img src="http://trickcollab.com/wp-content/uploads/2015/06/block-inline-tags.jpg"
 style="height:15rem" alt="Tipos de elementos">

Todo documento HTML tiene la siguiente estructura:

```HTML
<!DOCTYPE html>
<html lang="en">

<head>
{'fraction_non_alphanumeric': 0.08356840620592383, 'fraction_numerical': 0.013399153737658674, 'mean_word_length': 3.2280178837555886, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1898187', 'n_tokens_mistral': 963, 'n_tokens_neox': 922, 'n_words': 347}