Diferencias entre tablas y div

DIV	TABLAS
Es un contenedor a nivel de bloque para otros elementos. Por sí mismo, no tiene significado alguno a nivel presentacional o semántico, exceptuando que, al ser un elemento a nivel de bloque, los navegadores mostrarán un quiebre de línea antes y después de su contenido.	Son una poderosa herramienta a la hora de mostrar y relacionar cierto tipo de información. Aún cuando muchos sitios son construidos (por su naturaleza) sin usar una simple tabla, existen algunas ocasiones en que el valor de las tablas se vuelve esencial.
Su función  el de establecer la distribución o el diseño (en inglés "layout") del documento. Los elementos DIV han venido a reemplazar a la antigua forma de establecer el diseño del documento, que usaba tablas para organizar la distribución del contenido.	Puede ser considerada, de manera simple, como un grupo de filas donde cada una de ellas contiene un grupo de celdas (y no alrevés). Las tablas, como toda estructura en los documentos HTML, son definidas usando elementos.

Carácteres especiales en HTML

Acentos
ASCII	HTML	Carácter	Descripción
À	À	À	letra mayúscula latina A con acento grave
Á	Á	Á	letra mayúscula latina A con acento agudo
Â	Â	Â	letra mayúscula latina A con acento circunflejo
Ã	Ã	Ã	letra mayúscula latina A con tilde
Ä	Ä	Ä	letra mayúscula latina A con diéresis
È	È	È	letra mayúscula latina E con acento grave
É	É	É	letra mayúscula latina E con acento agudo
Ê	Ê	Ê	letra mayúscula latina E con acento circunflejo
Ë	Ë	Ë	letra mayúscula latina E con diéresis
Ì	Ì	Ì	letra mayúscula latina I con acento grave
Í	Í	Í	letra mayúscula latina I con acento agudo
Î	Î	Î	letra mayúscula latina I con acento circunflejo
Ï	Ï	Ï	letra mayúscula latina I con diéresis
Ò	Ò	Ò	letra mayúscula latina O con acento grave
Ó	Ó	Ó	letra mayúscula latina O con acento agudo
Ô	Ô	Ô	letra mayúscula latina O con acento circunflejo
Õ	Õ	Õ	letra mayúscula latina O con tilde
Ö	Ö	Ö	letra mayúscula latina O con diéresis
Ù	Ù	Ù	letra mayúscula latina U con acento grave
Ú	Ú	Ú	letra mayúscula latina U con acento agundo
Û	Û	Û	letra mayúscula latina U con acento circunflejo
Ü	Ü	Ü	letra mayúscula latina U con diéresis
Š	Š	Š	letra mayúscula latina S con anticircunflejo
Ý	Ý	Ý	letra mayúscula latina Y con acento agudo
Ÿ	Ÿ	Ÿ	letra mayúscula latina Y con diéresis
à	à	à	letra minúscula latina a con acento grave
á	á	á	letra minúscula latina a con acento agudo
â	â	â	letra minúscula latina a con acento circunflejo
ã	ã	ã	letra minúscula latina a con tilde
ä	ä	ä	letra minúscula latina a con diéresis
è	è	è	letra minúscula latina e con acento grave
é	é	é	letra minúscula latina e con acento agudo
ê	ê	ê	letra minúscula latina e con acento circunflejo
ë	ë	ë	letra minúscula latina e con diéresis
ì	ì	ì	letra minúscula latina i con acento grave
í	í	í	letra minúscula latina i con acento agudo
î	î	î	letra minúscula latina i con acento circunflejo
ï	ï	ï	letra minúscula latina i con diéresis
ò	ò	ò	letra minúscula latina o con acento grave
ó	ó	ó	letra minúscula latina o con acento agudo
ô	ô	ô	letra minúscula latina o con acento circunflejo
õ	õ	õ	letra minúscula latina o con tilde
ö	ö	ö	letra minúscula latina o con diéresis
ù	ù	ù	letra minúscula latina u con acento grave
ú	ú	ú	letra minúscula latina u con acento agudo
û	û	û	letra minúscula latina u con acento circunflejo
ü	ü	ü	letra minúscula latina u con diéresis
š	š	š	letra minúscula latina S con anticircunflejo
ý	ý	ý	letra minúscula latina y con acento agudo
ÿ	ÿ	ÿ	letra minúscula latina y con diéresis
Símbolos
ASCII	HTML	Carácter	Descripción
 	 		espacio de no separación
