Usted está aquí: Inicio HTML Básico

HTML Básico

Algunas veces el editor TinyMCE puede llevar a error y puede ser necesario acudir al código HTML interno de cada página para corregir algún problema de diseño.

Para ayudarle en esos casos ponemos a continuación un listado con referencias HTML de utilidad:


HTML Básico
Definición de Documento
<!DOCTYPE>  Version de (X)HTML
<html>  Inicio página HTML
<head>  Cabecera
<body>  Contenido
<!-- Comentario --> Comentario
Información de la Página
<base/>  URL Predeterminada
<meta/>  Info sobre la página
<target="_blank" title>  Título
<link/>  Enlace CSS
<style>  Info estilo
<script>  Script (javascript)
Estructura del Documento
<h[1-6]>  Estilo encabezado
<div>  Sección
<span>  Sección "en línea"
<p>  Párrafo
<br/>  Salto de línea
<hr/>  Línea horizontal
Enlaces
<a href=""> Enlace a página
<a href="mailto:"> Enlace a email
<a name="name">  Posiciona una etiqueta
<a href="#name">  Enlace a etiqueta
Listas
<ol>  Lista ordenada
<ul>  Lista desordenada
<li>  Elemento de lista
<dl>  Lista de definiciones
<dt>  Término a definir
<dd>  Descripción del término
Formato de Texto
<strong>  Negrita
<em>  Cursiva
<blockquote>  Bloque de cita
<q>  Entrecomillado
<abbr>  Abreviatura
<pre>  Texto preformateado
<code>  Código formateado
<cite>  Cita
<del>  Tachado
<sub>  Subíndice
<sup>  Superíndice
<bdo>  Dirección del texto
Tablas
<table>  Definición de tabla
<caption>  Título
<thead>  Cabecera de tabla
<tbody>  Cuerpo de la tabla
<tfoot>  Pie de tabla
<colgroup>  Grupo de columnas
<col/>  Columna
<tr>  Fila
<th>  Celda de cabecera
<td>  Celda
Formularios
<form>  Formulario
<fieldset>  Marco de campos
<label>  Etiqueta de texto
<input/>  Campo de entrada
<select>  Lista desplegable
<optgroup>  Grupo de opciones
<option>  Elemento de opción
<textarea>  Área de texto
<button>  Botón
Frames
<frame/> Marco
<iframe/> Marco interno
Imagen y Multimedia
<img/>   Imagen
<map>   Mapa de imagen
<area/>   Área de un mapa de imagen
<embed/>   Contenido multimedia
<noscript>   Contenido alternativo
<object>  Media object 
<param/>  Parámetro
<applet>  Definición de applet
<sound/>  Definición de sonido
Caracteres comunes
&#34;  "
&#38;  &
&#60;  <
&#62;  >
&#64;  @
&#128; 
&#149; 
&#153; 
&#163;  £
&#160; 
&#169;  ©
Elementos vacios
<area/> <img/>
<base/> <input/>
<br/> <link/>
<col/> <meta/>
<hr/> <param/>
Atributos comunes
class  Clase de estilo
id  Identificador único
style  Estilo "en línea"
target="_blank" title  Información extra
Acciones de documento
Favoritos / Compartir