Sunteți pe pagina 1din 3

©Felix Suero Quispe HTML

ATRIBUTOS O PROPIEDADES
NOMBRE DE ELEMENTOS QUE
TIPOS DE VALOR FUNCIÓN
ATRIBUTO TRABAJAN CON
alt <area>, <img> texto Muestra una breve descripción de texto
de la imagen
bgcolor <body>, <table>, color Especifica el color de fondo.
<td>, <th>, <tr>
border <img>, <table> píxeles Controla el ancho del borde alrededor de la imagen o tabla
bordercolor <img>, <table> color Especifica el color de borde.
cellpadding <table> longitud (nn para píxeles o nn% Agrega espacio adicional dentro de las celdas.
para la longitud porcentual)
cellspacing <table> longitud Agrega espacio adicional entre celdas.
colspan <td>, <th> número Especifica el número de columnas de tabla unidas en una sola
celda.
frame <table> void | above | below | hsides | lhs | Identifica qué partes de una estructura de tabla deben mostrar.
rhs | visdes | box | border
height <img>, <object> longitud Especifica la altura de una imagen u objeto.
href <a>, <area>, <link> URI, link Identifica la localización para un recurso vinculado.
rowspan <td>, <th> número Especifica el número de filas de tabla unidas en una sola celda.
src <img> URI, ruta de la imagen, link Identifica la localización de la imagen para incrustar.
type <ul>, <li> disc | circle | square Especifica un estilo de elemento de una lista desordenada.
type <ol>, <li> 1|A|a|i|I Especifica un estilo de elemento de lista ordenada.
valign <col>, <colgroup>, top | middle | bottom | baseline Especifica la alineación vertical en las celdas.
<tbody>, <td>,
<tfoot>, <th>,
<thead>, <tr>
width <iframe>. <img>, longitud Especifica el ancho.
<object>, <table>
CARACTERES ESPECIALES (Entidades)
DEFINICIÓN Letras y Números
Las entidades de caracteres son combinaciones de letras y A &#65; a &#97; 0 &#48;
números que representan un carácter o letra específica. B &#66; b &#98; 1 &#49;
Por ejemplo, &reg; y &#174; ambos representan el símbolo de C &#67; c &#99; 2 &#50;
marca registrada ®. Todos los caracteres del conjunto de D &#68; d &#100; 3 &#51;
caracteres ISO 1 8859 Latin 1 tienen una referencia numérica E &#69; e &#101; 4 &#52;
como &#174; pero sólo ciertos caracteres tienen referencias F &#70; f &#102; 5 &#53;
de tipo como &reg ;. G &#71; g &#103; 6 &#54;
USO H &#72; h &#104; 7 &#55;
1. Insertar caracteres especiales: Se pueden utilizar entidades I &#73; i &#105; 8 &#56;
para insertar caracteres especiales en su página Web. Por J &#74; j &#106; 9 &#57;
ejemplo, si usted quiere representar una cantidad de K &#75; k &#107;
dinero usando la Libra (£), puede utilizar una entidad de L &#76; l &#108;
carácter o entidad numérica para representan el símbolo M &#77; m &#109;
de la libra: N &#78; n &#110;
<p>Precio del artículo: &pound; 2.5 </p> O &#79; o &#111 ;
ó P &#80; p &#112;
<p>Precio del artículo: &#163; 2. 5</ p>. Q &#81; q &#113;
En cualquier caso, el texto mostrará: Precio del artículo: £ 2 .5. R &#82; r &#114;
2. Escapar de caracteres: algunos caracteres, como el S &#83; s &#115;
“menor que“ y “mayor que", pueden causar problemas T &#84; t &#116;
con sus páginas si simplemente los escribes en el teclado. U &#85; u &#117;
Esto se debe a que un navegador puede utilizar estos V &#86; v &#118;
caracteres con código HTML, CSS o JavaScript. W &#87; w &#119;
Para evitar este problema, usted necesita escapar de esos X &#88; x &#120;
caracteres usando entidades. Y &#89; y &#121;
Por ejemplo, si está diseñando una página de tutorial HTML Z &#90; z &#122
y desea representar la etiqueta <table>, necesitará escribir Puntuación y Símbolos
ya sea como: Espacio normal (ninguno) &#32;
&1t; table&gt; Signo de exclamación ! &#33;
ó como Comillas “ &#34; &quot;
&#60;table&#62; Numeral # &#35;
SINTAXIS Signo de dólar $ &#36;
• Todas las entidades distinguen entre mayúsculas y Signo de porcentaje % &#37;
Ampersand & &#38; &amp;
minúsculas.
Apostrofe ‘ &#39;
• Todas las entidades deben comenzar con un & Paréntesis (izquierda) ( &#40;
(ampersand). Paréntesis (derecha) ) &#41;
• Todas las entidades se terminan con un ; (punto y coma). Asterisco * &#42;
• Las entidades numéricas deben tener un # (numeral o Signo mas + &#43;
almohadilla) antes del número de entidad. Coma , &#44;

