sábado, 11 de octubre de 2014

AVANCES EN COMPUTACIÓN

EJEMPLO :"TABLA"


REALIZANDO TABLAS:

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <table border ="2" width ="100%" cellpacing ="1" cellpadding ="1">
            <tr align ="center">
                <th colspan =" 5">
                    <img src="Tulips.jpg" width="100%" height="400pixels" align="center" border="4">
                </th>
            </tr>
            <tr>
                <td>
                    <ol>
                        <li>
                            <a href="www.youtube.com">
                              You tube
                            </a>
                        </li>
                        <li>
                            <a href="
twitter.com">
                             twitter
                            </a>
                        </li>
                    </ol>
                </td>
         
                <td colspan ="4">
                    <table border="2" width="50%" celpacing="1" cellpading="1">
                        <tr align="right">
                            <th colspan="2">
                                LOGIN
                            </th>
                        </tr>
                        <tr>
                            <td>
                                Nombre
                            <td>
                               <input type ="text" name="Nombre" size="12">
                             
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Contraseña
                            <td>
                                <input type ="password" name="Contraseña" size="12">
                            </td>
                         
                        </tr>
                        <tr align="center">
                       
                            <td colspan="2">
                                <input type ="reset" value="Ingresar">
                            </td>
                         
                        </tr>
                    </table>
            </tr>
        </table>
    </body>
</html>

EJEMPLO: "TEXTOS"

REALIZANDO TEXTO:

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1> MUNDO</h1>
        <p> EJEMPLO </p>
        <p> EJEMPLO2 </p>
    </body>
</html>
EJEMPLO: ETIQUETA "PRE"


UTILIZANDO LA ETIQUETA "PRE" - Es modo de hacer espacios:


<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <pre> BIENVENIDO     A       NETBENS    </pre>  -> Con espacio
        BIENVENIDO      A      NETBENS  -> Sin Espacio   
    </body>
</html>

2 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Abel, debe verse el resultado, es decir debes incluir el codigo en modo HTML

    ResponderEliminar