Termo

¿Separatas de computación? Conéctate a:

1

www.lanzadera.com/elprofediaz

HTML
HTML o Hypertex t Markup Language o Lenguaje de Diseño de Hipertextos es un lenguaje que
se u tiliza para crear páginas Web.
Preguntas Frecuentes:
- ¿Profe Díaz, qué software necesito para programar en HTML?
Sólo necesitas el Bloc de notas de Windows y un navegador como Microsoft In ternet
Explorer. Enrealidad puedes usar cualquier editor de texto s y cualquier navegador.
- ¿Profe Díaz, necesito estar conectado a In ternet para crear mi página Web?
No. Cuando programas tu página Web, puedes verla en el navegador sin necesidad de estar
conectado a Internet.
- ¿Profe Díaz me han dicho que el HTML no sirve y que es mejor u sar el Fron tPage o
Dreamweaver?.
¡No seas tarado!, en esos programitascreas tu página Web como si lo estuvieras haciendo en
Word, pero detrás de ellos se esta escribiendo automá ticamente el código HTML. Y además
esos programitas no son 100% eficientes y siempre tendrás que hacer tus propias
modificaciones ¿Y como diablos piensas hacer esas modificaciones si no sabes HTML? ¡Dime!
¡Habla! ¡No te quedes callado! ¡Estoy perdiendo el controoooooooooooooooooool!.
-Calma Profe Díaz, ¿Puede responderme o tra pregun ta?
¡Queeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!
- No se altere Profe Díaz, suelte esa silla, solo quiero saber ¿por qué se promociona tanto los
programitas FrontPage y Dreamweaver?.
¡Ahhhhhhhhhhhhhhhhhhhhhhh! Esta bien no te atacaré, te responderé. La idea es que tu
construyas la forma básica de tu página Web en esos programitas y luego lo retoquesusando
HTML. Personalmente es mejor usar Dreamweaver pues es más fácil añadir elementos de
Flash, Fireworks, etc., pero el más sencillo y no muy malo es el Fron tPage. Pero de eso
hablaremos o tro día.
- O tra pregun ta Profe Díaz, ¿Es fácil aprender HTML?
Claro que sí, pero ya no me hagas perder el tiempo y ¡empecemos el curso!.
- Pero quiero preguntar más.
¡Noooooooooo! ¡Toma! ¡Ja Ja Ja!¡Toma o tra vez!
- ¡Auxiliooooooooooooooooooooooooooooooooooooo!
Por fin se callo, ahora empecemos. ¡Y presten a tención o ya saben lo que les espera!

☺

Estructura básica del documento HTML
Se compone básicamente de dos partes: Una cabecera y un cuerpo.


Nuestro código


Nuestro código



Profesor Carlos Díaz

elprofediaz@hotmail.com

¿Separatas de computación? Conéctate a:2

www.lanzadera.com/elprofediaz

Las etiquetas y identifican el principio y el final del documento HTML.
Las etiquetas y limitan la cabecera del documento.
Las etiquetas y limitan el cuerpo del documento.
Ejemplo 1: Crearemos una página Web que muestre el nombre del conocido Profe Díaz.
Primero: En el Bloc de no tas escriba el siguiente código.


E jemplo 1


Hola mi nombrees Carlos Díaz y no te olvides visitar mi página
www.lanzadera.com/elprofediaz


Segundo: En el Explorador de Windows crea una carpeta donde guardaras tus archivos.
Tercero: Guárdalo con el nombre "E jemplo1.htm" y recuerda colocar las comillas.
Cuarto: Abre el In ternet Explorer y mediante su menú Archivo/Abrir carga tu documen to
Ejemplo1.htm el resulta do se muestra en la siguientepágina.
Observa que el título de la
ventana es lo que pusiste entre
las
etiquetas

y
.
Observa que lo que aparece en
la página es lo que pusiste
dentro de las etiquetas
y .
Recomendación Súper Importante:
Es
mejor
colocar
todo s
los
elemen tos de tu página Web en una
sola carpeta, para que el HTML no
tenga problemas al ubicar los
archivos, por ejemplo yo lo estoy
guardando todoen la carpeta:
C:\Separa tas del ProfeDiaz\HTML

Encabezados
Los encabezados son utilizados para resaltar palabras o frases. Tenemos seis tamaños de
encabezado el más grande esta comp rendido en tre las etiquetas y y el más pequeño
esta comprendido entre las etiquetas y .
Si quiere alinear el encabezado utilicé el atributo ALIGN con la opción LEFT(izquierda),
CENTER(Centro),...