manual html
Manual de Html
1. ¿Qué programa debo usar?
2. ¿Qué es Html?
3. Estructura y etiquetas
4. Mi primer página
5. Estilos de párrafos
6. Alineación
7. Encabezados
8. Formato de texto
9. Atributos del texto
10. Atributos de
11. Tipos de Listas
12. Enlaces - Links
13. Enlaces internos y locales
14. Enlaces remotos, e-mail y archivos
15. Imágenes
16. Tablas17. Marquesina
18. Formularios
19. Frames
20. Insertar audio/video
En este manual aprenderás a crear páginas en Html, desde qué tipo de programas podemos usar para la creación de nuestra página web hasta como usar frames, introducir música o videos en una página web.
Ten paciencia, ya que algunas cosas no son difíciles de entender, pero requieren más esfuerzo. Si no llegaras a entender algo,trata de leerlo nuevamente. Incluye algunas imágenes (carpeta Images) y ejemplos (carpeta Samples) para que comprendas mejor. Para no confundirse, los códigos están en color verde oscuro y las etiquetas en negrita. Este manual no es copiado, lo hice yo, así que si lo ves en otro lugar avísame.
Espero que te sea útil.
1. ¿Qué programa debo usar?
Para empezar a programar con Html, se necesita unprograma en el cual podamos introducir nuestro código y así, crear nuestra web. Existen varios programas (editores web) con los cuales puedes ayudarte, entre los más conocidos están DreamWeaver, Frontpage y HomeSite. Sin embargo, el mejor sigue siendo DreamWeaver por ser tan completo.
Existe también la posibilidad de usar el Bloc de Notas, el cual yo recomendaría para que te aprendes las etiquetas yno te las escribe el programa (yo aprendí con el bloc de notas), pero la decisión es tuya.
Bueno, ya sabemos que programa podemos utilizar, ahora veremos qué es exactamente el Html.
2. ¿Qué es Html?
Html es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer, Netscape...). Con Html puedes crear tablas, colocarimágenes, reproducir audio y/o video, etc.
El Html no es el único lenguaje que existe, es simplemente el básico, ya que los demás lenguajes como Php, Asp, Javascript... también requieren de algunos códigos de Html para poder funcionar.
Debido a que hay distintos navegadores, a veces se pueden omitir o agregar códigos para que otros navegadores puedan también visualizar una página.
Tal vez teestarás preguntando ¿Qué extensión es para lo archivos HTML?, bueno pues pueden ser dos tipos .htm - .html, cualquiera de las dos extensiones nos sirven, ya será tu decisión cual poner.
Ahora, comencemos con las etiquetas de Html.
3. Estructura y etiquetas
Como dijimos, el Html es un lenguaje (de programación) que contiene etiquetas, las cuales nos permiten configurar nuestra web. Las etiquetas seescriben entre < > y (la mayoría) tienen la etiqueta de cierre < / >, que es la misma etiqueta solo que con la barra / después de <. Lo que está entre las dos etiquetas recibe el efecto.
¿Para qué una etiqueta de cierre?, bueno es para limitar nuestra etiqueta, o sea, como no queremos que todo este subrayado (por ejemplo) donde ya no queremos que sea así escribimos el cierre. La etiqueta y suetiqueta de cierre, , indica subrayar un texto.
Ejemplo:
Texto subrayado Texto Normal, el resultado es:
Texto subrayado Texto Normal
Las partes del documento:
Los documentos deben empezar con la etiqueta principal, que es y terminar con su etiqueta de cierre .
El encabezado, que es el título de la página se escribe entre las etiquetas y . El título seescribe entre las etiquetas
Y el contenido de la página, entre y .
No importa si lo ponemos en mayúsculas o minúsculas, lo importante es que el cierre sea igual a como se abrió. Todo esto quedaría así:
Aquí
va el contenido de mi
página
4. Mi primer...
Regístrate para leer el documento completo.