Bryan De Jesus Rosa Tavarez
Posted on August 29, 2021
Actualmente la mayoría de las personas han visto cientos de páginas web pero muchos se preguntarán Como están creadas o ¿Qué es HTML? ¿Cómo funciona? ¿Es difícil escribir en HTML? ¿Dónde puedo escribir HTML? Y otras preguntas como estas serán respondidas a continuación.
Comenzando por aclarar que es la Web, que no es mas que el conjunto de documentos HTML interconectados alrededor del mundo gracias a internet. Así que toda la web esta creado bajo un estándar llamado HTML. Y de seguro te preguntaras que es HTML. Antes de empezar lo que te digo si es que si quieres ser desarrollador web, HTML es el primer lenguaje que debes aprender.
¿Qué es HTML?
“HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. HTML son las siglas de Hyper Text Markup Lenguaje. Es decir, Lenguatje de marcado de hipertexto. Para entender qué significa, analicémoslo por partes:
Hipertexto: Se refiere a los enlaces (links). Un enlace puede conectar un documento con otro. Aunque hoy es muy común, en su momento fue una revolución.
Marcado: Un lenguaje de marcado se encarga de estructurar documentos, es decir, indicar las secciones y jerarquía de elementos.
Lenguaje: HTML es un lenguaje, su mismo nombre lo dice. Ahora bien, ten presente que es un lenguaje de marcado, no de programación.
No obstante, este tipo de definiciones no nos dice mucho porque la definición es técnica. Para algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.
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.
HTML es fácil de aprender. Su sintaxis está basada en etiquetas: una de apertura y una de cierre. Y dentro de ellas va el contenido.
Etiquetas en HTML.
Ya tenemos una idea sobre lo que hace HTML pero aún no sabemos cómo funcionan las etiquetas. Para esto vamos a imaginar que tienen que hacer un ensayo sobre algún tema, consideraremos que el ensayo será nuestra página web y la manera en la que va ordenado un ensayo es por un título, la introducción, el desarrollo y la conclusión, si se tiene en cuenta que esto nos dice cómo debe ir nuestro ensayo podemos considerar que éstas serían las etiquetas porque nos dicen la estructura que lleva, es decir, la forma en que se acomoda el texto en nuestro ensayo. Cabe mencionar que las etiquetas no sólo sirven para ordenar nuestro contenido sino que ayudan a los buscadores como Google, Yahoo search y muchos otros a encontrar la información por medio de las etiquetas.
Ahora que entendemos el concepto de etiquetas, necesitamos poder identificarlas. Éstas se caracterizan porque van dentro de los caracteres menor que < y mayor que >, como en este ejemplo:
<Inicio de la etiqueta>
**Contenido**
</Fin de la etiqueta>
Contenido
Las etiquetas se indican entre los símbolos < y > y la etiqueta de cierre se indica además con /
Las etiquetas pueden contener información adicional indicada con atributos. Los atributos tienen un nombre y un valor. Por ejemplo:
<etiqueta atributo="valor">Contenido</etiqueta>
Existes ciertas excepciones con el fin de las etiquetas, ya que algunas usualmente sólo se utilizan con el inicio de la etiqueta, ejemplos de esto son las etiquetas BR (salto de línea), IMG (etiqueta para poner una imagen), entre otras.
Finalmente, sólo nos falta saber dónde escribir código en HTML y para ello sólo es necesario un editor de texto como el bloc de notas, aunque en mi opinión te recomendaría que descargaras Visual studio code debido a que facilita la escritura de código HTML. Si aún quieres saber si HTML es fácil de escribir, te diría que sí, porque no hay mayor obstáculo en el aprendizaje que tus propias ganas de aprender, además del hecho que desde niños hemos aprendido a distinguir y clasificar todo a nuestro alrededor y es básicamente de lo que se encarga HTML así que no habrá una gran dificultad.
Estructura básica HTML.
Esta es la estructura básica de un documento HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Encabezado</h1>
</body>
</html>
Ya que HTML es un lenguaje de marcado y su función es darle estructura y jerarquía al contenido. y cada etiqueta ya esta definida con su función determinada ya que es un estándar predefinido por una organización llamada W3C que es Consorcio WWW, en inglés: World Wide Web Consortium, es un consorcio internacional que genera recomendaciones y estándares que aseguran el crecimiento de la World Wide Web a largo plazo. son los que dicen cuales etiquetas va ha usarse y cuales no.
Bueno espero que le allá quedado claro lo que es HTML y sobre como esta estructurado dicho lenguaje, vimos como se compone de etiquetas de apertura y de cierre y que cada etiquete tiene una función en especifica y que cada una de esas etiquetas están predefinida por la W3C. https://bryan-rt.hashnode.dev/que-es-html
Posted on August 29, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.