Si desea crear su primera página web y está buscando una guía que lo ayude a construir su primera página HTML básica, entonces ha aterrizado en el lugar correcto. El siguiente tutorial servirá como una guía paso a paso para hacer páginas HTML para principiantes.

Que es html?

La abreviatura de HTML del lenguaje de marcado de hipertexto es un lenguaje de programación web que se utiliza para mostrar contenido en un navegador web. Consiste en una serie de elementos. Estos elementos se utilizan para mostrar y estructurar su contenido de texto, imágenes y otros objetos en la página web, como formularios, hojas de cálculo, videoclips, clips de sonido y otras aplicaciones. Primero comencemos con un simple ejemplo.

Este es un encabezado

Este es un párrafo

La anatomía del ejemplo anterior es el siguiente.

• es una declaración de un documento HTML.
• Se conoce como el elemento raíz del HTML y encierra todo el contenido.
• Es un elemento que encierra el tipo de contenido que está oculto al usuario ..
• Como su nombre indica, este elemento especifica el nombre de su página HTML.
• Este elemento sirve como contenedor para el contenido que aparece en la página web.

• Este elemento define un encabezado.

• Este elemento especifica un párrafo.

Elementos html

En el ejemplo anterior se encontrará con diferentes elementos HTML. Un elemento HTML se clasifica mediante una etiqueta inicial, una etiqueta final y contenido que se coloca entre estas etiquetas. Por ejemplo, en el ejemplo anterior '

Este es un encabezado

'es un elemento. Aquí

es la etiqueta de inicio, "este es un encabezado" es el contenido y

es la etiqueta de cierre.

Una página HTML consiste en elementos anidados. En el ejemplo anterior, hay cinco elementos HTML que son , , ,

y

Etiquetas HTML

Las etiquetas HTML se utilizan para iniciar y finalizar un elemento HTML. Las etiquetas comienzan con menos de "signo".
Por ejemplo:

No olvides cerrar una etiqueta una vez que se inicia. Para hacerlo, use un corte hacia adelante además de los soportes en ángulo. Aquí está como hacerlo

.

Nota importante: Nunca mezcle elementos HTML con etiquetas HTML. Ambas son entidades separadas.

Atributos HTML

Los atributos en HTML se utilizan para agregar información adicional sobre un elemento HTML. Esta información adicional se agrega a la etiqueta de inicio.

En este ejemplo, el SRC especifica la ubicación y el formato de la imagen y el alternativo El atributo proporciona una breve descripción de la etiqueta img.

Encabezados HTML

Ya hemos discutido el elemento de encabezado HTML anterior. Vamos a sumergirnos en sus detalles. Estos encabezados se definen por

a

Las etiquetas y 1 a 6 representan el tamaño del encabezado.

La etiqueta se usa para especificar el encabezado más grande mientras

La etiqueta se usa para establecer el encabezado más pequeño.

Por ejemplo:

Bienvenido a mi primera página HTML

También puede proporcionar varios estilos a su encabezado. Por ejemplo,

Este es un encabezado

Párrafos HTML

El elemento de párrafo HTML es especificado por el

Este es mi primer párrafo. Estoy aprendiendo conceptos básicos de HTML. Quiero convertirme en un desarrollador web algún día y crear sitios web increíbles.

Ahora debe estar pensando que debe haber algún editor que se use para crear páginas HTML. Aquí hay unos ejemplos.

Editores HTML

Aquí se alistan algunos de los editores HTML populares.

Bloc++

Es uno de los editores más comunes que usan los programadores web para desarrollar páginas HTML. A continuación presentamos algunos pros y contras de bloc de notas++.

Pros

• Es un editor HTML de código abierto gratuito.
• Es liviano y rápido.
• Tiene una interfaz sin distracciones.
• Es flexible y viene con algunos complementos convenientes.
• Es compatible con todos los sistemas operativos.

Contras

• Está construido solo para sistemas operativos de Windows.
• Tiene opciones limitadas para pruebas de código.

Texto sublime

El editor de texto sublime se asemeja a Notepad ++ pero está mucho más avanzado. A continuación hemos mencionado algunos pros y contras de texto sublime.

Pros

• Está disponible para sistemas operativos de Windows, Linux y Mac.
• Tiene una interfaz colorida.
• Es bueno para principiantes.
• El editor proporciona sugerencias basadas en el código existente, mientras que cada sugerencia tiene un enlace que contiene más información al respecto.
• También tiene una función de edición dividida

Contras

• Las funciones completas están disponibles solo después de comprar el software.
• No puede imprimir documentos o código.

Código de Visual Studio

Visual Studio Code AKA VS Code es uno de los editores de código de código abierto más modernos entre los desarrolladores web proporcionados por Microsoft. Proporciona un entorno de desarrollo integrado (IDE). Los siguientes son algunos pros y contras de Visual Studio Code.

Pros:

• Es compatible con Windows, Mac y Linux.
• Proporciona una función de completación automática.
• La interfaz es fácil de usar.
• Proporciona herramientas de depuración incorporadas.
• Los usuarios pueden agregar extensiones de idioma.

Contras

• Es un sistema de software pesado.
• También es un sistema de peso pesado que requiere mucho espacio en disco.

Conclusión

HTML es un lenguaje de marcado estándar que es un requisito central para construir páginas web. Este tutorial proporciona a los principiantes una guía detallada paso a paso sobre los conceptos básicos de HTML. Discute elementos HTML, etiquetas, atributos, encabezados, párrafos junto con ejemplos adecuados. Además, este tutorial también guía al lector sobre diferentes editores web populares y menciona claramente sus ventajas y desventajas.