Vous êtes sur la page 1sur 4

UNIVERSIDAD POLITECNICA DE PACHUCA MATERIA: PROGRAMACION V UNIDAD 2: HTML TEMA: INTRODUCCION A HTML 2 ALUMNO: KOSECKY GUTIERREZ TREJO

CALIFICACION: CUAT./GPO : SEPTIEMBRE-DICIEMBRE ING. TELEMATICA NUM. MATRICULA: 0731101864 FECHA: 06 Octubre DEL 2011

HTML es una recomendacin del World Wide Web Consortium (W3C). El uso del HTML estndar tiene la ventaja de que se ver lo ms parecido posible en los diferentes navegadores, mientras que el uso de TAGS no estndar puede ocasionar que algunas pginas no se desplieguen como quisiramos en todos los navegadores. HEIGHT / WIDTH Estas opciones definen el tamao (heigth=altura, width=anchura) con el que se mostrar la imagen. Si no especificamos nada la imagen se muestra con su tamao real.
<IMG SRC="so.bmp" width="96" height="48" ALT="Imagen reducida">

<IMG SRC="so.bmp" width="192" height="96" ALT="Imagen ampliada" border=6>

Imagen ampliada

Usar imgenes como enlaces


<A HREF="http://www.linux.org/"><IMG SRC="so.bmp" width="92" height="39" ALT="Tux, el pingino de Linux"></A>

Tipos de Letra La etiqueta BASEFONT

<html> <head> <title>ejemplo</title> </head> <basefont size=7> hola </body> </html>

La etiqueta FONT Las opciones de FONT son: size=tamao color=#color face="tipo de letra"
<h1 align=center><blink><I><U><font color="#0000ff"> LOS LENGUAJES DE PROGRAMACION </font></U></i></blink></h1><P> <P>

face La etiqueta face sirve para cambiar el tipo de letra que estamos usando. Se usa de la siguiente forma:
<font face="nombre del tipo de letra">

Color de fondo Tambin podemos cambiar el color de fondo de nuestro documento simplemente usando la opcin bgcolor (igual que text. Para tener un fondo de color azul y texto blanco:
<body text=white bgcolor=blue>

Enlaces no visitados Para cambiar el color de los enlaces a pginas que an no han sido visitadas se usa la opcin link. Para poner estos enlaces de color amarillo:
<body link=yellow>

Email de contacto La mejor forma de contacto es el correo electrnico, pero creo que no tengo que convencer a nadie de eso. Poner nuestra direccin de correo en nuestra pgina es muy sencillo, basta con insertar el siguiente cdigo:
<a href="mailto:direccin_correo_electrnico">Nombre</a> <html> <head> <title>ejemplo</title> </head> <a href="mailto:k_unow_entey@yahoo.com.mx">correo electronico</a> </body> </html>

Listas Listas numeradas Con html podemos crear listas numeradas de forma sencilla. El comienzo de la lista se marca con <ol> y el final con </ol> (ol=ordered list). Cada elemento de la lista debe ir precedido por <li>. Por ejemplo vamos a hacer una ficticia lista de las herramientas:
<html> <head> <title>ejemplo</title> </head> <ol> <li>martillos <li>clavos <li>destornilladores <li>tornillos </ol>

</body> </html>

Tablas Definicin de una tabla


<html> <head> <title>ejemplo</title> </head> <table border=1> <caption>Tabla Ejemplo</caption> <tr> <th>Columna 1 </th> <th>Columna 2 </th> <tr> <td>10 </td> <td>20 </td> </tr> </table> </body> </html>

Vous aimerez peut-être aussi