Aprender a iniciar un programa en HTML es súper importante debido a que actualmente HTML es el lenguaje de marcado que se usa prácticamente en todas las webs que existen en Internet y es el lenguaje de marcado básico que se utiliza tanto en frameworks u otras aplicaciones para realizar tanto aplicaciones web como páginas web, por lo cual es importante tener conocimiento de cómo iniciar cualquier archivo HTML tanto como definir la meta descripción, que sirven para el SEO y rastreo de la página web tanto para definir el título, poder definir algunos otros archivos que se puedan utilizar como JavaScript o CSS y para poder escribir lo que se quiera dentro de una página web o aplicación web.
Iniciar un programa en HTML
👊 ¿QUIERES INCREMENTAR TUS CONOCIMIENTOS EN HTML y CSS? 👊
Entonces te recomiendo tomar este curso de HTML y CSS donde aprenderás estos lenguajes desde cero hasta convertirte en un experto, realizando varios ejercicios prácticos para que puedas aprender de una mejor manera.
👇
CURSO COMPLETO
Etiqueta <html>
Al iniciar un programa en HTML es importante colocar como primera instancia la etiqueta DOCTYPE que es la que define que se está utilizando HTML 5. HTML 5 es actualmente la última actualización de lenguaje que existe por lo cual si se quiere tener seguridad de qué la aplicación o la página web se reproduzca en cualquier navegador de Internet es necesario que contenga esta etiqueta para que se defina que esté está utilizando la versión más actual de HTML.
<!DOCTYPE html>
Seguido de la etiqueta DOCTYPE es importante colocar ahora si la etiqueta HTML que es la que va a contener dentro de él, todo el código que se quiera realizar, tanto el que se quiere mostrar en la página web tanto para el que se quiera usar para el SEO o para los rastreadores de Google.
También es importante mencionar que dentro de la misma etiqueta se coloca el atributo «Lang» que sirve para definir el lenguaje en el cual va a estar escrita la página web y ahí se coloca simplemente el código de lenguaje que se quiera utilizar, cómo por ejemplo si se va a realizar la página web en inglés se colocan las letras «en» que significan que la página va a estar en inglés o si se quisiera utilizar en español, se deberían colocar las letras «es» que son referentes a ese idioma.
<html lang="en"> </html>
Etiqueta <head>
Dentro de la etiqueta HTML existe otra etiqueta la cual es llamada «Head» la cual va a contener toda la información que no será mostrada a los usuarios que estén visitando la página web, si no esa información será utilizada para definir el título o la descripción de la aplicación o página web y para referir a otros archivos que se puedan utilizar en la página como lo pueden ser CSS y JavaScript, también ahí es donde se definen todas las acciones que se requieran para el SEO de las páginas web o cualquier otra integración para que se pueda rastrear en Internet.
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
También dentro de la etiqueta «Head» las etiquetas más principales que se deben de colocar es la de «meta charset» que es la que define el tipo de vocabulario que se va a utilizar y también la etiqueta «title» que es la que va a definir el título de la página web el mismo que se va a visualizar en la pestaña de la página en cualquier navegador que se esté utilizando.
👊 ¿NECESITAS UN HOSTING PARA TU PAGINA WEB O TIENDA ONLINE? 👊
Entonces te recomiendo usar Hostinger, que cuenta con una gran cantidad de ventajas y herramientas para crear tu Web de manera sencilla y profesional.
Estas son una de las características al contratar Hostinger:
💽 Hospedaje Profesional
💻 Sitio Web seguro con SSL
🔋 Velocidad de procesamiento
🖲 Interfaz fácil de usar
💰 Dominio Gratis
Entre muchas otras cosas mas…
Etiqueta <body>
Dentro de la etiqueta HTML se debe de incluir otra etiqueta llamada «Body» que es la que va a contener toda la información que se va a mostrar al usuario que esté visitando la página web, dentro de ésta etiqueta se van a realizar todas las acciones, todos los textos, los títulos, las imágenes o cualquier información que quiera ser visualizada y dentro de ella existe una infinidad de etiquetas que se pueden utilizar.
<body>
<h1>The first program</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Possimus quidem incidunt accusamus rem itaque minima atque earum!
Corrupti quam sit fugiat maiores necessitatibus sed facere repellat
eligendi doloremque, totam fuga rem in laborum doloribus!
</p>
</body>
En este ejemplo que se observó se puede ver que se utilizó una etiqueta H1 la cual es utilizada principalmente para definir el título principal de la página web, que es el que va estar en la letra más grande por defecto, después se pueden percibir que se encuentra la etiqueta «p» que se define para un párrafo, donde dentro de esta misma etiqueta cualquier texto que se coloque se va a referir a él como un párrafo separado de información.
Y esto es lo principal que se tiene que tener en cuenta para iniciar un programa en HTML, aunque existen infinidad de etiquetas más, que si te interesa saberlas las puedes encontrar en mi pagina principal, pero con esta información que tenemos en esta página es lo mínimo necesario para iniciar un programa en HTML para mostrarlo en una página web.
