Manual Html
Enviado por isaherrera • 13 de Noviembre de 2013 • 6.462 Palabras (26 Páginas) • 282 Visitas
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 <BODY>
11. Tipos de Listas
12. Enlaces - Links
13. Enlaces internos y locales
14. Enlaces remotos, e-mail y archivos
15. Imágenes
16. Tablas
17. 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 un programa 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 y no 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 ( InternetExplorer, Netscape...). Con Html puedes crear tablas, colocar imá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 te estarás preguntando ¿Qué extensión es para lo archivosHTML?, 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 se escriben 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 <u> y su etiqueta de cierre, </u>, indica subrayar un texto.
Ejemplo:
<u> Texto subrayado </u> Texto Normal, el resultado es:
Texto subrayado Texto Normal
Las partes del documento:
Los documentos deben empezar con la etiqueta principal, que es <html> y terminar con su etiqueta de cierre </html>.
El encabezado, que es el título de la página se escribe entre las etiquetas <head> y </head>. El título se escribe entre las etiquetas <title> y </title> dentro de la etiqueta <head>.
Y el contenido de la página, entre <body> y </body>.
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í:
<html>
<head> <title> Título de mi página </title> </head>
<body>
Aquí va el contenido de mi
página
</body> </html>
4. Ya tenemos los conceptos para empezar a crear nuestra primer página. Ahora vamos a crear una página con texto en negritas y con espacio de una línea. La etiqueta <b> indica texto en negrita, y la etiqueta <p> indica salto de línea (dejar una línea de separación).
El código es este:
<html>
<head>
<title>Música</title>
</head>
<body>
<p><b>Bienvenido,</b></p>
<p>Estas en la mejor página.</p>
<p>La mejor música solo aquí.</p>
</body>
</html>
Copia y pega este código en tu editor y guárdalo con un nombre con extensión .htm - .html (pag.html, por ejemplo).
Nota: Te recomiendo no usar espacios, mayúsculas o caracteres especiales (# $ % °) en el nombre de
...