Guía de referencia de Elementos HTML

Esta página lista todos los elementos HTML . Están agrupados por función para ayudarle a encontrar lo que necesita para alcanzar lo que tiene en mente. Aunque esta guía está escrita para aquellos que son nuevos escribiendo código, esperamos que sea una referencia útil para cualquiera.

Elementos Básicos

Los elementos básicos son la espina dorsal de cualquier documento HTML.  Verás estos elementos en el código fuente de todas las páginas web, después de la declaración doctype en la primera línea de la página.  El doctype especifica que versión de (X)HTML esta usando esa página.  Los elementos que conforman el contenido de una página web se colocan entre la etiqueta de apertura  <html> y la etiqueta de cierre. El elemento <html> también se conoce como elemento raíz.

Element Description
<html>

Metadatos del documento

Los metadatos contienen información sobre la página. Esto incluye información sobre estilos, scripts y datos que ayudan al software ( mótores de búsqueda , browsers, etc.) a generar la página. Los metadatos de estilos y  scripts pueden estar definidos en la página o estar enlazados a otro fichero que contiene la información. 

Element Description
<base>
<head>
<link>
<meta>
<style>
<title>

Seccionado del contenido

Los elementos de seccionado del contenido te permiten organizar los contenidos del documento en partes lógicas. Usa los elementos de seccionado para crear una descripción amplia de los contenidos de tu página, incluyendo el encabezado y pie de página, y elementos para identificar secciones.   

Element Description
<address>
<article>
<aside>
<footer>
<header>
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<hgroup>
<nav>

Contenido Texto

Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing tags. Important for accessibility and SEO, these elements identify the purpose or structure of that content.     

Element Description
<dd>
<div>
<dl>
<dt>
<figcaption>
<figure>
<hr>
<li>
<main>
<ol>
<p>
<pre>
<ul>

Semántica de texto en línea

Use the HTML inline text semantic to define the meaning, structure, or style of a word, line, or any arbitrary piece of text.

Element Description
<a>
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data>
<dfn>
<em>
<i>
<kbd>
<mark>
<q>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time>
<u>
<var>
<wbr>

Imágenes y multimedios

HTML supports various multimedia ressources such as images, audio, and video.

Element Description
<area>
<audio>
<map>
<track>
<video>

Contenido Empotrado

In addition to regular multimedia content, HTML can include a variety of other content, even if it's not always easy to interact with.

Element Description
<embed>
<object>
<param>
<source>

Código

In order to create dynamic content and Web applications, HTML supports the use of scripting languages, most prominently JavaScript. Certain elements support this capability.

Element Description
<canvas>
<noscript>
<script>

Demarcar ediciones

These elements let you provide indications that specific parts of the text have been altered.

Element Description
<del>
<ins>

Tabla de contenido

The elements here are used to create and handle tabular data.

Element Description
<caption>
<col>
<colgroup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>

Formularios

HTML provides a number of elements which can be used together to create forms which the user can fill out and submit to the Web site or application. There's a great deal of added information about this available in the HTML forms guide.

Element Description
<button>
<datalist>
<fieldset>
<form>
<input>
<keygen>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>

Elementos Interactivos

HTML offers a selection of elements which help to create interactive user interface objects.

Element Description
<details>
<dialog>
<menu>
<menuitem>
<summary>

Componentes Web

Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In addition, you can even create custom versions of standard HTML elements, as well.

Note: The elements for Web Components are are defined in the World Wide Web Consortium (W3C) Web Components collection of specifications rather than the HTML specification. In addition, the Web Components specification has not been finalized and is subject to change.

Element Description
<content>
<decorator>
<element>
<shadow>
<template>

Elementos obsoletos y desaprobados

Warning: These are old HTML elements which are deprecated and should not be used. You should never use them in new projects, and should replace them in old projects as soon as you can. There are listed here for informational purposes only.

Element Description
<acronym>
<applet>
<basefont>
<big>
<blink>
<center>
<command>
<content>
<dir>
<font>
<frame>
<frameset>
<isindex>
<keygen>
<listing>
<marquee>
<nextid>
<noembed>
<plaintext>
<spacer>
<strike>
<tt>
<xmp>

 

Los elementos HTML son componentes que especifican como los documentos HTML deben ser construidos y que tipo de contenido debe ser posicionado en que lugar de un documento HTML. Los nombres de elementos son encerrados en parentesis angulares: <elementname>, los cuales son llamados etiquetas. Si el elemento contiene otro contenido, este termina con una etiqueta de cierre, donde el nombre del elemento es precedido por un slash: </elementname>. Algunos elementos no necesitan ser cerrados, como los elementos de imagen. Estos se conocen como elementos vacíos. Los documentos HTML contiene un árbol de estos elementos. Cada uno es nombrado en representación de lo que hace. Por ejemplo, el elemento <title> representa el título de un documento. A continuación se muestra un lista alfabética de los elementos HTML.

 

Etiquetas y colaboradores del documento

Etiquetas: 
 Última actualización por: jccancelo,