Entendiendo como esta construido una pagina web en HTML 5
Hoy en día es común navegar en internet y encontrarse con paginas web para buscar información de cualquier tipo, pero ¿Sabemos como se construyen una pagina web?. En esta publicación vamos a entender de manera simple el lenguaje que se utiliza para realizar sitios web y descubrir que importancia tiene aprenderla.
Una pagina web se realiza desde el inicio con la tecnología HTML en su versión 5, es decir que anteriormente se utilizaba versiones anteriores como el HTML4 para construir una web. Pero ¿realmente que cambian entre versiones?, de manera simple se actualizan los estándares del lenguaje y mejora su rendimiento para las paginas web.
- Entendiendo como esta construido una pagina web en HTML 5
- ¿Qué es un lenguaje de programación?
- Importancia de aprender HTML5
- Pagina web en HTML5
- Etiquetas básicas de HTML
- Conclusión
¿Qué es un lenguaje de programación?
De manera simple, es la forma de poder escribir determinadas reglas, instrucciones y procesos de tal manera que la maquina, nuestro computador, tableta, dispositivo móvil, reloj inteligente, entre otros, puedan traducir lo escrito en código que pueda ejecutar directamente.
HTML5 es un lenguaje de maquetación o HyperText Markup Language, esto se refiere que no es un lenguaje de programación en su totalidad, ya que al escribir un código HTML nos estamos asegurando que la maquina pueda interpretar los elementos de un diseño web para luego procesar su contenido. Su contenido puede ser imágenes, textos, códigos de estilos, códigos avanzados de funcionalidad de interfaz de usuario, juegos, entre otros.
Importancia de aprender HTML5
Entonces ¿Quieres decir que no soy programador con HTML5?; saber HTML5 no te hace 100% programador web, pero puedes fortalecer diversas habilidades como el diseño web, poder expandir tus habilidades de diseño grafico y plasmarlo en un prototipo funcional, entender mejor el funcionamiento al navegar por la red, entre otros. Sin embargo para aquellos que quieran dedicarse a la programación web, este es un paso obligatorio para aquellas personas.
Pagina web en HTML5
Sin más, veamos como construimos una pagina simple en HTML5
Una pagina web tiene la siguiente forma:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Mi titulo de la web</title>
</head>
<body>
<h1>Bienvenido a mi web</h1>
<p>Este es mi primera web en HTML5</p>
</body>
</html>Cada elemento en HTML5 se representa en signos “< >” y además cada elemento se tiene que hacer una apertura y cerrarla con el signo “/”, por ejemplo: apartáramos el elemento de la siguiente forma: <html> y una vez que establecemos su contenido lo cerramos el elemento de la siguiente forma: </html>
existen muchísimos elementos o etiquetas para interactuar con HTML5 y realizar nuestro diseño, sin embargo para este articulo solo repasaremos lo que mostramos en el ejemplo anterior:
Etiquetas básicas de HTML
La etiqueta <!DOCTYPE HTML> sirve para indicar que se trata de una web con HTML5, sin esa etiqueta el navegador web interpretara que se trata de una versión anterior.
Seguidamente con la etiquetas <html></html> dentro de ellas estará dentro nuestra pagina web.
Una pagina web debe contener obligatoriamente las etiquetas <head></head> y <body></body> donde uno sirve como cabecera para definir títulos, descripciones, iconos, estilos personalizados, entre otros. En cambio la etiqueta <body> contendrá todo el contenido de nuestra pagina web, ya sean textos, imágenes, videos, entre otros.
Cabe resaltar que todo lo que esta en <head> se cargara primero antes que <body>, esto es importante tenerlo en cuenta para realizar funcionalidades avanzadas.
La etiquetas <meta> es un elemento de html5 donde puedes definir la codificación del texto en la pagina web, además, puedes definir con la misma etiquetas otras configuraciones para nuestra pagina, como por ejemplo, definir el tipo de vista para diferentes dispositivos, indicar compatibilidades de navegadores, entre otros.
La etiqueta <title></title> sirve para definir el titulo de nuestra pagina web
la etiqueta <h1></h1> funciona para indicar un titulo dentro del contenido en nuestra pagina web.
Por ultimo la etiqueta <p></p> funciona para establecer párrafos en el contenido de nuestra pagina web.
Conclusión
Con el lenguaje de maquetación podemos realizar estructuras para establecer nuestros diseños en nuestra paginas web, si bien existen una gran variedad de etiquetas HTML5 para construir nuestra pagina web, sin olvidar la etiqueta de estilo, que nos permite personalizar completamente una pagina web. HTML5 es una poderosa tecnología que es capas de presentar todo tipo de contenido y aplicaciones, desde portales personales hasta software complejo.