Hospeda tu sitio web con nosotros: http://lievanosan.com/websitepro
Bienvenido a este nuevo video tutorial, mi nombre es José Liévano y en este video hablaremos sobre iframes y añadir comentarios en nuestro HTML
Iniciaremos hablando sobre añadir un iframe en nuestro documento.
En algunas ocasiones especiales vamos a necesitar combinar el contenido de dos páginas web.
Para este propósito podemos usar un iframe, lo que un iframe te permite es mostrar el contenido de una página web dentro de otra, es como una ventana que te permite ver lo que hay dentro de otra página independiente a donde te encuentras en este momento.
Vamos a realizar un ejemplo para ver de lo que estamos hablando
Como puedes observar tenemos dos documentos actualmente abiertos en nuestro editor
Tenemos el documento index.html y el documento llamado otrapagina.html
Si observamos la carpeta donde estos dos documentos se encuentran guardados podrás ver que se encuentran en la misma carpeta.
Regresemos al editor.
Y podrás ver que dentro de index.html tenemos el código base para nuestra página y que dentro de otrapagina.html tenemos el código base más un párrafo extra.
Hemos añadido algo de texto lorem ipsum en este párrafo, que como lo discutíamos en un video anterior, es un texto que nos ayuda a simular contenido real.
Entonces, lo que haremos será colocar el iframe dentro de index.html, así que regresamos a index.html y dentro de la etiqueta body colocaremos la nuestro iframe.
Así que iniciamos, colocamos la etiqueta iframe, ahora colocaremos el atributo width que significa ancho, esto nos permite definir el ancho en pixels que nuestro iframe tendrá, le colocaremos en este caso 300.
Luego colocamos el atributo height que significa altura, esto nos ayuda a definir el alto de nuestro iframe en pixels, le colocaremos 300 igualmente.
Y ahora colocaremos el atributo source con src que como sabes significa fuente, u origen, y aquí le indicaremos donde se encuentra esa otra página que nosotros deseamos cargar dentro de index.html
Así que como valor colocaremos el nombre de nuestro documento otrapagina.html, recuerda que este documento se encuentra en el mismo folder que nuestro index, y debido a ello no necesitamos especificar nada más, si se encontrara en un folder inferior o superior necesitaríamos especificarlo dentro del valor de source.
