Tecnología

Inicio

Cómo incluir HTML dentro de un div

Programación de páginas Web con la mano que obliga a entender la codificación básica de una página web. Los sitios web están codificados en el lenguaje de marcado de hipertexto. Uno de los elementos de codificación HTML básico es la capacidad de crear contenedores que dividen a partes de su página Web. Los contenedores se crean usando la etiqueta "DIV". Puede insertar HTML dentro de cada contenedor, es decir, dentro de cada etiqueta "DIV". Por ejemplo, puede agregar imágenes, videos o de otros contenidos en cada recipiente que se crea.

Instrucciones

1 Abra su página Web en el editor del sitio. Por ejemplo, si está utilizando Dreamweaver, abra la aplicación haciendo clic en "Inicio", "Todos los programas" y seleccionando "Dreamweaver" en la lista. Seleccione la página Web desde el panel izquierdo de la ventana que aparece cuando se abre la aplicación. Alternativamente, haga clic en "Archivo", "Abrir" y seleccione el archivo de su disco duro o desde el servidor.

2 Busque la etiqueta "DIV" que la que permite agregar HTML a. La etiqueta tiene el formato de la siguiente manera, a lo largo de la página, donde sea que las insertó:

<Div id = "Divisor-left"> </ div>

o

<Div width = "XX"> </ div>

El divisor es modificado por la segunda cláusula en la etiqueta. En el primer ejemplo, el divisor se denomina "Divisor-izquierda". En el segundo ejemplo, el divisor se da un ancho específico, "XX". Varias cláusulas "segundas" están disponibles: Identificación, anchura, altura, Título y estilo.

3 Agregue su elemento HTML deseada entre el "DIV" abridor de etiqueta y más cerca. Por ejemplo, para añadir una imagen dentro de un divisor de concreto, formato de la siguiente manera:

<Div> <img en su editor. Puede que sea necesario perfeccionar los elementos divisores y HTML, por lo que el resultado coincide con el aspecto que desea. Después de haber perfeccionado el contenido, guardar y publicar el archivo. El proceso para la previsualización y publicación de páginas web editadas manualmente difieren, dependiendo de su servidor Web.

Por ejemplo, los usuarios de Dreamweaver seleccionar "Archivo" y "Vista previa en el explorador." Después de confirmar que la página aparece correctamente, seleccione "Archivo" y "Guardar en servidor remoto."