Ingeniería Estructural de HTML
Tags: html, structure, fundamentals
Published: 2020-06-19 19:38:45

![Estructura metálica de una casa -  Mercado Libre](https://http2.mlstatic.com/construccion-en-seco-steel-framing-D_NQ_NP_821774-MLA27964479754_082018-F.jpg)

&nbsp;
### EL DESARROLLO WEB DESDE UN PUNTO DE VISTA DIFERENTE

&nbsp;
Toda construcción de una obra civil (_Edificios, casas, entre otras_), requiere de una base(_cimientos_) para sostener una estructura, la cual va a funcionar como parte inicial para la obra final.
Por lo tanto, se podría decir que :
&nbsp;  

---

> **La Estructura** es la disposición y distribución de las partes de un todo, cuyo orden y relación entre si, permiten el funcionamiento de un determinado sistema.  
En una estructura, cada elemento tiene una función especifica y una correlación con los demás elementos que componen la estructura.  
Fuente: _wikipedia_.

---

&nbsp;
De la misma manera funciona en la elaboración de una estructura HTML, al igual que en la construcción de obras civiles se tienen materiales metálicos, aglutinantes, compuestos, (_entre otros_); En una estructura HTML tenemos seis(6) tipos de materiales, donde dichos materiales son llamados _**TAGS**_.

&nbsp;
Un **TAG** desde su apertura hasta su cierre es llamado **HTML Element**, donde el elemento tiene una anatomía básica como se explica a continuación. 

&nbsp;  
![Anatomía de un Elemento HTML](https://www.w3.org/community/webed/wiki/images/3/39/Elements.png)

&nbsp;  
Al igual que los materiales de construcción civil, tienen propiedades como densidad, resistencia, elasticidad, (_entre otros_); Los **TAGS** de HTML también los tienen, a los cuales llamamos **atributos** y se deben escribir en el **TAG** de apertura del Elemento HTML, como se explica a continuación.

&nbsp;  
![Anatomía de un Elemento HTML con Atributo](https://www.w3.org/community/webed/wiki/images/b/bc/Option.png)

&nbsp;  
Como ya comentamos, toda obra civil, requiere fundamentalmente una base, que contenga toda la estructura, dicha base se le llama cimientos, y su función principalmente es la de controlar las cargas y distribuir el peso de la estructura (_solo por dar un ejemplo_). Así mismo, en una Estructura HTML también se tiene una Base que sostiene la misma.  
A dicha base, se le debe especificar el tipo de estructura que va a soportar. ¿Pero como lo hacemos?, con el TAG llamado **DOCTYPE**, el cual debe ir, siempre al inicio de todo el Documento HTML.

&nbsp;
A continuación se muestra la Base de un Documento HTML, al cual se le especifica que va a soportar el tipo de Estructura HTML5.

&nbsp;
![Estructura Básica de HTML](https://www.html-5-tutorial.com/images/doctype.gif)

&nbsp;
Explicación de lo que vimos en la imagen anterior.
1. Tenemos un TAG llamado `<!DOCTYPE html>` : Con el cual especificamos que la estructura que vamos a Construir sera **HTML5**.
2. Tenemos un TAG llamado `<html> ... </html>` : Este es el limite de nuestra construcción, toda la estructura a continuación, deberá ir dentro de estos **TAGS**.
3. Tenemos un TAG llamado `<head> .. </head>` : Dentro de estos **TAGS**, se ha de colocar toda la información y documentación relevante sobre nuestro proyecto.
4. Por ultimo, tenemos un TAG llamado `<body> .. </body>` : Este es el **TAG**, que va a soportar toda la estructura del proyecto. 


&nbsp;  
&nbsp;  
Post en Proceso - Realizado por Daniel Villena.