Continuación HTML.
En esta clase se explicaron más ejercicios en html, con un enfoque especial en las tablas, también se puso un ejercicio que trataba de realizar una tabla y unir filas y columnas. Este era el ejercicio:
Y esta la solución:
<!DOCTYPE html>
<html>
<head>
<title>Tabla</title>
</head>
<body>
<table border="10" bgcolor="pink" bordercolor="green" width="100%">
<tr>
<td colspan="5" >1 2 3 4 5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td rowspan="3">11<br>21<br>31</td>
<td>12</td>
<td>13</td>
<td rowspan="2" colspan="2">14 15<br> 24 25 </td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td rowspan="3">20<br>30<br>40</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>26</td>
<td colspan="2" rowspan="2">27 28 <br> 37 38</td>
<td>29</td>
</tr>
<tr>
<td>32</td>
<td>33</td>
<td colspan="2">34 35</td>
<td>36</td>
<td>39</td>
</tr>
<tr>
<td>41</td>
<td colspan="2">42 43</td>
<td>44</td>
<td colspan="2">45 46</td>
<td colspan="2">47 48</td>
<td colspan="2">49 50</td>
</tr>
</table>
</body>
</html>
A continuación, un corto código que hice:
<html>
<head>
<meta charset="UTF-8">
<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>
Publicar un comentario