Un documento HTML (lenguaje de marcado de hipertexto) forma la base estructural de una página web al proporcionar la capa de contenido. El hipertexto puede ser cualquier texto que se pueda mostrar en la pantalla y contiene enlaces a otro texto. Los sitios web, por ejemplo, tienen innumerables documentos vinculados entre sí a través de hipervínculos.

El lenguaje de marcado proporciona significado al texto en un documento describiendo la estructura y el formato de ese texto. Además, el formato y la estructuración del texto de un documento HTML es asistido por etiquetas.

Si desea crear su propio sitio web, aplicaciones web o saber cómo editar otros sitios web y aplicaciones, debe comprender qué es HTML? Para servir al propósito mencionado anteriormente, esta publicación proporciona contenido rico para obtener los conceptos básicos de HTML.

Elementos html

Los documentos HTML consisten en elementos, y un elemento en HTML consiste en los siguientes objetos:

texto

Y definir la propiedad del texto dentro de estas etiquetas. Por ejemplo, el texto (Linuxhint) Escrito en entre etiquetas

y

se considerará como encabezado 1.

Para los párrafos, uno puede usar etiquetas

y

. Sin embargo, se observa que varios elementos HTML no tienen las etiquetas de finalización (o no contienen ningún texto en el interior), como
, y se denominan vacío elementos.

Aquí se describen pocos elementos HTML de uso común que sirven a varias funcionalidades para construir una página HTML:

• Encabezado de texto: Las etiquetas

  ,

  ,

  …

  se utilizan para encabezados de texto de varios tamaños.

• Sección/División: Una sección o una división se define usando la etiqueta. Estas divisiones también se denominan contenedores y un solo contenedor puede contener múltiples contenedores.
• Párrafo: Cualquier texto escrito entre

  y

  será considerado como un párrafo.
• enlace: Para incrustar un enlace en un documento HTML, se usan etiquetas de anclaje ().
• Elementos de listado: El Se practica la etiqueta para enumerar los elementos. Además, el
  y
  Las etiquetas se utilizan para organizar los elementos en una lista ordenada y desordenada respectivamente.
  • Imagen: Para la inserción de una imagen, la etiqueta se usa.

  Atributos HTML

  La funcionalidad de los elementos HTML se puede extender utilizando atributos. Los atributos se definen en la etiqueta de inicio y dirigen el elemento HTML para realizar la propiedad específica en el contenido de esa etiqueta. Por ejemplo, una etiqueta de anclaje en HTML contiene un atributo href que crea un enlace al contenido escrito dentro de esa etiqueta. Hagamos un intento:

  La siguiente etiqueta de anclaje () contiene el texto "Linuxhint" y el href El atributo creará el enlace de índice.html En ese texto.

  Además, puede especificar varias propiedades de estilo de un elemento utilizando los atributos. El atributo de estilo de HTML se puede usar para especificar colores, estilo de fuente y tamaño de fuente de un elemento. Los usuarios pueden limitar las dimensiones de una imagen en elemento usando el ancho y altura atributos. El clase El atributo de un elemento le permite usar la propiedad de una clase CSS.

  Editores HTML

  El editor HTML juega un papel vital en el desarrollo de un documento HTML. Aunque los conceptos básicos de los documentos HTML dependen fuertemente de los elementos. Sin embargo, estos elementos están estructurados utilizando un editor. Esta sección enumera varios editores HTML más utilizados:

  Código de Visual Studio

  Visual Studio Code proporciona una amplia gama de características para editar y redefinir el código fuente de aplicaciones basadas en la web/basadas en la nube. Es desarrollado por Microsoft y tiene accesibilidad de código abierto, por lo tanto, también tiene soporte de Linux.

  Wysiwyg Web Builder

  El wysiwyg representa Wsombrero YUNED SEE Is Wsombrero YUNED GRAMOET, y como lo indica el nombre, muestra la salida en la edición de tiempo de ejecución. Esta herramienta admite la última versión de HTML5 y algunos lanzamientos anteriores también.

  Texto sublime

  Usando esta herramienta, puede crear un documento HTML con una estructura preparada. Una vez que guarde cualquier archivo de texto sublime usando .html o .Extensión HTM, obtendrá la estructura completa de la página como se muestra en la imagen a continuación:

  Bloc++

  Notepad ++ es otro constructor HTML que le permite construir una página utilizando los elementos HTML. Si se guarda un archivo Notepad ++ con .htm o .html Extensión, le guiará a usar elementos HTML correctos.

  Además, varias otras herramientas también están disponibles como Highlighter de sintaxis, Autocompleto, Depuración y Validación de Código.

  Cómo se desarrollan los documentos HTML

  El documento HTML comprende elementos disciplinados para obtener contenido significativo. Estos elementos están estructurados utilizando un editor HTML. Aquí estamos usando Sublime Text 4 como editor HTML:

  Puede seguir los pasos proporcionados a continuación para construir una página HTML simple:

  Paso 1: Abra el editor de texto sublime y guarde el archivo usando .html, .xhtml, .shtml o.Extensión HTM.

  Paso 2: Escriba en el panel de edición de texto y presione Enter. El tiempo que presiona Enter, una estructura básica del documento HTML se creará de forma predeterminada como se muestra a continuación:

  La imagen de arriba representa los elementos necesarios de un documento HTML. Además, varios elementos y sus atributos embellecen la interfaz de la página y satisfacen las necesidades de un usuario.

  Conclusión

  HTML es un idioma que ofrece el formato y la estructuración de texto para una página web. Este artículo proporciona una guía informativa e completa sobre HTML. Has llegado a conocer los bloques de construcción de los documentos HTML. Además, proporcionamos enlaces a varias herramientas de edición que pueden ayudarlo a construir páginas HTML.