Lenguaje HTML

HTML es un lenguaje de marcado mediante el cuál se estructura la base y contenido de cualquier página web. A continuación aprenderás, no sólo los detalles principales de HTML, sino también de sus temáticas relacionadas como posicionamiento SEO, accesibilidad, usabilidad, compatibilidad entre navegadores, etc.

La etiqueta HTML <dl>

Con las listas de descripciones se puede crear listas donde tenemos varios términos con su definición correspondiente.

Etiquetas HTML obsoletas

Conoce las etiquetas HTML obsoletas, como <center> o <font> y cuales son sus alternativas actuales.

Favicon: El icono de las pestañas

Un favicon (favorite icon) es el nombre que se le da a los iconos que aparece en las pestañas del navegador, justo antes del título de la página. Te explico como añadirlos.

Rellenos (fill)

Los atributos fill nos permiten indicar como será el relleno de una forma o elemento, ya sea color, opacidad u otros aspectos.

Flechas (markers)

Los elementos <marker> nos permiten crear flechas o marcadores en el inicio, final o uniones de los trayectos o trazos de ciertas formas. Te explico como funciona.

Bloque de datos desconocido

Existe una desconocida funcionalidad de las etiquetas <script> donde podemos escribir un fragmento de datos para utilizar o procesar posteriormente.

Tabla periódica de etiquetas HTML

Navega a través de todas las etiquetas HTML, organizadas por temática y pulsando para más información.

Trayectos lineales

Mediante la etiqueta <path> se pueden realizar trayectos personalizados, y es una de las etiquetas más potentes de SVG. Te explico como funciona.

Textos en trayectos

En algún caso nos podría interesar añadir textos que sigan un trayecto particular. Para ello se combinan dos etiquetas que explicaremos en esta sección.

Trayectos relativos

Es muy común que los trayectos de una imagen SVG se creen con etiquetas <path> con coordenadas absolutas, pero también podemos utilizar coordenadas relativas. Te lo explico.

Líneas y polígonos

SVG permite dibujar líneas, líneas múltiples o formas poligonales, tanto abiertas como cerradas. En este artículo te explico como entender el código para hacerlo.

La etiqueta <base>

La etiqueta <base> sirve para modificar la URL de los enlaces relativos de una página. También es posible que indicar si queremos que se abra en otra pestaña los enlaces.

Atributos defer y async

Los atributos defer y async permiten modificar la forma en la que se carga el fichero javascript en una etiqueta <script>.

Las etiquetas de agrupación

Existen etiquetas HTML para agrupar y organizar otras etiquetas, como las etiquetas de párrafo o de división. Te explico cuales son las que existen.

Círculos y elipses

SVG incorpora varias etiquetas para crear círculos y ellipses u óvalos de una forma muy sencilla. Los explicamos en este artículo.

Textos en SVG

En SVG se pueden utilizar varias etiquetas para indicar textos, como <text> o <tspan>. Cada una con un propósito diferente. Te explico mo utilizarlas.

Transformaciones SVG

En SVG puedes realizar transformaciones SVG, que son muy similares a las de CSS, pero con algunas diferencias.

Forma del trazo

Mediante el atributo stroke-linecap y algunos otros, podemos indicar la forma que tendrá el trazo de una figura. Te explico como utilizarla.

La etiqueta <input> con fechas

Si el usuario debe introducir una fecha o una hora, existen campos de entrada de datos que facilitan la tarea a los usuarios.

Demos desde cero

En mi canal de Youtube encontrarás demos y ejercicios desde cero:

Videos de Youtube

En mi canal de Youtube encontrarás videos con conceptos de desarrollo web:

Dibujos con CSS

Estos dibujos que tenemos a continuación están hechos con CSS... ¿No te lo crees?

Más Dibujos con CSS.

¿Quién soy yo?

Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.

Puedes encontrar más sobre mi en Manz.dev