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 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.
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.
Rellenos (fill)
Los atributos fill nos permiten indicar como será el relleno de una forma o elemento, ya sea color, opacidad u otros aspectos.
Patrones en trazos
Los atributos stroke-dasharray y stroke-dashoffset sirven para establecer patrones de repetición en los trazos e incluso animarlos.
¿Qué son las etiquetas head?
La primera parte de un documento HTML es la cabecera, la etiqueta head. En ella podemos establecer relaciones con otros documentos o archivos.
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.
Plantillas reutilizables (símbolos)
Mediante los símbolos podemos crear plantillas reutilizables para nuestros SVG, de forma que podamos reutilizar código.
La etiqueta HTML <mark>
En algunas ocasiones necesitaremos destacar textos como cuando utilizamos rotulares de colores. La etiqueta mark sirve para ello.
La etiqueta HTML <code>
Es posible que necesitemos indicar un fragmento de código literalmente en un documento. Te explico el funcionamiento de la etiqueta <code>.
El atributo contenteditable
Mediante el atributo contenteditable o la propiedad Javascript designMode se puede convertir un documento estático en uno editable. Te explico como.
Enlaces o hipervínculos
La etiqueta <a> es una de las etiquetas HTML más importantes, ya que se utiliza para enlazar archivos o documentos.
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.
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.
Metadatos en SVG
Los metadatos SVG son información, generalmente textual, que se puede añadir a los documentos SVG para aportar información sin que se muestren visualmente.
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.
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.
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.
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.
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.
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