1. HTML ¿Qué es y para que sirve?
HTML son las siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto ). Para que todo el mundo lo entienda, es un lenguaje de programación dedicado a páginas web, y que se basa principalmente en el "hipertexto", o texto con propiedades especiales. Entre estas propiedades están la negrita, cursiva, subrayado, tachado, enlaces... miles. Pero claro, normalmente para una página en condiciones viene bien alguna tabla, alguna lista, colores de fondo, imágenes... Por eso HTML es algo más que texto enriquecido.
Hoy en día, HTML es el lenguaje básico de programación web, y es realmente útil, ya que la web es el método que, según yo veo, más posibilidades de futuro ofrece, tanto en la búsqueda de empleo, como en la realización de los mismos, en la publicación digital... Vamos, que es útil. Una utilidad específica (que será parte del proyecto que voy a explicar como hacer, la práctica continuada de todo el "mini-curso"), puede ser la de hacer un currículo online. ¿No estaría bien poder mandarle tu currículo a un jefe, o empleador, sin gastar papel, tinta, sellos...? Pues vamos a hacerlo, ¿no? Si, se puede hacer mediante un editor de textos, y mandarlo por email, ¿pero qué tal hacerlo una vez, y mandar sólo una dirección (URL) a todos, donde estará visible desde cualquier ordenador?
Para hacer esto, vamos a hacer una página web. Lo primero, tendremos que saber como se estructuran las mismas, ¿no? Bien, lo más importante en HTML es saber que funciona por etiquetas . Estas etiquetas son algo tipo:
<tbody> <tr> </tr> </tbody>
<tbody> <tr> </tr> </tbody>
|
<ETIQUETA>CONTENIDO</ETIQUETA> |
</tr> </tbody>
Como verás, la diferencia entre la primera y la segunda etiqueta es una barra "/". La etiqueta sin barra informa al navegador que empiece a aplicar esa propiedad, esa etiqueta, y la que tiene barra le informa de que deje de hacerlo. Fácil, ¿no?
Bien, ahora que ya sabemos cómo funciona HTML, vamos con las etiquetas más sencillas:
<tbody> <tr> </tr> </tbody>
<tbody> <tr> </tr> </tbody>
|
<html> Abre HTML, informado al navegador de que el código que va a ejecutar es HTML |
</tr> </tbody>
No olvidemos que todas estas etiquetas se cierran. ¿con qué orden? Veamos un ejemplo:
<tbody> <tr> </tr> </tbody>
<tbody> <tr> </tr> </tbody>
|
<html> |
</tr> </tbody>
Si pruebas esto en un block de notas, y lo gurdas con extensión ".html" (no como documento de texto, ojo), cuando lo abras con tu navegador, verás simplemente:
<tbody> <tr> </tr> </tbody>
<tbody> <tr> </tr> </tbody>
| HOLA MUNDO | </tr> </tbody>
Si has hecho esto, enhorabuena, acabas de hacer tu primera página web. Cualquier duda, déjame un comentario, y hago lo posible por resolverla.
¡Un saludo!
<tbody> <tr> </tr> </tbody>
| «Indice | Capítulo siguiente » | </tr> </tbody>
_____
*EDITO: Creo que no ha quedado muy bien explicado lo de guardar como HTML en vez de como documento de texto, así que lo explico un poco mejor:
Cuando tengas la página programada, (en el block de notas, "Inicio > Ejecutar > notepad" en Windows) le das a "Archivo > Guardar cómo...". Ahí te pedirá un nombre de archivo y un lugar para guardarlo. Abajo pondrá "Documento de texto plano". Le pinchas al desplegable, y seleccionas "Todos los archivos". Ahora ponle el nombre que quieras y acábalo con ".html" (por ejemplo, web.html). Una vez que lo tengas así, si lo abres con el navegador podrás visualizar el resultado.
Comentarios
partyflipa - hace más de 14 años
Muy bien explicado. Y tienes toda la razón con que cada vez es más necesario... pero yo añadiría que no sólo el HTML: saber usar las redes sociales, expresarse, titular con "gancho", moverse y buscar información...
polkillas - hace más de 14 años
Ganas tengo de que sigas con el curso para enseñárselo a mis alumnos. Sigue así, un_tal_carlos!
No se pueden incorporar más comentarios a este blog.