HTML (HyperText Markup Language) es el código que se utiliza para estructurar una página web y su contenido. Por ejemplo, el contenido puede estructurarse en un conjunto de párrafos, una lista de puntos con viñetas o utilizando imágenes y tablas de datos. Como sugiere el título, este artículo le dará una comprensión básica de HTML y sus funciones.¿Qué es HTML? HTML es un lenguaje de marcado que define la estructura de su contenido. HTML consiste en una serie de elementos que se utilizan para encerrar, o envolver, diferentes partes del contenido para que aparezca de una manera determinada, o actúe de una manera determinada. Las etiquetas que encierran el contenido pueden hacer que una palabra o imagen tenga un hipervínculo con otra parte, pueden poner en cursiva las palabras, pueden hacer que la fuente sea más grande o más pequeña, etc. Por ejemplo, tome la siguiente línea de contenido:
Los atributos contienen información extra sobre el elemento que no quieres que aparezca en el contenido real. Aquí, class es el nombre del atributo y editor-note es el valor del atributo. El atributo class le permite dar al elemento un identificador no único que puede ser usado para dirigirlo (y cualquier otro elemento con el mismo valor de class) con información de estilo y otras cosas.
HTML son las siglas de Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto), que es el lenguaje más utilizado en la web para desarrollar páginas web. El HTML fue creado por Berners-Lee a finales de 1991, pero “HTML 2.0” fue la primera especificación estándar de HTML que se publicó en 1995. HTML 4.01 fue una versión mayor de HTML y se publicó a finales de 1999. Aunque la versión HTML 4.01 es ampliamente utilizada, actualmente tenemos la versión HTML-5 que es una extensión de HTML 4.01, y esta versión fue publicada en 2012.
Originalmente, HTML se desarrolló con la intención de definir la estructura de los documentos como los encabezados, los párrafos, las listas, etc. para facilitar el intercambio de información científica entre los investigadores. Ahora, el HTML se utiliza ampliamente para dar formato a las páginas web con la ayuda de las diferentes etiquetas disponibles en el lenguaje HTML.
HTML es una necesidad para los estudiantes y los profesionales que trabajan para convertirse en un gran ingeniero de software, especialmente cuando están trabajando en el dominio de desarrollo web. Voy a enumerar algunas de las principales ventajas de aprender HTML:
At the moment there are a total of 142 HTML elements standardized by W3C excluding the ones in the initial phases of standardization and those that went obsolete. That said, it is possible to miss or forget few of them that can be useful when needed.
The HTML <map> elements can be used to create image maps. Image maps are basically images with clickable areas on them, that can be hyperlinked to another web page or other parts of the same document. You can define which areas of an image are clickable by simply mentioning the corresponding X Y coordinates of those points in the <area> elements nested inside <map>.
Tip: If you want to know the coordinates for a point in an image, open the image in an image editing software and move the cursor to that point, you should be able to see the coordinates of it in the software itself. For GIMP it is shown at left side of the bottom bar.
The <base>HTML element is quite handy when you have multiple links in your document with the same domain URLs, it allows you to add a base URL to the document which in turn allows you to add only relative URLs to other links in the page as needed.
Para alguien que nunca ha codificado antes, el concepto de crear un sitio web desde cero, con diseño y todo, puede parecer realmente intimidante. Puede que te imagines a los estudiantes de Harvard de la película La red social, sentados frente a sus ordenadores con unos auriculares gigantescos y martilleando código, y pienses: “Yo nunca podría hacer eso”.
Cualquiera puede aprender a programar, igual que cualquiera puede aprender un nuevo idioma. De hecho, programar es como hablar una lengua extranjera, y por eso se llaman lenguajes de programación. Cada uno tiene sus propias reglas y sintaxis que hay que aprender paso a paso. Esas reglas son formas de decirle al ordenador lo que tiene que hacer. Más concretamente, en la programación web, son formas de decirle a los navegadores lo que tienen que hacer.
Programar, o codificar, es como resolver un puzzle. Piensa en un lenguaje humano, como el inglés o el francés. Utilizamos estos idiomas para convertir pensamientos e ideas en acciones y comportamientos. En la programación, el objetivo del rompecabezas es exactamente el mismo: sólo estás conduciendo diferentes tipos de comportamiento, y la fuente de ese comportamiento no es un humano. Es un ordenador.