comandos basicos muy utiles para html

Iniciado por gado_mx, 5 Septiembre 2012, 15:51 PM

0 Miembros y 1 Visitante están viendo este tema.

gado_mx

hola

aqui les dejo unos comandos que eh ido recolectando y modificando para html que son muy utiles puedes alsar paginas que se vean algo elaboradas con estos comandos


a y son muy faciles de aprender jeje

aqui los pongo

    <html>   --------  indicar inicio del html
    </html>   --------  cerrar html
    <title> -------- poner titulo a pagina web (este se mostrara en la barra de titulo dela pagina)
    </title>   -------- se cierra el titulo
    <head>   -------- empiesa encabesado de pagina
    </head> -------- se cierra encabesado
    <body style="background-attachment: fixed;"
    background="">   ------- este es para poner la imagen de fondo y dejarla estatica osea que bo se mueva al bajar o subir la pagina
    <center> ------- este es para centrar texto o imagenes
    </center> ------- termina el centrado
    <a href=""> ------- este es para poner enlases a paginas entre "" va la pagina web ala que quieras hacer el enlase
    </a>  -------- con esto cierras el enlase
    <img src=""> ----- este es para agregar una imagen
    <hr> este es para agregar una linea en la pagina
    <p> este es pàra poner en parrafos diferentes tu texto
    <h1></h1> ------ este es el tamaño de letra que quieres h1 es la mas grande y h5 es la mas chica
    <font color=""> -------- este es para ponerle color al texto se cierra con </font>
    <FONT FACE="arial black"> ------- este es para cambiar el tipo de letra de tu texto se
    <font size=2> ------- este es para ponerle tamaño a tu letra del texto se cierra con </font>
    ==============================================================

    redimecionar imagenes y alinieacion
    width="500" height="400" align="right"

    ==============================================================
    Correo electrónico:
    <a href="mailto:tuemail@tuemail.com">Contacta</a>
    ==============================================================
    Subíndice:
    <sub>Número2 </sub>

    Superíndice:
    <sup>Número2 </sup>
    ==============================================================
    para poner icono (va en heat)

    <link rel="shortcut icon" href="aqui la url de en donde se encuentra el icono">

    ==============================================================
    para quitar lineas de links (va entre head)

    <style type="text/css">
    <!--
    a{text-decoration:none}
    a:hover{text-decoration: underline ; color:black;}
    -->
    </style>
    ==============================================================
    adrentro de body

    vlink=000000 ... cambiar color a links

    ==============================================================
    para meter espacios

    &nbsp;
    <br />
    ==============================================================
    tabla con linea inmedio

    <table border="0" width="100%" cellpadding="10">
    <tr>
    <td width="43%" valign="top">
    <br>
    TEXTO TEXTO TEXTO TEXTO
    TEXTO TEXTO TEXTO TEXTO
    TEXTO TEXTO TEXTO TEXTO
    TEXTO TEXTO TEXTO
    </td>

    <td width="57%" valign="top">
    <table border="0" width="100%" cellpadding="10">
    <tr>
    <td width="20%" valign="top">
    <img src="2-80.jpg" align=left>
    </td>

    <td width="80%" valign="top">

    TEXTO TEXTO TEXTO TEXTO
    TEXTO TEXTO TEXTO TEXTO
    TEXTO TEXTO TEXTO TEXTO
    TEXTO TEXTO TEXTO
    </script></td></tr></table></td></tr></table><p>
    ================================================================
    alinear texto alado de una imagen (va adentro de img src)

    align="center" -- "left" -- "right"
    ================================================================
    apliar imagen al dar click

    <img onclick="javascript:this.width=450;this.height=338"
    ondblclick="javascript:this.width=100;this.height=80" src="URL de la imagen" width="100"/>


estos son varios que fui modificando

este copea todo el texto en un block de notas y guardalo con la siguiente extensión .htm y podras ver los ejemplos a la imagen que se nesecita la dejo abajo

    <html>
    <title>
    varios comandos con tablas y animacion
    </title>
    <head>

    </head>
    <body>




    tablas

    <p><table width="100" border="1" bgcolor="#BDBDBD">
            <tr>
                    <td>
                            mio de mi
                    </td>
            </tr>
    </table>
    <hr>

    <p><table width="400" border="1" bgcolor="#04B404">
            <tr>
                    <td>
                            si me salio jeje
                    </td>
            </tr>
    </table>
    <hr>
    <p><table width="100" border="1" bgcolor="#5882FA">
            <tr>
                    <td>
                            <marquee>mio de mi</marquee>
                    </td>
            </tr>
    </table>
    <hr>
    <p><table width="100" border="1" bgcolor="#5882FA">
            <tr>
                    <td>
                            <a href=""><marquee>mio de mi</marquee></a>
                    </td>
            </tr>
    </table>

    <hr>
    <marquee scrolldelay="700" scrollamount="400">
    <font color="red"><b>Texto en forma de blink</b></font>
    </marquee>

    <hr>

    <marquee><img src="interrogacion.jpg"></marquee>

    <hr>

    <marquee direction="up"><img src="interrogacion.jpg"></marquee><marquee direction="right"><img src="interrogacion.jpg"></marquee>
    <marquee direction="down"><img src="interrogacion.jpg"></marquee>
    <marquee direction="left"><img src="interrogacion.jpg"></marquee>

    <hr>






    </body>
    </html>


guarden esta imagen en la pagina en donde guardaron la pagina anterior y veran la imagen que puse



aunque pueden poner la que ustedes gusten sustituyendo "interrogacion.jpg" por la que ustedes quieran

aqui pongo mas estos son metatags para los buscadores y robots
estos van entre <heat> </heat>


    <meta name="copyright" content="aqui tu copiright">
    <meta name="robots" content="aqui el valor">
    valores
    all para que el robot tenga en cuenta esta página y pueda seguir los links contenidos en la misma (este es el valor predeterminado)
    noindex para que no la tenga en cuenta.
    none que es lo mismo que noindex, nofollow
    index para que la tenga en cuenta
    follow para que pueda seguir los links que haya en la página
    nofollow lo contrario de follow.

    <meta name="dc.creator" content="aqui va el nombre del creador">
    <meta name="revisit" content="tiempo en que quieres que los buscadores actualisen la info o te busquen"> ejem: 2 days, 1 week, 1 month

    <meta name="Keywords" content="aqui separado por comas las palabras clave para que los buscadores te encuentren" >
    <meta name="Description" content="aqui la descripcion de tu pagina" >
    <meta http-equiv="expires" content="-1" > este si no mal recuerdo es para que no se guarde la pagina en la cache
    este este otro para lo mismo que no eh probado
    <meta http-equiv="Pragma" content="no-cache" >


bueno eso es todo espero les sirvan

saludos
El conocimiento es poder y por lo que verán a mi me encanta el poder.
><))))º>
gado MX mexicano de corazón