1
Signo de menos - &#45; A mayúscula con diéresis Ä &#196; &Auml;
Punto . &#46; A mayúscula con anillo Å &#197; &Aring;
Barra oblicua / &#47; Diptongo AE mayúscula Æ &#198; &AElig;
Dos puntos : &#58; C cedilla mayúscula Ç &#199; &Ccedil;
Punto y coma ; &#59; E mayúscula con acento grave È &#200; &Egrave;
Signo de menor que < &#60; &lt; E mayúscula con acento agudo É &#201; &Eacute;
Signo de igual = &#61; E mayúscula con acento circunflejo Ê &#202; &Ecirc;
Signo de mayor que > &#62; &gt E mayúscula con diéresis Ë &#203; &Euml;
Signo de interrogación ? &#63; I mayúscula con acento grave Ì &#204; &Igrave;
Símbolo arroba @ &#64; I mayúscula con acento agudo Í &#205; &Iacute;
Corchete izquierdo [ &#91; I mayúscula con acento circunflejo Î &#206; &Icirc;
Barra inversa \ &#92; I mayúscula con diéresis Ï &#207; &Iuml;
Corchete derecho ] &#93; ETH islandesa mayúscula Ð &#208; &ETH;
Acento circunflejo ^ &#94; Eñe mayúscula Ñ &#209; &Ntilde;
Signo de subrayado _ &#95; O mayúscula con acento grave Ò &#210; &Ograve;
Acento grave ` &#96; O mayúscula con acento agudo Ó &#211; &Oacute;
Llave de apertura (izquierda) { &#123; O mayúscula con acento circunflejo Ô &#212; &Ocirc;
Barra vertical | &#124; O mayúscula con tilde Õ &#213; &Otilde;
Llave de cierre (derecho) } &#125; O mayúscula con diéresis Ö &#214; &Ouml;
Signo de equivalencia / tilde ~ &#126; O mayúscula with slash Ø &#216; &Oslash;
Espacio irrompible (ninguno) &#160; &nbsp; U mayúscula con acento grave Ù &#217; &Ugrave;
Signo de exclamación ¡ &#161; &iexcl; U mayúscula con acento agudo Ú &#218; &Uacute;
Signo de centavo ¢ &#162; &cent; U mayúscula con acento circunflejo Û &#219; &Ucirc;
Signo de Libra Esterlina £ &#163; &pound; U mayúscula con diéresis Ü &#220; &Uuml;
Signo de divisa general ¤ &#164; &curren; Y mayúscula con acento agudo Ý &#221; &Yacute;
Signo de yen ¥ &#165; &yen; THORN islandesa mayúscula Þ &#222; &THORN;
Barra vertical partida ¦ &#166; &brvbar; s minúscula (alemán)/Beta minúscula ß &#223; &szlig;
Signo de sección § &#167; &sect; a minúscula con acento grave à &#224; &agrave;
Diéresis - umlaut ¨ &#168; &uml; a minúscula con acento agudo á &#225; &aacute;
Signo de copyright © &#169; &copy; a minúscula con acento circunflejo â &#226; &acirc;
Género femenino ª &#170; &ordf; a minúscula con tilde ã &#227; &atilde;
Comillas anguladas « &#171; &laquo; a minúscula con diéresis ä &#228; &auml;
Signo de no - símbolo lógico ¬ &#172; &not; a minúscula con anillo å &#229; &aring;
Guión débil ­ &#173; &shy; Diptongo ae minúscula (ligadura) æ &#230; &aelig;
Signo de marca registrada ® &#174; &reg; c cedilla minúscula ç &#231; &ccedil;
Macrón - raya alta ¯ &#175; &macr; e minúscula con acento grave è &#232; &egrave;
Signo de grado ° &#176; &deg; e minúscula con acento agudo é &#233; &eacute;
Signo de más o menos ± &#177; &plusmn; e minúscula con acento circunflejo ê &#234; &ecirc;
Superíndice dos - cuadrado ² &#178; &sup2; e minúscula con diéresis ë &#235; &euml;
Superíndice tres - cúbico ³ &#179; &sup3; i minúscula con acento grave ì &#236; &igrave;
Acento agudo ´ &#180; &acute; i minúscula con acento agudo í &#237; &iacute;
Signo de micro µ &#181; &micro; i minúscula con acento circunflejo î &#238; &icirc;
Signo de fin de párrafo ¶ &#182; &para; i minúscula con diéresis ï &#239; &iuml;
Punto medio/Coma Georgiana · &#183; &middot; eth islandesa minúscula ð &#240; &eth;
Cedilla ¸ &#184; &cedil; eñe minúscula - n minúscula con tilde ñ &#241; &ntilde;
Superíndice uno ¹ &#185; &sup1; o minúscula con acento grave ò &#242; &ograve;
Género masculino º &#186; &ordm; o minúscula con acento agudo ó &#243; &oacute;
Comillas anguladas de cierre » &#187; &raquo; o minúscula con acento circunflejo ô &#244; &ocirc;
Fracción un cuarto ¼ &#188; &frac14; o minúscula con tilde õ &#245; &otilde;
Fracción medio - mitad ½ &#189; &frac12; o minúscula con diéresis ö &#246; &ouml;
Fracción tres cuartos ¾ &#190; &frac34; o barrada minúscula ø &#248; &oslash;
Signo de interrogación ¿ &#191; &iquest; u minúscula con acento grave ù &#249; &ugrave;
Signo de multiplicación × &#215; &times; u minúscula con acento agudo ú &#250; &uacute;
Signo de división ÷ &#247; &divide; u minúscula con acento circunflejo û &#251; &ucirc;
Miscelánea de Caracteres Especiales u minúscula con diéresis ü &#252; &uuml;
A mayúscula con acento grave À &#192; &Agrave; y minúscula con acento agudo ý &#253; &yacute;
A mayúscula con acento Á &#193; &Aacute; thorn islandesa minúscula þ &#254; &thorn;
agudo
A mayúscula con acento  &#194; &Acirc; y minúscula con diéresis ÿ &#255; &yuml;
circunflejo
A mayúscula con tilde à &#195; &Atilde; OE mayúscula (ligadura) Œ &#338;

2
oe minúscula (ligadura) œ &#338; Viñeta - bullet • &#8226;
S mayúscula con caron Š &#339; Puntos suspensivos … &#8230;
s minúscula con caron - acento š &#352; Signo de pro mil ‰ &#8240;
hacek
Y mayúscula con diéresis Ÿ &#353; Signo de euro € &#8364; &euro;
f minúscula itálica - signo de ƒ &#376; Signo de marca registrada - trade ™ &#8482;
función mark
Raya corta – &#8211; Flecha izquierda ← &#8592; &larr;
Raya larga — &#8212; Flecha arriba ↑ &#8593; &uarr;
Comilla izquierda - citación ‘ &#8216; Flecha derecha → &#8594; &rarr;
Comilla derecha - citación ’ &#8217; Flecha abajo ↓ &#8595; &darr;
Comilla de citación - baja ‚ &#8218; Flecha horizontal ↔ &#8596; &harr;
Comillas de citación - arriba “ &#8220; Espada (negro) ♠ &#9824; &spades;
izquierda
Comillas de citación - arriba ” &#8221; Trébol (negro) ♣ &#9827; &clubs;
derecha
Comillas de citación - abajo „ &#8222; Corazón (negro) ♥ &#9829; &hearts;
Cruz † &#8224; Diamante (negro) ♦ &#9830; &diams;
Doble cruz ‡ &#8225;

CÓDIGO DE COLORES HEXADECIMALES Y RGB

S-ar putea să vă placă și