• Aprende

    Aprende

  • Investiga

    Investiga

  • Diviertete

    Diviertete

  • HOLA

    HOLA

  • COMO ESTAS?

    COMO ESTAS?

  • ADIOS

    ADIOS
Mostrando entradas con la etiqueta table. Mostrar todas las entradas
Mostrando entradas con la etiqueta table. 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

Julio 26 del 2016

14:20 N 0 comentarios

Continuación html.

Este día se hizo una evaluación práctica, la evaluación fue en parejas ya que todos los alumnos publicaron su blog.

La evaluación consistió en crear una carpeta con los nombres de la pareja, y luego crear un archivo en el que se debía hacer una tabla con las características dadas por el profesor, y en cada celda de la tabla, se deben colocar diferentes etiquetas. La evaluación se resolvía así:

<html>
<head><title>Evaluación</title></head>
<body bgcolor="#00FF00" text="#FFF">

<table width="70%" border="1">
<tr>
<td><b>Nicolas Toledo</b></td>
<td><img src="direccionimagen.extensión" width="32px" height="32px"> </td>
<td><ul><li>1>/li><li>2>/li><li>3>/li></ul></td>
</tr>

<tr>
<td><u>Juan Patino</u></td>
<td><marquee direction="up">COINSDA</marquee></td>
<td><font color="#F00"><b>9B</b></font></td>
</tr>

<tr>
<td><hr></td>
<td><marquee direction="down">PC - 155</marquee></td>
<td><font color="#000"><b><h3>Luis Enrique Lizcano</h3></b></font></td>
</tr>

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

En la clase también se resolvieron algunas dudas que tenían los estudiantes con respecto a los problemas de html que trataron de hacer.

A continuación, un ejercicio en html practicando el fondo de la página que hice:

<html>
<head>
<TITLE>Fondos</TITLE>
</head>
<body background="fondo.gif">
<center>
<font face="arial" size="+2">Fondos</font>
<hr width=200>
</center>
<P align="center">Este es el primer párrafo. Está centrado y escrito en la letra por defecto del navegador. Algunas palabras estan en <B>negrita</B>, y otras en <I>cursiva.</I></P>
</body>
</html>

Read more
Suscribirse a: Entradas (Atom)