sábado, 5 de febrero de 2011

HTML

¿Qué es HTML?

Estructura básica de una página de html:
                     Principio:        <html>
                                            <head>       
                                             
                     Centro:         </head>              
                                            <body>
                                            
                      Final:            </body>
                                           </html>

ô Fondo d la pagina personalizado. (fondo.gif)
Hacer que la imagen de fondo de una paina se la imagen de fondo.
            <body
            background = “imágenes/fondo.gif”>

ô Texto preformateado <pre>
Asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código.
<pre><Font color=”blue”size “10”> Hola, buen día </font></pre>

ô Separara secciones dentro de una misma página utilizando la regla horizontal.
Inicio <hr alingn=”left” width=200%  size=”7”
Noshade> Bienvenidos  a esta pagina.

Nota: Podemos mover la leyenda y cambiar:
*left = Izq.
*rigth = Derecho
* Center = Centro
- Para agregar otra barra pongo lo mismo que la anterior.



ô Editar el texto <Font>
Editar el texto insertado en una pagina.
<Font color= “blue” size=”5” face = “Calibri (Cuerpo)”>  Saludos</font>

ô Párrafos <P>
Agrupar textos de la página en párrafos.
<align> <“center”> Buen día </p>

ô Marquesina <marquee>
Desplazar líneas de texto que pueden ir de un lado a otro de la ventana en forma de línea.
<marquee bgcolor=”red” behavior=”alterate”
Direction=”right”>
<b><font color=”blue” size=”6”> Ya es Diciembre</font></b>
</marquee>

ô Hiperenlaces <a>
Realizar enlaces de una página a otra dando clic en la palabra.
<a href=http://icea.com> da click</a>

ô Imágenes <img>
Inserta imágenes en una pagina web.
<body
Background = “imágenes/escuela.gif”>

ô Tabla <table>
Insertar tablas, filas y columnas, y modificar sus propiedades.
<table border= “3”>
<tr>
<td> Paquete 1</td>
</tr>
ô Agregar color a la tabla
<table width= “74%” border = “5”
Align = ”center” cellspacting = ”0”
bordercolor = “yellow” bgcolor= “blue”>
<tr align= “center” bgcolor = ”black”>

ô Marcos <frameset>
Agregar 2 marcos en una página web.
<frameset cols =”173” fraseborde= “YES” framestpacing = “4” border = “6” bordercolor = “blue”>
<frase src =”izquierdo.htm” name =”marcoizquierdo”
Fraseborder =”no“ scrolling = “no” noresize>
<frame src = “derecho.htm” name =”marcoderecho”
Fraseborder=”no” scrolling = “auto”>
</frameset>

ô Formularios <input>
Es un elemento que permite recoger datos introducidos por el usuario.
<input name = “campo” type=”text” value = “campo de texto”
size = “ 25” maxlength=”18”>

ô Campo de contraseña
Para insertar un campo de contraseña, el atributo type debe tener el valor password.
<input name = “contra” type=”password” value = “contraseña”
size = “ 25” maxlength=”18”>

ô Botón
Para insertar un botón, el atributo type debe tener el valor submit, restore o button.
<input name = “boton” type=”submit” value = “enviar”>


No hay comentarios:

Publicar un comentario