Tecnología

Inicio

Cómo incrustar una página en una etiqueta DIV

Cómo incrustar una página en una etiqueta DIV


El contenedor div es un elemento a nivel de bloque genérico utilizado dentro de HTML (Hypertext Markup Language) para definir una división o sección dentro de un documento HTML. Un lenguaje de marcado simplemente describe el contenido y la estructura del documento. Por ejemplo, div contenedores pueden definir el encabezado o un párrafo específico dentro de una página Web. Que rodea una sección de código HTML con formatos contenedores div que la sección con elementos de estilo específicas que sólo se aplican a esa sección y no el resto del código HTML. Incorporación de una página en contenedores div hace que el código sea más manejable, agrupando el documento HTML en secciones más pequeñas.

Instrucciones

1 Abra el documento HTML de la página que se va a incrustar en contenedores div. Esto se puede hacer a través de su panel de control en línea, al igual que con WordPress, oa través de su software de edición de HTML de escritorio.

2 Busque el principio del código HTML que desea agrupar. Esto puede ser cualquier elemento de la página, como toda la página, encabezado o pie de página; un párrafo; video incorporado; o cualquier otro elemento que es visible en la página Web real. Coloca el cursor al comienzo de esta línea de código HTML y pulse el botón enter para crear un espacio en blanco encima del código. Escriba <div> en este espacio.

3 Busque el final del código de la sección específica que desea incrustar con la etiqueta <div>. Coloca el cursor al final del código y pulse el botón enter para crear un espacio en blanco debajo del código. Escriba </ div> En el espacio libre para cerrar el código de la etiqueta div. Cualquier edición de código hecho dentro de estas etiquetas se corresponden únicamente a esta sección, dejando el resto de su página sin cambios.

Consejos y advertencias

  • La etiqueta div también es compatible con los atributos específicos que afectan a la apariencia de los elementos dentro de las etiquetas. Estos atributos incluyen la clase, dir, de la identificación, lang, estilo, título, xml: lang. Clase especifica un nombre de clase de un elemento. Cualquier otro elemento de CSS añadido a la hoja de estilos con ese nombre de clase se aplicará únicamente a dicha etiqueta con su nombre de clase div. Dir especifica la dirección del texto, de la identificación proporciona un elemento específico dentro de una etiqueta div un nombre, mientras lang y xml: lang definen el idioma que se muestra para el texto dentro de un elemento. El estilo y el título definen elementos de estilo específicos para una sección div y dan información adicional sobre un elemento.
  • Por ejemplo, <div style = "color: # 000000"> texto de ejemplo </ div> diría en voz alta el texto dentro de la etiqueta div que ser negro.