Para empezar a adentrarme en el mundo de los frames o marcos, preferí comenzar con los iframes ya que me parecieron más sencillos como inicio.
He tomado un documento html que ya había elaborado antes y le añadí estas novedades:
<!DOCTYPE html>
<html lang="es">
<HEAD>
<meta name= "Description" content="descripción de la página">
<meta charset="utf-8" />
<SCRIPT LANGUAGE="JavaScript">
<!---
function HolaMundo() {
alert("Qué rebelde...");
}
// --->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton" VALUE="No pulsar" onClick="HolaMundo()">
<p> </p>
<SCRIPT LANGUAGE="JavaScript">
<!---
function Mensaje() {
alert("Abascal Mariscal");
}
// --->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton" VALUE="Melani" onClick="Mensaje()">
<p></p>
<SCRIPT LANGUAGE="JavaScript">
<!---
function HolaMundo() {
alert("Deja de pulsar el 5, ¡¡¡leches ya!!!");
}
// --->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton" VALUE="5" onClick="HolaMundo()">
</FORM>
<p> </p>
<h2><b><i><u>Vamos a poner un marco (no, no hay cuadro, se siente)</u></i></b></h2>
<iframe src="C:\Users\ETC5\Desktop\melani/new 2.html" width="300" height="300" frameborder="1"> </iframe> </ br>
<h3>Aquí vamos a cambiar las dimensiones, antes con px, ahora con porcentaje</h3>
<iframe src="C:\Users\ETC5\Desktop\melani/new 3.html" width="30%" height="30%" frameborder="1"> </iframe> </ br>
<h3><i>Vamos a ser más random, vamos a poner un asterisco</i></h3>
<iframe src="C:\Users\ETC5\Desktop\melani/new 1.html" width="500" height="30%" frameborder="1"> </iframe> </ br>
</BODY>
</HTML>
Puede resultar conocido ya que es el mismo que elaboré para los scripts. La parte nueva es aquella que he cambiado de color, para más fácil distinción ahora que voy a explicarla.
Las partes que están en verde es el código pertinente a los iframes, indicando éstos la ubicación, nombre y extensión de los pertinentes htmls que van a aparecer, posteriormente el espacio en distintos valores que van a ocupar y, además, he indicado que tengan un borde porque me parecía más vistoso.
No hay comentarios:
Publicar un comentario