fbpx

HTML div

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on linkedin
LinkedIn
Share on email
Email

Cuando entras a una página web cualquiera, puedes admirar su diseño, pero realmente no conoces lo que hay detrás de esa página ni cómo funciona.

En ese caso, el Lenguaje de Marcas de Hipertexto (HTML en inglés), es el responsable de mostrarte tal página web.

Descripción

La Etiqueta HTML div es de formato abierto y simple. Está basada en etiquetas que puedes identificarlas fácilmente, ya que están enmarcadas dentro de paréntesis angulares “< >” o corchetes.

El HTML es quien le da las instrucciones al navegador, para que comprenda el tipo de información que está mostrando. De esa forma se indican cuáles son los títulos, cuáles son las imágenes para que las muestre en ese formato, y más.

Con la etiqueta div (que se refiere a división), puedes agrupar los diferentes contenidos o hacer secciones. Es obligatoria y se escribe <div> y </div>. En ella puedes encontrar texto o elementos en línea o bloques.

Ejemplos

Un ejemplo del uso de la etiqueta HTML <div>, es el siguiente:

<div style=”color : red;”>
  <h2> Ejemplo de div <h2>
  <p> Párrafo dentro de etiqueta div</p>
</div>

Atributos

Dentro de los atributos que contiene la etiqueta HTML div, puedes encontrar: de transición, específicos y genéricos.

Por ejemplo, con el atributo de transiciónAlign”, se indica la alineación del texto: derecha, izquierda, centro y justificada.

Los atributos específicos son:

Datasrc:

Es el que enlaza hacia otra fuente de datos. Por ejemplo, una URL. Su valor lo fija el navegador por defecto.

Datafld:

Indica el nombre de una columna o propiedad de dasrc. El valor es fijado por defecto por el navegador.

Dataformatas:

Con él se indica la forma de ser tratados aquellos datos que fueron obtenidos de datasrc. El valor por defecto es ‘plaintext’, o puedes usar también ‘html’.

Dentro de los atributos genéricos, algunos que puedes conseguir son los siguientes:

Title:

Quien mostrará el título del elemento o se puede usar como un texto informativo. Su valor lo asigna el navegador por defecto.

Id:

Asigna un nombre a un elemento para diferenciarlo de los demás en el documento. El valor es un nombre único y por defecto lo puede asignar el navegador.

Style:

Indica el estilo que llevará el texto. El valor lo fija por defecto el navegador o se puede escribir el mismo.

Comparte este artículo:

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on linkedin
LinkedIn
Share on email
Email

Revisa estas publicaciones

Java Math

Las funciones de la clase Math, es para realizar operaciones matemáticas, como exponenciales, operaciones trigonometrías, logarítmicas, raíz cuadrada entre otros. Estas son funciones ya implantadas

VER PUBLICACIÓN COMPLETA

HTML ol

Una de las herramientas que consideramos más útiles al organizar un texto en la web es la etiqueta HTML <ol>. Descripción La etiqueta HTML <ol> es un

VER PUBLICACIÓN COMPLETA

Visual Studio Code – Pytho

Requesitos: Instalar Python: https://oregoom.com/python/instalar-python/ Instalar VS Code: https://oregoom.com/tutoriales/visual-studio-code/ Python Para instalar el paquete Python para VS Code, vamos a las extensiones o abrimos con Ctrl

VER PUBLICACIÓN COMPLETA

HTML hr

Descripción La etiqueta HTML hr (<hr>) define un corte temático en una página HTML (es decir un cambio de tema). El elemento <hr> se muestra más frecuentemente

VER PUBLICACIÓN COMPLETA