Vous êtes sur la page 1sur 22

Introduccin HTML

Planificacin:
Introduccin Web y HTML. HTML bsico.

CURSO HTML
Introduccin a Internet
- Nace como proyecto de universidades en USA en los aos 60. - 1 de enero de 1983: nacimiento oficial de Internet. -1988: Apareci el primer gusano (worm).

CURSO HTML
Servicios en Internet:
- Correo electrnico (e-mail). (e- Transferencia de archivos (ftp). - Conexiones remotas. - Grupos de Noticias (Webnews). - World Wide Web (WWW).

CURSO HTML
Terminologa Bsica:
- TI: Tecnologas de la Informacin. - Redes de Computadores: Conjunto de PCs conectados. - LAN: Local rea Network (10m a 1km). - MAN: Metropolitan rea Network (1 km a 10 km). - WAN: Local rea Network. (100 km a 1000 km)

CURSO HTML
Terminologa Bsica (2):
- HTTP: hyper text transport protocol Es un protocolo para transmitir hipertexto. - Internet: Conjunto de redes interconectadas. Tiene un alcance mayor a 105 km. - Browser: Programa necesario para navegar en Internet.

CURSO HTML
Terminologa Bsica (3):
- Links: Zonas lgicas dentro del cdigo que permiten acceder a otra zona dentro de un sitio web.

CURSO HTML
Inicio:

-Abrir Block de notas (o algn editor de texto)

CURSO HTML
Cdigo Bsico de una pgina:
<html> <head> <title></title> </head> <body> </body> </html>

CURSO HTML
Ingresando titulo de la pgina (en el Browser:
<html> <head> <title> </head> <body> </body> </html>

NOMBRE DE MI PGINA </title>

CURSO HTML
Ingresando texto en la pgina:
<html> <head> <title> NOMBRE DE MI PGINA </title> </head> <body> Aqu escribo lo que deseo... BIENVENIDOS A MI PGINA!!!!! </body> </html>

CURSO HTML
Centrando texto en la pgina:
<html> <head> <title> NOMBRE DE MI PGINA </title> </head> <body> <center> BIENVENIDOS A MI PGINA!!!!! </center> </body> </html>

CURSO HTML
Mostrar texto en negrita:
<html> <head> <title> NOMBRE DE MI PGINA </title> </head> <body> <center> <strong> BIENVENIDOS A MI PGINA!!!!! </strong> </center> </body> </html>

CURSO HTML
Cambiando color de Background:
<html> <head> <title> NOMBRE DE MI PGINA </title> </head> <body bgcolor="#CCCCCC"> <div aling=center> <font size="5">hola</font></div> size="5">hola</font></div> </body> </html> #000000#000000-> NEGRO #ffffff-> BLANCO #ffffff-

CURSO HTML
Cambiando tamao de texto y centrando de otra forma:
<html> <head> <title> NOMBRE DE MI PGINA </title> </head> <body> <div align=center> <font size="5">hola</font></div> size="5">hola</font></div> </body> </html> ALIGN: right, left, center, justify. SIZE: desde 1 hasta 7 (con modificaciones de + y -).

CURSO HTML
Ir a carpeta donde guardamos el archivo y hacer doble click en l:

CURSO HTML
Ingresando Imgenes:
<body bgcolor="#CCCCCC"> <div align=center> <font size="5">hola</font></div> size="5">hola</font></div> <img src="direccin_imagen/nombre.gif" width="100" height="10" border="1"> </body>

CURSO HTML
Creando Links:
<body bgcolor="#CCCCCC"> <div aling=center> <font size="5">hola</font></div> size="5">hola</font></div> <img src="direccin imagen/nombre.gif" width="100" height="10" border="1"> <a href=pgina2.html> Pagina 2 </a> </body>

CURSO HTML
Modificar colores Links:
<body bgcolor="#CCCCCC link="#00FF33" vlink="#FFFFFF" alink="#CC9966"> <div align=center> <font size="5">hola</font></div> size="5">hola</font></div> <img src="direccin imagen/nombre.gif" width="100" height="10" border="1"> <a href=pgina2.html> Pagina 2 </a> </body>

CURSO HTML
Salto de Lnea:
<body bgcolor="#CCCCCC> Estoy muy entretenido <br> Es realmente bueno el curso <br> jajjajajajaj </body>

CURSO HTML
Guardar como pagina1.html:

CURSO HTML
Generacin de Tablas:
<body bgcolor="#CCCCCC> <table width="23%" height="214" border="1"> <tr> <td>PRINCIPAL</td> </tr> <tr> <td>FOTOS</td> </tr> </table> </body>

Vous aimerez peut-être aussi