Referencia básica de etiquetas HTML

Dani Jiménez

hace 10 años

Microaprendizaje / Tiempo de lectura: 2 minutos

Aunque ya casi nadie programa directamente en HTML, pues se utilizan entornos de desarrollo que aplican técnicas avanzadas de formateo de textos web como HTML5 o CSS.

Si que resulta de utilidad en ocasiones tener una referencia simple a mano para poder personalizar determinados fragmentos de código.

Este es el motivo por el cual hemos realizado una guía rápida de las principales etiquetas utilizadas en la programación web html:

Metadatos del documento html

<base>

<head>

<link>

<meta>

<style>

<title>

Formato de texto:

<b> o <strong> texto en negrita.

<i> o <em> texto en cursiva.

<small> texto más pequeño.

<u> texto subrayado.

<big> texto más grande.

<sub> para texto subíndice y <sup> para superíndice.

<strike>, <s> o <del> texto como tachado.

Estructura del documento.

<address>

<article> Contenidos que pueden separarse del resto del contenido. Visualmente no tienen porqué diferenciarse del resto del texto.

<aside>

<footer>

<header>

<h1>, <h2>, <h3>, … Para marcar los niveles de títulos de texto.

<hgroup>

<nav>

<section> Contenidos pertenecientes a un índice. No presenta diferencias visuales para el texto incluido dentro de esta etiqueta.

<a> Para marcar un texto como hipervínculo.

<abbr> Saca un cuadro informativo al pasar el ratón por encima de un término o abreviación.

<bdi>

<bdo>

<br> salta un espacio.

<cite> realizar una cita » «.

<code> indica que el texto hace referencia a código de programación.

<data>

<dfn>

<em>

<i>

<kbd> Formato de texto que indica «lo que un usuario a de teclear».

<mark>

<q>

<rp>

<rt>

<rtc>

<ruby>

<s>

<samp>

<span>

<time>

<u>

<var>

<wbr>

Formato del documento <body>

<dd>

<div>

<dl>

<dt>

<figcaption>

<figure>

<hr> línea divisoria.

<li> viñeta.

<main>

<ol>

<p> Salto de línea.

<pre>

<ul>

<del>

<ins>

Tablas

<table>

<tbody>

<td>

<tfoot>

<th>

<thead>

<tr>

<caption>

<col>

<colgroup>

Formularios

<button>

<datalist>

<fieldset>

<form>

<input>

<keygen>

<label>

<legend>

<meter>

<optgroup>

<option>

<output>

<progress>

<select>

<textarea>

Elementos multimedia incrustados

<area>

<audio>

<map>

<track>

<video>

<embed>

<object>

<param>

<source>

Script y componentes web

<details>
<dialog>
<menu>
<menuitem>
<summary>
<content>
<element>
<shadow>
<template>
<canvas>
<noscript>
<script>

Volver al índice del tutorial html …