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!
La etiqueta <input> con colores
HTML5 incluye un nuevo campo de entrada que permite al usuario escoger un color determinado de una forma sencilla y rápida.
La etiqueta HTML <mark>
En algunas ocasiones necesitaremos destacar textos como cuando utilizamos rotulares de colores. La etiqueta mark sirve para ello.
Transformaciones SVG
En SVG puedes realizar transformaciones SVG, que son muy similares a las de CSS, pero con algunas diferencias.
Rellenos (fill)
Los atributos fill nos permiten indicar como será el relleno de una forma o elemento, ya sea color, opacidad u otros aspectos.
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.
Agrupaciones
La etiqueta <g> de SVG nos permite agrupar varias etiquetas para aplicar características en conjunto o para reutilizar estructuras.
La etiqueta <header> y <footer>
Ciertas etiquetas nos permiten definir cabeceras y pie de contenido de un elemento HTML. Te explico como y cuando utilizar las etiquetas header y footer.
La etiqueta HTML <time> y <data>
¿Qué etiqueta necesitaríamos usar para representar una fecha o ciertos datos en un documento web? En esta página te explico cuales existen y como usarlas.
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.
Las etiquetas HTML <ul> y <ol>
Las etiquetas ol y ul sirven para crear listas de elementos en HTML. Te explico como hacerlo y sus diferencias.
La etiqueta HTML <progress>
En HTML5 se incluyen nuevas etiquetas que permiten crear facilmente medidores y barras de progreso que indiquen información al usuario.
Etiqueta HTML <script>
El lenguaje HTML tiene ciertos límites, ya que ciertas cosas no se pueden realizar sin Javascript. Para ello podemos utilizar la etiqueta <script>
La etiqueta <dialog>
En HTML5 es posible crear ventanas de diálogo personalizadas y modales sin necesidad de librerías externas. Te explico como.
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.
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 <button>
Mediante la etiqueta button podemos crear botones personalizados, donde definimos su comportamiento mediante Javascript
Etiquetas HTML obsoletas
Conoce las etiquetas HTML obsoletas, como <center> o <font> y cuales son sus alternativas actuales.
Estilos CSS y Javascript
En un documento SVG, al igual que en un documento HTML, podemos utilizar etiquetas <style> y <script> para añadir estilos CSS y código Javascript. Te lo explico.
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.
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