Introducción al Lenguaje de Programación HTML

por
Introducción al Lenguaje de Programación HTML

El HTML es el lenguaje de marcado para crear páginas web y aplicaciones web. Este simboliza el lenguaje de marcado de hipertexto (cualquier idioma de texto superior). Se utiliza con CSS y JavaScript para crear páginas web interactivas. Los navegadores web reciben y muestran documentos HTML desde un servidor web o sistema de archivos, y la función de HTML es describir estructuralmente la estructura de las páginas web.

Los elementos en HTML son los bloques de construcción básicos de los documentos de lenguaje HTML , con los que podemos agregar imágenes y objetos interactivos como formularios o archivos de video y audio. También puede crear documentos estructurados mediante el uso de etiquetas para marcar párrafos, encabezados, enlaces, citas, tablas y mucho más. HTML puede incluir programas escritos en lenguajes como JavaScript para modificar el comportamiento y el contenido de las páginas web.

Estructura del Documento HTML

Las páginas en lenguaje HTML se componen de elementos, generalmente una etiqueta de inicio y una etiqueta de finalización, generalmente con contenido de texto en el medio. Podemos poner en la etiqueta de inicio algunas propiedades que cambian el comportamiento del elemento o conducen a su ajuste. Tenga en cuenta que algunos elementos pueden ramificarse entre sí. Las divisiones básicas de elementos son:

  • Etiqueta de inicio: contiene el nombre del elemento, encerrado entre corchetes angulares, y el nombre puede ir seguido de las propiedades que lo afectan. Al igual 

    .

  • Etiqueta de finalización: también contiene el nombre del elemento precedido por una barra inclinada para indicar el final del elemento. Tenga en cuenta que olvidar la etiqueta de cierre a veces puede provocar errores, así que tenga cuidado y recuérdese. Por ejemplo: <‎/p>.
  • Contenido: se encuentra entre las etiquetas de inicio y final, y la mayoría de las veces representa el contenido del elemento.
  • Elemento: es la etiqueta de inicio y finalización además del contenido.
____ la etiqueta inicial _____ la etiqueta final 
 
 contenido del párrafo

Los elementos pueden contener propiedades, y estas propiedades son algunas opcionales y otras obligatorias, y hay propiedades llamadas propiedades globales que se pueden usar en todos los elementos. En la mayoría de los casos, una propiedad consta del nombre de la propiedad y un valor que le sigue.

_____ la etiqueta inicial _____ la etiqueta final 

 contenido del párrafo 

| Contenido del elemento | Propiedades |

El siguiente ejemplo comienza declarando el DOCTYPE de la versión HTML5 y luego define el elemento raíz  que indica el inicio del documento en lenguaje HTML. El elemento  tiene dos elementos que son elemento  y . El elemento contiene los metadatos que describen el documento, como el elemento </code> que establece el título de la página.</p><p>El elemento <code><meta></code>que establece el conjunto de caracteres del documento aquí, el elemento <code><link></code> que hace referencia al documento CSS y el elemento <code><script></code>que hace referencia al código JavaScript. En cuanto al elemento, <code><body></code> representa el contenido de la página en sí, como imágenes (el elemento <code><img></code>), párrafos (el elemento <code><p></code>), etc. Observe cómo cada sección del documento termina con las etiquetas de cierre adecuadas.</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Page Title Hello

Hello World!

 

Esta guía está organizada asignando una página a cada elemento del lenguaje HTML. Es decir, puede visitar la página HTML/nombre de etiqueta para obtener información sobre el elemento . Para obtener información sobre el elemento  visitamos la página HTML/img, y para conocer los detalles del elemento 

visitamos la página HTML/tabla. 

En cuanto a los campos del formulario, se encuentran dentro de las subpáginas de la página HTML/entrada (por ejemplo, la página HTML/entrada/correo electrónico del campo ). Esta página contiene una lista de elementos en lenguaje HTML, organizados por función para que le resulte más fácil obtener lo que desea.

Elemento Raíz

ElementoDescripción
Representación del elemento principal en documentos HTML, a veces denominado «elemento raíz». Todos los demás elementos del documento deben ser descendientes (descendientes, es decir, hijos directos e indirectos) del mismo.

Metadatos

Los metadatos contienen información sobre la página, que incluye información sobre estilos, scripts y datos de ayuda para el software (como motores de búsqueda, navegadores, etc.) que usan o ven la página.

ElementosDescripción
Defina una base de URL para todas las URL relativas del documento. No se puede utilizar más de un elemento  en el documento.
Proporcione información general sobre el documento (es decir, metadatos), incluido el título del documento y enlaces a sus scripts y hojas de estilo.
Definir las relaciones entre el documento actual y un recurso externo. Uno de los usos de esta etiqueta incluye definir una relación entre las páginas para navegar entre ellas, pero el uso más común de este elemento es incluir hojas de estilo.
Representación de metadatos que no puede ser representado usando relacionados con metadatos elementos HTML tales como , ,