Está en la página 1de 6

Colegio de educación profesional técnica del

estado de chihuahua

Diseño de páginas web

PSP. Juan Gabriel Ramírez

Practica N°3

Santiago Antonio Gaytan Piña

080260173-2

5101-I
INSTRUCCIONES
Diseñar una página con las siguientes características:

1. Colocar un encabezado que este centrado y diseñar una tabla 4x4 centrada donde tenga
en las celdas una lista con números.
2. Colocar un segundo encabezado del lado derecho con una tabla 5x5 del lado derecho
donde la información dentro de cada celda debe estar posicionada en diferente posición.
3. Colocar una tercer encabezado del lado izquierdo clocar una tabla 6x6 donde cada celda
debe tener diferente tipo de letra
4. Diseñar una tabla 8x8 donde en cada celda debe llevar un número y una viñeta donde
cada uno de ellos debe de ser de diferente color.

IMAGEN

CODIGO
<HTML>
<HEAD><TITLE> TABLAS </TITLE>
<BODY>
<H1 ALIGN="CENTER">TABLA 4X4</H1>
<TABLE BORDER="2" ALIGN="CENTER"><OL=TYPE"1"><TR>
<TD><LI>1</TD>
<TD><LI>2</TD>
<TD><LI>3</TD>
<TD><LI>4</TD></TR>

<TR>
<TD><LI>5</TD>
<TD><LI>6</TD>
<TD><LI>7</TD>
<TD><LI>8</TD></TR>

<TR>
<TD><LI>9</TD>
<TD><LI>10</TD>
<TD><LI>11</TD>
<TD><LI>12</TD></TR>

<TR>
<TD><LI>13</TD>
<TD><LI>14</TD>
<TD><LI>15</TD>
<TD><LI>16</TD></TR>
</OL></TABLE>

<H2 ALIGN="RIGHT">TABLA 5X5</H2>


<TABLE BORDER="2" ALIGN="RIGHT">
<TR ALING="LEFT">
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD></TR>

<TR ALING="CENTER">
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD>
<TD>10</TD></TR>

<TR ALING="RIGHT">
<TD>11</TD>
<TD>12</TD>
<TD>13</TD>
<TD>14</TD>
<TD>15</TD></TR>

<TR ALING="LEFT">
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD></TR>

<TR ALING="CENTER">
<TD>21</TD>
<TD>22</TD>
<TD>23</TD>
<TD>24</TD>
<TD>25</TD></TR>
</OL></TABLE>

<H3 ALIGN="LEFT">TABLA 6X6</H3>


<TABLE BORDER="2" ALIGN="LEFT">
<TR>
<TD><FONT FACE="Algerian">1</TD>
<TD><FONT FACE="Comic Sans MS">2</TD>
<TD><FONT FACE="Bradley Hand ITC">3</TD>
<TD><FONT FACE="Arial Black">4</TD>
<TD><FONT FACE="Agency FB">5</TD>
<TD><FONT FACE="Aharoni">6</TD></TR>

<TR>
<TD><FONT FACE="Browallia New">1</TD>
<TD><FONT FACE="Copperplate Gothic Light">2</TD>
<TD><FONT FACE="Franklin Gothic Medium">3</TD>
<TD><FONT FACE="Bauhaus 93">4</TD>
<TD><FONT FACE="Brush Script MT">5</TD>
<TD><FONT FACE="Chiller">6</TD></TR>

<TR>
<TD><FONT FACE="Comic Sans MS">1</TD>
<TD><FONT FACE="Algerian">2</TD>
<TD><FONT FACE="Bauhaus 93">3</TD>
<TD><FONT FACE="Arial Black">4</TD>
<TD><FONT FACE="Aharoni">5</TD>
<TD><FONT FACE="Agency FB">6</TD></TR>

<TR>
<TD><FONT FACE="Algerian">1</TD>
<TD><FONT FACE="Comic Sans MS">2</TD>
<TD><FONT FACE="Bradley Hand ITC">3</TD>
<TD><FONT FACE="Arial Black">4</TD>
<TD><FONT FACE="Agency FB">5</TD>
<TD><FONT FACE="Aharoni">6</TD></TR>

<TR>
<TD><FONT FACE="Algerian">1</TD>
<TD><FONT FACE="Comic Sans MS">2</TD>
<TD><FONT FACE="Bradley Hand ITC">3</TD>
<TD><FONT FACE="Arial Black">4</TD>
<TD><FONT FACE="Agency FB">5</TD>
<TD><FONT FACE="Aharoni">6</TD></TR>

<TR>
<TD><FONT FACE="Algerian">1</TD>
<TD><FONT FACE="Comic Sans MS">2</TD>
<TD><FONT FACE="Bradley Hand ITC">3</TD>
<TD><FONT FACE="Arial Black">4</TD>
<TD><FONT FACE="Agency FB">5</TD>
<TD><FONT FACE="Aharoni">6</TD></TR>

<H4 ALIGN="RIGHT">TABLA 8X8</H4>


<TABLE BORDER="2" ALIGN="CENTER"><OL=TYPE"1">
<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>

<TR>
<TD><FONT COLOR="GREEN"><LI>1</TD>
<TD><FONT COLOR="BLUE"><LI>2</TD>
<TD><FONT COLOR="YELLOW"><LI>3</TD>
<TD><FONT COLOR="RED"><LI>4</TD>
<TD><FONT COLOR="GRAY"><LI>5</TD>
<TD><FONT COLOR="SKY BLUE"><LI>6</TD>
<TD><FONT COLOR="BLUE DEMON"><LI>7</TD>
<TD><FONT COLOR="CYAN"><LI>8</TD></TR>
</OL></TABLE>
</BODY>
</HTML>

También podría gustarte