Html

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

1

www.lanzadera.com/elprofediaz

HTML
HTML o Hypertext Markup Language o Lenguaje de Diseño de Hipertextos es un lenguaje que
se utiliza 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 Internet
Explorer. Enrealidad puedes usar cualquier editor de textos y cualquier navegador.
- ¿Profe Díaz, necesito estar conectado a Internet 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 usar el FrontPage o
Dreamweaver?.
¡No seas tarado!, en esos programitas creastu 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!.
- CalmaProfe Díaz, ¿Puede responderme otra pregunta?
¡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 retoques usandoHTML. 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 FrontPage. Pero de eso
hablaremos otro día.
- Otra pregunta 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 otra vez!- ¡Auxiliooooooooooooooooooooooooooooooooooooo!
Por fin se callo, ahora empecemos. ¡Y presten atenció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:

2www.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 notas escriba el siguiente código.


Ejemplo 1


Hola mi nombre es Carlos Díaz y note 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 "Ejemplo1.htm" y recuerda colocar las comillas.
Cuarto: Abre el Internet Explorer y mediante su menú Archivo/Abrir carga tu documento
Ejemplo1.htm el resultado se muestra en la siguiente página.
Observa que eltí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
todos
los
elementos 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 todo en la carpeta:C:\Separatas del ProfeDiaz\HTML

Encabezados
Los encabezados son utilizados para resaltar palabras o frases. Tenemos seis tamaños de
encabezado el más grande esta comprendido entre 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), RIGHT(Derecha) o JUSTIFY(Justificado)....