lunes, 14 de mayo de 2012

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.
Publicado por en No hay comentarios:

viernes, 11 de mayo de 2012

Carácteres especiales en HTML

 




Acentos
ASCIIHTMLCarácterDescripció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
ASCIIHTMLCarácterDescripció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
ASCIIHTMLCarácterDescripció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
ASCIIHTMLCarácterDescripció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
ASCIIHTMLCarácterDescripció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

Publicado por en No hay comentarios:
Suscribirse a: Entradas (Atom)