!	-	!	signo de exclamación
¡	¡	¡	signo de exclamación invertido
?	-	?	signo de interrogación
¿	¿	¿	signo de interrogación invertido
(	-	(
)	-	)
[	-	[
]	-	]
{	-	{
}	-	}
〈	⟨	〈	corchete angular hacia la izquierda
〉	⟩	〉	corchete angular hacia la derecha
&#60;	&lt;	<	signo menor
&#62;	&gt;	>	signo mayor
&#171;	&laquo;	«	comillas dobles angulares abiertas
&#187;	&raquo;	»	comillas dobles angulares cerradas
&#8249;	&lsaquo;	‹	comilla simple angular abierta
&#8250;	&rsaquo;	›	comilla simple angular cerrada
&#34;	&quot;	"	comillas
&#39;	-	'
&#8216;	&lsquo;	‘	comilla simple abierta
&#8217;	&rsquo;	’	comilla simple cerrada
&#8220;	&ldquo;	“	comillas dobles abiertas
&#8221;	&rdquo;	”	comillas dobles cerradas
&#92;	-	\
&#47;	-	/
&#124;	-	|
&#166;	&brvbar;	¦	barra partida = barra vertical partida
&#64;	-	@
&#38;	&amp;	&	ampersand
&#35;	-	#
&#42;	-	*
&#126;	-	~
&#164;	&curren;	¤	signo de moneda
&#167;	&sect;	§	signo de sección
&#182;	&para;	¶	signo de párrafo
&#162;	&cent;	¢	signo de centavo
&#163;	&pound;	£	signo de libra
&#165;	&yen;	¥	signo de yen
&#8364;	&euro;	€	símbolo del euro
&#402;	&fnof;	ƒ	f minúscula latina con gancho = función = florín
&#37;	-	%
&#8240;	&permil;	‰	por mil
&#169;	&copy;	©	signo de copyright
&#174;	&reg;	®	signo de registrado = signo de marca comercial registrada
&#8482;	&trade;	™	signo de marca comercial
&#44;	-	,
&#46;	-	.
&#58;	-	:
&#59;	-	;
&#183;	&middot;	·	punto medio = coma georgiana
&#184;	&cedil;	¸	cedilla
&#8218;	&sbquo;	‚	comilla simple inferior
&#8222;	&bdquo;	„	comillas dobles inferiores
&#8226;	&bull;	•	marcador (bullet) = círculo negro pequeño
&#8230;	&hellip;	…	elipsis horizontal = puntos suspensivos
&#45;	-	-
&#95;	-	_
&#61;	-	=
&#8211;	&ndash;	–	guión en
&#8212;	&mdash;	—	guión em
&#172;	&not;	¬	signo de negación
&#180;	&acute;	´	acento agudo
&#710;	&circ;	ˆ	acento circunflejo
&#732;	&tilde;	˜	tilde pequeña
&#94;	-	^
&#96;	-	`
&#168;	&uml;	¨	diéresis
&#175;	&macr;	¯	macron (marca larga) = superguión = guión alto
&#186;	&ordm;	º	indicador ordinal masculino
&#170;	&ordf;	ª	indicador ordinal femenino
&#176;	&deg;	°	signo de grados
&#43;	-	+
&#215;	&times;	×	signo de multiplicación
&#247;	&divide;	÷	signo de división
&#177;	&plusmn;	±	signo más-menos = signo más-o-menos
&#185;	&sup1;	¹	uno superíndice
&#178;	&sup2;	²	dos superíndice = al cuadrado
&#179;	&sup3;	³	tres superíndice = al cubo
&#188;	&frac14;	¼	fracción común un cuarto = fracción de un cuarto
&#189;	&frac12;	½	fracción común un medio = fracción de un medio
&#190;	&frac34;	¾	fracción común tres cuartos = fracción de tres cuartos
&#216;	&Oslash;	Ø	letra mayúscula latina O tachada, letra mayúscula latina O con barra inclinada
&#248;	&oslash;	ø	letra minúscula latina o tachada, = letra minúscula latina o con barra inclinada
&#8225;	&Dagger;	‡	daga doble
&#8224;	&dagger;	†	daga
&#222;	&THORN;	Þ	letra mayúscula latina THORN
&#254;	&thorn;	þ	letra minúscula latina thorn
&#338;	&OElig;	Œ	ligadura mayúscula latina OE
&#339;	&oelig;	œ	ligadura minúscula latina oe
&#199;	&Ccedil;	Ç	letra mayúscula latina C con cedilla
&#231;	&ccedil;	ç	letra minúscula latina c con cedilla
&#209;	&Ntilde;	Ñ	letra mayúscula latina N con tilde = eñe mayúscula
&#241;	&ntilde;	ñ	letra minúscula latina n con tilde = eñe minúscula
&#208;	&ETH;	Ð	letra mayúscula latina ETH
&#240;	&eth;	ð	letra minúscula latina eth
&#197;	&Aring;	Å	letra mayúscula latina A con anillo
&#229;	&aring;	å	letra minúscula latina a con anillo
&#198;	&AElig;	Æ	letra mayúscula latina AE = ligadura mayúscula latina AE
&#230;	&aelig;	æ	letra minúscula latina ae, = ligadura minúscula latina ae
&#181;	&micro;	µ	signo de micras
&#223;	&szlig;	ß	letra minúscula latina s muda = ess-zed
&#9674;	&loz;	◊	rombo
&#9824;	&spades;	♠	palo negro de picas
&#9827;	&clubs;	♣	palo negro de tréboles = trébol
&#9829;	&hearts;	♥	palo negro de corazones = corazón
&#9830;	&diams;	♦	palo negro de diamantes
&#09;			tabulador
&#10;			salto de línea
&#13;			retorno de carro
&#173;	&shy;		guión blando = guión discrecional
Griego
ASCII	HTML	Carácter	Descripción
&#913;	&Alpha;	Α	letra griega mayúscula alpha
&#914;	&Beta;	Β	letra griega mayúscula beta
&#915;	&Gamma;	Γ	letra griega mayúscula gamma
&#916;	&Delta;	Δ	letra griega mayúscula delta
&#917;	&Epsilon;	Ε	letra griega mayúscula epsilon
&#918;	&Zeta;	Ζ	letra griega mayúscula zeta
&#919;	&Eta;	Η	letra griega mayúscula eta
&#920;	&Theta;	Θ	letra griega mayúscula theta
&#921;	&Iota;	Ι	letra griega mayúscula iota
&#922;	&Kappa;	Κ	letra griega mayúscula kappa
&#923;	&Lambda;	Λ	letra griega mayúscula lambda
&#924;	&Mu;	Μ	letra griega mayúscula mu
&#925;	&Nu;	Ν	letra griega mayúscula nu
&#926;	&Xi;	Ξ	letra griega mayúscula xi
&#927;	&Omicron;	Ο	letra griega mayúscula omicron
&#928;	&Pi;	Π	letra griega mayúscula pi
&#929;	&Rho;	Ρ	letra griega mayúscula rho
&#931;	&Sigma;	Σ	letra griega mayúscula sigma
&#932;	&Tau;	Τ	letra griega mayúscula tau
&#933;	&Upsilon;	Υ	letra griega mayúscula upsilon,
&#934;	&Phi;	Φ	letra griega mayúscula phi
&#935;	&Chi;	Χ	letra griega mayúscula chi
&#936;	&Psi;	Ψ	letra griega mayúscula psi
&#937;	&Omega;	Ω	letra griega mayúscula omega
&#945;	&alpha;	α	letra griega minúscula alpha
&#946;	&beta;	β	letra griega minúscula beta
&#947;	&gamma;	γ	letra griega minúscula gamma
&#948;	&delta;	δ	letra griega minúscula delta
&#949;	&epsilon;	ε	letra griega minúscula epsilon
&#950;	&zeta;	ζ	letra griega minúscula zeta
&#951;	&eta;	η	letra griega minúscula eta
&#952;	&theta;	θ	letra griega minúscula theta
&#953;	&iota;	ι	letra griega minúscula iota
&#954;	&kappa;	κ	letra griega minúscula kappa
&#955;	&lambda;	λ	letra griega minúscula lambda
&#956;	&mu;	μ	letra griega minúscula mu
&#957;	&nu;	ν	letra griega minúscula nu
&#958;	&xi;	ξ	letra griega minúscula xi
&#959;	&omicron;	ο	letra griega minúscula omicron
&#960;	&pi;	π	letra griega minúscula pi
&#961;	&rho;	ρ	letra griega minúscula rho
&#962;	&sigmaf;	ς	letra griega minúscula final sigma
&#963;	&sigma;	σ	letra griega minúscula sigma
&#964;	&tau;	τ	letra griega minúscula tau
&#965;	&upsilon;	υ	letra griega minúscula upsilon
&#966;	&phi;	φ	letra griega minúscula phi
&#967;	&chi;	χ	letra griega minúscula chi
&#968;	&psi;	ψ	letra griega minúscula psi
&#969;	&omega;	ω	letra griega minúscula omega
&#977;	&thetasym;	ϑ	símbolo letra griega minúscula theta
&#978;	&upsih;	ϒ	símbolo letra griega mayúscula upsilon con gancho
&#982;	&piv;	ϖ	símbolos griego pi
Flechas
ASCII	HTML	Carácter	Descripción
&#8592;	&larr;	←	flecha hacia la izquierda
&#8593;	&uarr;	↑	flecha hacia arriba
&#8594;	&rarr;	→	flecha hacia la derecha
&#8595;	&darr;	↓	flecha hacia abajo
&#8596;	&harr;	↔	flecha izquierda derecha
&#8629;	&crarr;	↵	flecha doblada hacia abajo = retorno de carro
&#8656;	&lArr;	⇐	flecha doble hacia la izquierda
&#8657;	&uArr;	⇑	flecha doble hacia arriba
&#8658;	&rArr;	⇒	flecha doble hacia la derecha
&#8659;	&dArr;	⇓	flecha doble hacia abajo
&#8660;	&hArr;	⇔	flecha doble izquierda derecha
Símbolos matemáticos
ASCII	HTML	Carácter	Descripción
&#8704;	&forall;	∀	para todo
&#8706;	&part;	∂	diferencial parcial
&#8707;	&exist;	∃	existe
&#8709;	&empty;	∅	conjunto vacío = diámetro
&#8711;	&nabla;	∇	nabla
&#8712;	&isin;	∈	pertenece a
&#8713;	&notin;	∉	no pertenece a
&#8715;	&ni;	∋	contiene a
&#8719;	&prod;	∏	producto de n elementos = signo de productorio
&#8721;	&sum;	∑	sumatorio
&#8722;	&minus;	−	signo menosh
&#8727;	&lowast;	∗	operador asterisco
&#8730;	&radic;	√	raíz cuadrada = signo radical
&#8733;	&prop;	∝	proporcional a
&#8734;	&infin;	∞	infinito
&#8736;	&ang;	∠	ángulo
&#8743;	&and;	∧	y lógico
&#8744;	&or;	∨	o lógico
&#8745;	&cap;	∩	intersección
&#8746;	&cup;	∪	unión
&#8747;	&int;	∫	integral
&#8756;	&there4;	∴	de aquí
&#8764;	&sim;	∼	operador tilde = varía con = similar a
&#8773;	&cong;	≅	aproximadamente igual a
&#8776;	&asymp;	≈	casi igual que = asintótico a
&#8800;	&ne;	≠	distinto de
&#8801;	&equiv;	≡	idéntico a
&#8804;	&le;	≤	menor o igual que
&#8805;	&ge;	≥	mayor o igual que
&#8834;	&sub;	⊂	subconjunto de
&#8835;	&sup;	⊃	superconjunto de
&#8836;	&nsub;	⊄	no es subconjunto de
&#8838;	&sube;	⊆	subconjunto de o igual que
&#8839;	&supe;	⊇	superconjunto de o igual que
&#8853;	&oplus;	⊕	círculo más = suma directa
&#8855;	&otimes;	⊗	círculo por = producto vectorial
&#8869;	&perp;	⊥	ortogonal a = perpendicular
&#8901;	&sdot;	⋅	operador punto
&#8242;	&prime;	′	prima = minutos = pies
&#8243;	&Prime;	″	doble prima = segundos = pulgadas
&#8472;	&weierp;	℘	P mayúscula cursiva = conjunto potencia = p de Weierstrass
&#8465;	&image;	ℑ	I negra mayúscula = parte imaginaria
&#8476;	&real;	ℜ	R negra mayúscula = símbolo de parte real
&#8501;	&alefsym;	ℵ	símbolo alef = primer cardinal transfinito