Please enable JavaScript!
¡Por favor activa el Javascript![ ? ]

Dominio nuevo

Nuestro nuevo dominio es: www.rubencm.tk tambien puede seguir utilizando el antiguo dominio rubencm.blogspot.com.es
En el cuál tendrá una interfaz gráfica mejora, y contendrá menos anuncios.

Visitas

Eres el visitante número:

contador web

Traslate

martes, 1 de marzo de 2016

Guia html5- Tercera parte

Bienvenidos a la tercera guía de html5, os recuerdo que si no habéis visto ninguna o la anterior guía que valláis a esas guías antes.


Bueno comenzamos, hoy os enseñare a hacer tablas en las cuales podais hacer botones tan simpaticos como darle a me gusta o a seguirme. Además esto sirven para crear barras de inicio en las cuales tengas , El boton de inicio que lleva a la web, el boton que lleva a la pagina de Contacto , el boton que lleva a la pagina del programa de una radio...


Los comandos son los de siempre hay  que abrir estos comandos:

                                                    <!DOCTYPE html>
                                                     <HTML>
                                                     <TITLE>TABLAS</TITLE>
                                                      <BODY>

Lo siguiente que haremos es abrir el comando tablas:

                                                       <Table>

En la cuál podeis dejarlo así y no tendra ningun relieve pero si queremos poner algun relieve debemos utilizar el comando border o BORDER CELLPADDING uno de mis favoritos ya que este solo te deja un borde.
Si quereis con un borde el comando sería:

                                   <TABLE BORDER CELLPADDING=10 CELLSPACING=0>

Bueno ahora os preguntareis como meto cosas en una tabla, pues con el comando tr y td
Los td sirven para poner columnas y los tr sirven para poner filas.
Mira este ejemplo:



<TABLE BORDER CELLPADDING=10 CELLSPACING=0> 
<tr>
<td> Hola soy una fila</td>
<td> Hola soy la segunda fila</td>
    <td> Holo soy la tercera fila </td>
</tr>
<tr>
<td> Hola soy la primera en la segunda fila</td>
<td> Hola soy la segunda en la segunda fila</td>
        <td> Holo soy la tercera en la segunda fila </td>
</tr>
<tr>
<td> Hola soy la primera en la tercera fila</td>
<td> Hola soy la segunda en la tercera fila</td>
        <td> Holo soy la tercera en la tercera fila</td>
</tr>
</table>




Y el resultado seria esta tabla:




Ahora lo que haremos es cerrar todas las pestañas:

</body>
</html>

Está noche subiré como se hace una lista en html5. Recuerda estar atento sobre las 22:30.

No hay comentarios:

Publicar un comentario