¿Cómo incluir HTML dentro de un DIV?

Escrito por nicholas smith | Traducido por jaime alvarez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
¿Cómo incluir HTML dentro de un DIV?
Coloca HTML dentro de una etiqueta DIV. (Comstock/Comstock/Getty Images)

Programar páginas web a mano requiere que entiendas lo básico sobre programación de un sitio de Internet. Los sitios están codificados en lenguaje de marcado de hipertexto (HTML, por sus siglas en inglés). Uno de los elementos básicos de la codificación HTML es la capacidad de crear contenedores que dividen tu página en partes. Los contenedores se crean usando la etiqueta "DIV". Puedes insertar HTML dentro de cada contenedor, es decir, dentro de cada etiqueta "DIV". Por ejemplo, puedes añadir imágenes, videos u otros contenidos en cada contenedor que crees.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre tu página de Internet en el editor de tu sitio. Por ejemplo, si estás utilizando Dreamweaver, abre la aplicación haciendo clic en "Inicio", "Todos los programas" y seleccionando "Dreamweaver" de la lista. Selecciona la página de Internet del panel izquierdo de la ventana que aparece cuando se abre la aplicación. Alternativamente, haz clic en "Archivo", "Abrir" y selecciona el archivo desde tu disco duro o desde tu servidor.

  2. 2

    Busca la etiqueta "DIV" en la que quieres agregar HTML. La etiqueta tiene el siguiente formato a lo largo de toda la página web:

    <div id="Divider-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 llama "Divider-Left". En el segundo ejemplo, al divisor se le da un ancho específico de "XX". Varias "segundas cláusulas" están disponibles: ID, Width, Height, Title y Style.

  3. 3

    Agrega tu elemento HTML deseado entre la etiqueta de apertura "DIV" y la de cierre. Por ejemplo, para agregar una imagen dentro de un divisor en concreto, dale formato de la siguiente manera:

    <div> <img src="http://www.nombredelsitio.com/nombredelaimagen.jpg"> </img> </div>. En este ejemplo, has creado un divisor, que contiene una sola imagen.

    Elige cualquier elemento HTML que desees, como un enlace a una página de Internet o una dirección de correo electrónico, imágenes, video o cualquier otro elemento.

  4. 4

    Si es posible, ve de manera previa la página antes de guardarla. Selecciona "Ver" en tu editor. Puede ser que necesites perfeccionar los divisores y elementos HTML, para que el resultado coincida con el aspecto que deseas. Después de haber perfeccionado el contenido, guarda y publica el archivo. El proceso para obtener una vista previa y publicar páginas de Internet editadas de forma manual difiere, dependiendo de tu servidor de Internet.

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

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles