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!
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 <div>
Descubre todo sobre la etiqueta HTML div. Agrupaciones y divisiones de secciones de código en capas o grupos relacionados. Formas de uso y ejemplos.
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.
Agrupaciones
La etiqueta <g> de SVG nos permite agrupar varias etiquetas para aplicar características en conjunto o para reutilizar estructuras.
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...
Trayectos con curvas
La etiqueta <path> de SVG también permite crear trayectos en forma de curva y no solo lineales. En este artículo veremos las opciones disponibles para crearlas.
La etiqueta HTML <kbd> y <samp>
Existen ciertas etiquetas HTML para representar visualmente la entrada o salida de datos por parte de un usuario. Veamos que podemos hacer con ellas.
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.
¿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.
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.
La etiqueta HTML <h1> ... <h6>
Mediante las etiquetas <h1>, <h2>, <h3>, <h4>, <h5> y <h6> puedes establecer titulares con diferentes grados de importancia. Explicamos como funcionan.
La etiqueta HTML <br> y <wbr>
Los saltos de línea son elementos invisibles de un documento que representan el salto a una nueva línea. Profundicemos en ellos.
Elemento o etiqueta SVG
El elemento SVG es la etiqueta padre contenedora que contiene a toda la imagen vectorial. Siempre debe ser la etiqueta raíz.
La etiqueta HTML <article>
Una de las etiquetas semánticas de sección más importantes es la etiqueta <article>. Te explico como funciona.
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.
La etiqueta HTML <strong>
La etiqueta strong nos permite marcar un fragmento de texto como importante, sin embargo la etiqueta b lo marca sólo como palabra clave.
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.
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.
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