Introducción a HTML

HTML como vimos no es un lenguaje de programación, es un lenguaje de marcas.

HTML significa HyperText Markup Language. HTML se encarga de definir el diseño de un documento que son leídos por navegadores, el documento no tiene porque ser una página web, puede ser un documento en su escritorio.

Nota: No confundir navegadores con buscadores.

HTML definde el diseño de las páginas web, es decir, indica como están organizados los elementos, donde va el título, el subtítulo, el buscador de la web, los banners, la fuente de la letra, etc. Es decir, cuando visitas Google.com o Wikipeda.org, prácticamente todo el diseño se puede hacer únicamente con HTML, en cuanto a los estilos, que no es lo mismo que el diseño, se usa CSS, otro lenguaje de marca que se verá en el curso de CSS y que trata de dar estilo a los elementos.

Ni que decir tiene que mientras que HTML da el estilo a la web de Google y WIkipedia, no realiza las tareas dinámica como registro de usuarios y otras cosas, es decir, el funcionamiento de la web no tiene nada que ver con HTML, sino con otros lenguajes, que si son de programación como SQL, JavaScript, PHP, etc.

HTML como vimos es un estándar, que lo valida la W3C, la máxima autoridad en este ámbito. Actualmente vamos por la versión HTML5, es la versión más avanzada a día de hoy y cada vez permite hacer cosas más espectaculares, como insertar videos haciendo de reproductor propio, insertar los mapas de Google, etc.

HTML se escribe mediante etiquetas. Por ejemplo: <h1>Título<h1>. Al escribir esa etiqueta la palabra «Título» nos aparecerá en grande y negrita directamente, porque estamos diciendole al navegador que es un titular. Haz la prueba, pincha en descargar, luego pincha de nuevo y haz click en «guardar como», guarda el documento y abre el documento desde tu escritorio, como verás lo abrirá tu navegador, ahora vuelve a abrir el documento pero esta vez haz click sobre «abrir con otro programa» y abrelo con el bloc de notas, así podrás ver el código. Una vez abierto elimina las etiquetas <h1> y </h1>, luego guardalo y vuelve a hacer doble click en el documento para abrirlo con el navegador, ahora el título a cambiado, ¡ya no es un título!

Descargar

Como ves, HTML es muy sencillo de aprender y muy útil en la creación de sitios webs 😉