Ejercicios con Codigo HTML

Para Alinear un Taexto:
 
<!CODIGO PARA ALINEAR UN TEXTO html>
<html>
<head>
<style>
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
</style>
</head>

<body>
<h1>Ejemplo para Alinear el texto</h1>
<p class="date">May, 2009</p>
<p class="main">Html es un lenguaje de programacion muy versatil y universal que permite editar y personalizar una pagina Web</p>

<p><b>Note:</b> Es recomendable justificar el texto en todo trabajo.</p>
</body>

</html>

Para crear Tablas.

Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número de columnas.

Una celda es el resultado de la intersección entre una fila y una columna, por lo que podremos especificar el número de celdas por fila, que equivale a especificar el número de columnas por fila.
Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.
Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una de las celdas. Por ejemplo, para insertar una tabla: 

Habría que escribir:
<!CODIGO PARA CREAR TABLAS EN html>
<html>
<head>
<style>
table,th,td
{
border:1px solid black;
}
</style>
</head>

<body>
<table>
<tr>
<th>Nombres</th>
<th>Apellidos</th>
</tr>
<tr>
<td>Pedro</td>
<td>Patuco</td>
</tr>
<tr>
<td>Mery</td>
<td>Fonseca</td>
</tr>
</table>
</body>
</html>

====================================================================
Para probar los resultados de los ejemplos de codigos HTML expuestos, copie y ejecutelo en en siguiente simulador de codigos:


Link:

http://www.w3schools.com/css/tryit.asp?filename=trycss_background-color_body

No hay comentarios:

Publicar un comentario