HTML es un lenguaje estándar de programación que se utiliza para el desarrollo de páginas web. Las siglas corresponden a HyperText Markup Language. Es la parte que se encarga de mostrar distintos elementos en una página web. Hace un par de años se lanzó la última versión de HTML, el HTML5. La nueva versión ha añadido nuevas etiquetas y nuevas reglas de programación para facilitar, aún más, nuestro trabajo de programación.
El lenguaje HTML es un lenguaje sencillo, fácil de aprender . No es necesario disponer de conocimientos previos en ningún lenguaje de programación.
Estos video-tutoriales sirven para aprender la programación básica en HTML, tanto para pogramar desde 0, como para modificar códigos de otras plataformas como WordPress. Como es navidad os vamos a regalar unas infografías que ayudan a asimilar mejor la información y aprender con más facilidad.
Vídeo-tutoriales para la iniciación en la programación HTML
1.- Introducción
En este capítulo se realiza una introducción necesaria al HTML. Se explica el concepto de programación en HTML.
2.- Etiquetas para Textos
En este capitulo se analizan las diferentes etiquetas HTML que sirven para estructurar componentes de texto.
3.- Enlaces
En este capitulo se explica el uso de los enlaces y sus distintos comportamientos.
4.- Enlaces
En este capitulo se enseña a crear listados numerados y sin numerar de una manera muy sencilla.
5.- Imágenes
En este capitulo se muestra cómo se trabaja con las imágenes en HTML.
6.- Tablas
En este video se explica el uso correcto de las tablas en HTML.
7.- Formularios
En este capítulo se explica cóm ose crean los formularios de contacto o de login.
8.- Creando una Estructura de Contenido / Layout
En este capítulo se muestra la creación de un layout. El layout es la disposición de los objetos que constituyen una página web.
9.- Metaetiquetas
Las metaetiquetas son fragmentos de código que facilitan la información principal de tu página a los robots de Google o otros buscadores..
Editores de código recomendados
Podemos usar el Bloc de Notas (Windows) o el Text Edit (iOSx) para escribir o modificar código, pero hay otras herramientas más adecuadas para este trabajo. Estas son nuestras preferidas.
Sublime Text
Gratuito, ligero, actualizado constantemente, dispone de una gran biblioteca de plugins… ¿Qué más podemos pedir?
Es nuestro editor favorito. Su diseño es muy limpio, no consume muchos recursos y dipone de muchísimas herramientas que nos facilitan el trabajo de codificación. Te lo puedes descargar aquí: www.sublimetext.com
En su web podemos aprenden un montón de trucos para este excelente editor de textos.
Atom
Es el editor de código creado por GitHub. Si lo han hecho ellos, tiene que ser bueno. También es gratuito, de código abierto y muy personalizable.
Se puede descargar aquí: www.atom.io
Notepad ++
Ha sido el preferido por muchos programadores por mucho tiempo, pero parece que los editores novatos vienen con mucha fuerza. Es también gratuito y muchas de las herramientas vienen ya instaladas.
Se puede descargar aquí: www.notepad-plus-plus.org
Entradas recomendadas
Este listado muestra enlaces interesantes para aprender a programar en HTML.
- Diferencias entra Java, Javascript, CSS y HTML
- Manuales HTML de Desarrolloweb
- Herramientas adecuadas para el desarrollo de una web
- Estándares de programación web
- Libro PDF con conceptos HTML básicos