• Aprende

    Aprende

  • Investiga

    Investiga

  • Diviertete

    Diviertete

  • HOLA

    HOLA

  • COMO ESTAS?

    COMO ESTAS?

  • ADIOS

    ADIOS
Mostrando entradas con la etiqueta Anclas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Anclas. Mostrar todas las entradas

Agosto 16 del 2016

14:22 N 0 comentarios
El día de hoy no hubo clase de informática a causa de una salida que nos ofreció el colegio para ir a un auditorio a escuchar la presentación de piano de varias escuelas.

Pero días antes el profesor dejó varios ejercicios en la página web del colegio, los ejercicios eran los siguientes:

EJERCICIO 1

SOLUCIÓN:

<html>
<head>
    <meta cherset="UTF-8">
<title>Tablas 12 agosto</title>
</head>
<body bgcolor="#B09A9A">
<font face="Arial">
<table border="1" bordercolor="#18420F" width="80%" align="center" cellpadding="0" cellspacing="0">

 <tr>
    <td rowspan="3" colspan="2"> <marquee behavior="alternate"><font color="#00F"> <s>Periodo III</s> <b>Ejercicio</b> <u>del Bimestre</u></font><font color="#F00"> <b>2016</b> </font></marquee></td>
    <td width="12%" height="72px" bgcolor="grey" align="center">A</td>
    <td width="12%" align="center">B</td>
    <td width="8%"  align="center">C</td>
    <td width="9%"  align="center" bgcolor="blue">D</td>
    <td width="26%" align="center" bgcolor="orange"><hr width="80%" ></td>
  </tr>

   <tr> 
    <td align="center" height="75px">E</td>
    <td align="center" bgcolor="grey">F</td>
    <td align="center" bgcolor="#00F">G</td>
    <td align="center">H</td>
    <td align="center">I</td>

   </tr>

   <tr>
    <td height="69px" align="center">J</td>
    <td align="center" bgcolor="#00F">K</td>
    <td align="center" bgcolor="grey">L</td>
    <td align="center">M</td>
    <td align="center" bgcolor="orange"><hr width="80%"></td>
  </tr>

   <tr>
    <td height="92px" width="8%" align="center">N</td>
    <td align="center" width="25%">O</td>
    <td align="center" bgcolor="#00F">P</td>
    <td align="center">Q</td>
    <td align="center">R</td>
    <td align="center"  bgcolor="grey">S</td>
    <td align="center">T</td>
  </tr> 
  <tr>
    <td rowspan="3" colspan="2" width="200px" height="275px"><marquee><img src="imagenes/lobo1.gif"></marquee></td>
    <td align="center">U</td>
    <td align="center">V</td>
    <td rowspan="3" colspan="3" width="259px" height="190px"><marquee direction="right"><img src="imagenes/lobo2.gif"></marquee>  </td>
  </tr>

   <tr>
    
    <td align="center">W</td>
    <td align="center">X</td>
  </tr>

   <tr>
    
    <td align="center"><marquee direction="up"><img src="imagenes/arrowup.png" width="100" height="97"></marquee></td>
    <td align="center"><marquee direction="down"><img src="imagenes/arrowdown.png" width="100" height="97"></marquee></td>  
     
  </tr>

 </table>
</font>

 </body>
</html>

 EJERCICIO 2:


 SOLUCIÓN:

<html>
<head>
<title>Ejercicio 2 de tablas</title>
</head>
<body>
<table width="29%" border="1" cellspacing="0">
 <tr>
  <td align="center">1</td>
  <td align="center">2</td>
  <td align="center">3</td>
  <td align="center">4</td>
 </tr>

 <tr>
  <td align="center">5</td>
  <td align="center" rowspan="2" colspan="2">6</td>
  <td align="center">7</td>
 </tr>

 <tr>
  <td align="center">8</td>
  <td align="center">9</td>
 </tr>

  <tr>
  <td align="center">10</td>
  <td align="center">11</td>
  <td align="center">12</td>
  <td align="center">13</td>
 </tr>

</table>
</body>
</html>

Read more

Agosto 9 del 2016

16:44 N 0 comentarios




El dia de hoy, se hizo un ejercicio bonus, el cual subía las notas por debajo de 70 hasta 70, el ejercicio era decir que hacía el siguiente código:

 <html>
<head>
<title></title>
</head>
<body>
<table width="100%" border="5">
<tr>
  <td rowspan="2" colspan="2"> 1 2 <br> 4 </td>
  <td> 3 </td>
</tr>

 <tr>
  <td> 5 </td>
  <td> 6 </td>
</tr>

 <tr><td>7</td><td>8</td><td>9</td>
</tr>
</table>

 </body>
</html>

 La tabla era una 3x3 en la que el rowspan y colspan unificaban 2 celdas horizontal y verticalmente.






Etiqueta <a></a>

Esta etiqueta se usa para fijar un destino o un enlace.

HREF

<a href="Dirección URL">(Lo que se mostrará en pantalla)</a>

Esa etiqueta, se usa para ir a un enlace, a un zip, winrar, pdf, doc, etc. El enlace debe contener el protocolo de transferencia de hipertextos (http) ej: http://www.vanguardia.com/

Para abrir la url en una nueva pestaña se debe colocar:
<a href="Dirección URL" target="_blank">(Lo que se mostrará en pantalla) </a>

Para abrir la url en la misma pestaña reemplazando la página actual  (Es lo mismo que no colocar "target") se debe poner:
<a href="Dirección URL" target="_self">(Lo que se mostrará en pantalla) </a>

ANCLAS

Anclas

Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.
Para crear un ancla (anchor) se procede de la siguiente manera:

     <A NAME="nombre_etiqueta">Texto del elemento ancla</A>

Visualmente este elemento no tiene ni un efecto, pero si lo tiene en forma interactiva con el usuario.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:

      <A HREF="#nombre_etiqueta">Texto del hiperenlace</A>

De esta manera accederemos a la posición donde hayamos puesto el ancla

Importante: En el <a href="#nombre_etiqueta">Texto</a>  debe ir el signo numeral.

Read more
Suscribirse a: Entradas (Atom)