Introducción a cómo funciona HTML:

HTML es un lenguaje basado en etiquetas utilizado para el desarrollo de páginas web; HTML significa Hyper Text Markup Language. El hipertexto se refiere a la forma en que las páginas web están vinculadas entre sí. Por lo tanto, el enlace disponible en una página web se llama hipertexto. Es el lenguaje de marcado, es decir, las etiquetas le dicen al navegador cómo se representará la página en él. Fue desarrollado por Berners-Lee a finales de 1991, pero "HTML2.0" fue la primera especificación estándar publicada en 1995. Más tarde, sus muchas versiones de HTML llegaron como HTML 4.0, actualmente la última versión es HTML5.0, que es muy famosa por delante desarrollo de sitios web finales.

Estructura de cómo funciona la página HTML:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Esta etiqueta define el tipo de documento y la versión HTML.

La etiqueta anterior encierra el documento completo del lenguaje de programación HTML, compuesto por el encabezado del documento que está representado por … y el cuerpo del documento que está representado por … las etiquetas.

La etiqueta head representa el encabezado del documento que puede guardar otras etiquetas HTML como, etc.

esta etiqueta se usa dentro de la etiqueta para escribir el título del documento.

La etiqueta representa el cuerpo del documento que mantiene otras etiquetas HTML como,

,

etc.

Diferentes etiquetas de trabajos HTML y su descripción:

  • :

Uso de etiqueta de encabezado para crear variedades del ejemplo de encabezado que se muestra a continuación



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Salida

Título 1
Título 2
Título 3
Título 4
Título 5
Título 6

  • :

Esta es una etiqueta de párrafo que se puede entender mejor con el ejemplo que se muestra a continuación.



Paragraph Example

Este es un primer párrafo de texto.

Este es un segundo párrafo del texto.

Este es un tercer párrafo del texto.

Salida

Este es el primer párrafo del texto.
Este es el segundo párrafo del texto.
Este es el tercer párrafo del texto.

  • :

Esta etiqueta se usa para romper la línea, podemos usar esta etiqueta siempre que queramos que algo comience desde la siguiente línea. Es una etiqueta de línea única que no requiere una etiqueta de cierre.

  • :

Ponga todo el contenido en el centro, coloque este uso principal de esta etiqueta en la creación de la página web.

  • :

Se utiliza para crear la línea, principalmente cuando se desea dibujar una página web de una sola línea.

  •  :

Esta es una etiqueta HTML muy importante, en algunos casos queremos mostrar todo igual como está escrito dentro de la página HTML, en esos casos es una etiqueta muy útil. El ejemplo se da a continuación.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Salida

Laravel es el framework PHP. Es un marco de código abierto utilizado en la web.
desarrollo de aplicaciones. Este marco se basa en el controlador de vista modelo
patrón de diseño debido a este proyecto desarrollado con la ayuda de este marco son
Más estructurado y manejable. Este marco reutiliza el existente

    Para imprimir un solo espacio, esto se usa en HTML.

    • Propiedades de etiquetas:

    Podemos establecer la propiedad a nivel de etiqueta Ejemplo que se muestra a continuación



    Align Attribute

    Alineado a la izquierda

    Centro alineado

    Alineado a la derecha

    Salida

    Alineado a la izquierda
    Centro alineado
    Alineado a la derecha

    Atributos centrales de HTML

    Hay pocos atributos centrales que se han utilizado con casi todos los elementos HTML que siguen

    • Carné de identidad
    • Título
    • Clase
    • Tipo

    1) Id:

    Estos atributos utilizados para identificar de forma exclusiva el elemento HTML en la página, es posible que el mismo elemento haya sido utilizado en la página HTML en múltiples lugares por el atributo id identificamos el elemento y su contenido y puede usarse para otro propósito en javascript . El ejemplo se da a continuación.

    Este es el primer párrafo que explica qué es HTML cómo usarlo

    Este es el segundo párrafo que explica qué es la hoja de estilo en cascada y cómo usarla

    Explicación: en el ejemplo anterior, el mismo elemento se usó dos veces, así que cómo diferenciar este elemento solo por la ID.

    2) Título:

    Esta sintaxis de atributo es similar a los atributos de id, el propósito de estos atributos dependerá del elemento que lo porta, aunque a menudo se muestra como información sobre herramientas cuando el cursor se encuentra sobre el elemento, este es el uso principal de este atributo. El ejemplo se da a continuación:



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Salida

    Durmiendo desde hace mucho tiempo

    Si tratamos de colocar nuestro cursor sobre "Dormir desde hace mucho tiempo", veremos que cualquier título que hayamos usado en nuestro código sale como información sobre herramientas del cursor.

    3) clase:

    El atributo de clase se usa para asociar un elemento con una hoja de estilo y especifica la clase de elemento. Aprenderemos más sobre el uso del atributo de clase cuando aprendamos la Hoja de Estilo en Cascada (CSS). Su uso principal en CSS. El valor de este atributo también puede ser una lista de nombres de clase separados por espacios. El ejemplo se da a continuación:

    class = "className11 className12 className53"

    4) Estilo:

    Se utiliza para escribir la regla de estilo en cascada a nivel de elemento, se puede explicar mejor con el ejemplo que se proporciona a continuación.



    The style Attribute

    Este es un texto de ejemplo de estilo, es de color rojo …

    Salida

    Este es un texto de ejemplo de estilo, es de color rojo …

    Conclusión: cómo funciona HTML:

    Como vimos muchas etiquetas básicas, la página web se puede crear con la ayuda de estas etiquetas que se pueden mostrar al usuario final siempre que un usuario solicite la página web particular a través de su navegador web, el trabajo de visualización se realizará por la web navegador. Hoy en día existen muchas etiquetas nuevas en el mercado para hacer que las páginas web sean más atractivas.

    Artículos recomendados

    Esta ha sido una guía de cómo funciona HTML. Aquí hemos discutido el concepto básico de HTML mediante el uso de diferentes etiquetas y atributos básicos de HTML. También puede consultar los siguientes artículos para obtener más información:

    1. Aplicaciones de HTML
    2. HTML5 vs XHTML
    3. Preguntas y respuestas de la entrevista HTML5
    4. Hoja de trucos HTML
    5. Estilos de lista HTML

    Categoría:

    Herramientas de desarrollo web