Introducción
HTML es un lenguaje de programacion usado para crear paginas web. Es uno de los lenguajes de programacion mas usados en el mundo.
Cuando creas una pagina web las MAYUSCULAS y los e s p a c i o s no importan. BGCOLOR="BLUE" cumple la misma funcion que bgcolor="blue" y b gc olor = "blue".
Para hacer paginas basicas recomiendo usar el bloc de notas. Cuando termines y estes satisfecho con tu codigo, guarda el archivo con extension .html. Podras modificar el codigo haciendo clic derecho "Abrir con bloc de notas" una vez guardado.
Tags
Para comenzar cualquier pagina web hay que abrir la tag "html". Para abrirlo escribimos <html>. Para cerrarlo escribimos lo mismo pero ahora con una / al principio: </html>. Recuerda siempre cerrar cualquier tag que abras.
Para insertar un texto basico en tu pagina web, simplemente escribe el texto deseado, fuera de cualquier tag.
<html>
Inserta tu texto aqui
</html>
Este codigo daria como resultado una pagina web blanca con el texto "Inserta tu texto aqui".
Personalizar texto
Para personalizar el texto, usamos la tag <font>.
<font size=5> Esto es un texto con tamaño 5 </font>
<font color="#990000"> Esto es un texto con color hexadecimal #990000 </font>
<font color="red"> Esto es un texto con color rojo </font>
Tambien podemos utilizar la tag <center> para centrar el texto
Colores
Esta es una lista de los colores basicos HTML. Puedes obtener muchos diferentes colores usando valores hexadecimales o RGB. Estos colores no solo pueden ser usados para el color del texto, tambien pueden ser usados por ejemplo en el color de fondo.
Color de Fondo
Ahora ya sabemos agregar texto a nuestra pagina web. Pero ahora queremos cambiar el fondo blanco de nuestra pagina, ¿no?
<body bgcolor="green"> Ahora nuestra pagina tiene un fondo verde </body>
<body bgcolor="#ff0000"> Ahora nuestra pagina tiene un fondo rojo, utilizando valores hexadecimales </body>
<body bgcolor="rgb(0,0,255)"> Ahora nuestra pagina tiene un fondo azul, utilizando valores RGB </body>
Insertar Imagenes
Para insertar imagenes primero hay que guardar la imagen en la misma ubicacion que tu archivo html.
Una vez que hayamos seleccionado nuestra imagen, utilizamos la tag <img> y escribimos src="nombredelaimagen.jpg", por ejemplo:
<img src="ejemplo.jpg">
No necesitas cerrar la tag <img>.
Hipervinculos
Para crear un hipervinculo utilizamos la tag <a>. Podemos dirigirlo ya sea a otro archivo html o a una pagina de internet.
<a href="home.html"> Dar clic en este texto te llevaria a "home.html" </a>
<a href="http://www.google.com"> Dar clic en este te llevaria a google.com </a>
Tambien podemos utilizar imagenes como hipervinculos, por ejemplo:
<a href="home.html"> <img src="home.jpg"> </a>
Trabajo en progreso.