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.
Comienza a aprender
¿...o prefieres un roadmap?
Comienza a practicar
¿Ya sabes la teoría? ¡Es hora de ponerse a practicar!
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.
¿Qué es SVG?
Los ficheros SVG son imágenes de gráficos vectoriales creadas a partir de marcado de código, muy similar al código HTML.
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 HTML <video>
¿Cómo colocar videos en una página HTML? ¿Qué formatos de video debo utilizar?
Etiquetas para SEO/Google
Existen ciertas etiquetas <meta> que podemos utilizar como metadatos para brindar datos a Google o robots de buscadores. Te los explico en este artículo.
Agrupaciones
La etiqueta <g> de SVG nos permite agrupar varias etiquetas para aplicar características en conjunto o para reutilizar estructuras.
La etiqueta <input> con ficheros
¿Deseas incluir un campo de entrada en un formulario para que el usuario pueda adjuntar un archivo? Aquí explicamos como.
Formatos multimedia
¿Qué formatos de imagen, video o audio debo utilizar en una web? Te lo explico en este artículo.
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.
Popovers: Elementos emergentes
Los popovers son elementos emergentes que aparecen visualmente al realizar una acción y pueden volverse a ocultar con una acción pasiva del usuario.
La etiqueta HTML <q> y <cite>
Existen varias etiquetas HTML para realizar citas, dependiendo de si son mensajes o frases, titulos de obras u otro concepto. Te lo explico detalladamente.
Etiquetas semánticas de texto
Existen una serie de etiquetas que sirven para separar en fragmentos de textos con semánticas diferentes. Vamos a profundizar en ello.
Trazos (stroke)
Mediante el atributo stroke de SVG podemos indicar trazos en las diferentes figuras o formas creadas, con un color, grosor, estilo, opacidad, etc...
La etiqueta HTML <a>
La etiqueta <a> es de las etiquetas más importantes de HTML. Permite enlazar a otros recursos como páginas, imágenes o documentos.
Rectángulos y cuadrados
SVG permite crear formas básicas como rectángulos o cuadrados mediante la etiqueta <rect>. Aprende como funciona y que atributos puedes utilizar.
La etiqueta <input> con números
Si queremos que el usuario introduzca información numérica, es mejor no utilizar un campo de texto, sino uno orientado a cantidades numéricas.
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.
Etiquetas para redes sociales
En un documento HTML es posible incluir etiquetas de metadatos orientados a redes sociales, como títulos, descripciones o imágenes de miniatura.
Videos
¿Prefieres contenido de video? ¡Echa un vistazo a mi canal!
¿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