martes, 21 de julio de 2020

Taller Marcos




Analiza el siguiente código HTML y personalizalo teniendo en cuenta tu empresa.

Index.HTML
<html>
<head> <title>Pagina Principal de Mi Empresa</title> </head>
<frameset rows="*" cols="200,*"  border="1" framespacing="0">
  <frame src="MARCO_IZQUIERDO.html" name="Frame_Izquierdo" scrolling="No" noresize="noresize">
  <frameset rows="60,*"  border="1" framespacing="0">
    <frame src="MARCO_SUPERIOR.html" name="Frame_Superior" scrolling="No" noresize="noresize">
    <frame src="Marco_Principal.html" name="Frame_Principal">
  </frameset>
</frameset>
<noframes>
<body>
 Esta Pagina no soporta Marco de Paginas
</body>
</noframes>
</html>


Marco_Izquierdo.HTML
<html>
<head> <title></title> </head>
<body background="Fondo.jpg" >
 <p align="center">
         <img src="Opciones.png" width="100" height="50" >
  </p>
 <p>
      <a href="Vision.html" target="Frame_Principal">
           <img src="vision.png" width="100" height="50"  alt="<Visi&oacute;n">
    </a>
 </p>
 <p>
      <a href="mision.html" target="Frame_Principal">
           <img src="mision.png" width="100" height="50"  alt="Misi&oacute;n">
      </a>
  </p>

 <p align="center">
     <a href="Marco_Principal.html" target="Frame_Principal">
           <img src="Inicio.png" width="100" height="50"  alt="Inicio">
      </a>
  </p>
</body>
</html>

Marco_Superior.HTML
<html>
<head> <title></title>  </head>
<body background="Fondo3.jpg">
<center>
    <font face="Monotype Corsiva" size="6"  color="white" >
       <b>Ejemplo Para Trabajo Con Marcos o Frame </b>
    </font>
</center>
</body>
</html>


Marco_Principal.HTML
<html>
<head> <title> </title> </head>
<body background="Fondo.jpg">
 <br> <br>
<center>
  <font face="Engravers MT" size="5" color="white">
     ESCRIBA EL TEXTO DEL TEMA PRINCIPAL <BR> <BR>
     TEXTO QUE MUESTRA LA INFORMACIÓN DE LA PÁGINA WEB
  </font>
</center>
</body>
</html>

  

No hay comentarios:

Publicar un comentario