AlexGargola

Usuario (República Dominicana)

Primer post: 30 may 2011Último post: 2 oct 2011

Posts

111

Puntos totales

Comentarios

Cómo actualizar el Asus Transformer a Android 3.2

InfoporAnónimo8/15/2011

Cómo actualizar el Asus Transformer a Android 3.2Hace unos días abrimos un debate sobre si deben garantizar las marcas las actualizaciones de Android en sus terminales, sean móviles o tablets. Dento del mismo hay multitud de opinones, pero no es sino un hecho objetivo que hay marcas que cuidan más este aspecto que otras.Una de las que más mimo da a sus usuarios es Asus, que con su Asus Eee Pad transformer ha logrado una de las mejores alternativas al iPad. Este tablet Android se anunció que se actualizaba a Android 3.2 Honeycomb y ya tenemos disponible esa actualización.Para llevarla a cabo hemos de ir a Ajustes -> Información de la tablet – > Actualización de firmware del sistema.Una vez allí comprobamos si hay actualizaciones y en caso de que así sea podremos descargarla. Tras ello el sistema nos permitirá actualizar o posponer el proceso, por si no nos va bien el momento o tenemos poca batería.Cuando procedamos el sistema controlará que todos los archivos están bien y procederá a la actualización que puede durar unos 10 minutos durante los cuales no debemos manipular el tablet.Las mejoras ya os las contamos, pero en el caso del Asus Transformer la principal es la opción de reescalar las aplicaciones para móviles. Otros tablets con pantallas de menos de 10 pulgadas verán más mejoras.

pseudocodigos Ejercicios resueltos

InfoporAnónimo10/2/2011

¿Que es el Pseudocódigo? El pseudocódigo (falso lenguaje) es una descripción de alto nivel de un algoritmo que emplea una mezcla de lenguaje natural con algunas convenciones sintácticas propias de lenguajes de programación, como asignaciones, ciclos y condicionales. Es utilizado para describir algoritmos en libros y publicaciones científicas, y como producto intermedio durante el desarrollo de un algoritmo. El pseudocódigo está pensado para facilitar a las personas el entendimiento de un algoritmo, y por lo tanto puede omitir detalles irrelevantes que son necesarios en una implementación. Programadores diferentes suelen utilizar convenciones distintas, que pueden estar basadas en la sintaxis de lenguajes de programación concretos. Sin embargo, el pseudocódigo en general es comprensible sin necesidad de conocer o utilizar un entorno de programación específico, y es a la vez suficientemente estructurado para que su implementación se pueda hacer directamente a partir de él. ¿Para que sirve el Pseudocódigo? Sirve para escribir programas de computadora en lenguaje natural de tal manera que se facilite la comprensión, prueba y posterior codificación en un lenguaje de programación específico. 1. Programa que lee una temperatura en grados centígrados y nos la calcula y nos la escribe en las escalas reamur, Fahrenheit y kelvin.Reamur = Centígrados x 0.8Fahenheit = Centígrados * 1.8 +32Kelvin = Centígrados + 273Proceso CONVERSION_DE_TEMPERATURAEscribir "Introduzca Grados Celsius Para Su Conversion"LEER a F<-(a*9/5)+32K<-a+273.15R<-a*0.8escribir "El Resurtado de Grados Fahrenheit es " , F ;escribir "El Resurtado de Grados Kelvin es " , K ;escribir "El Resurtado de Grados Reamur es " , R ;FinProceso2. Programa que lee dos números enteros, los suma, los resta y muestra el resultado de las dos operaciones.Proceso SUMA_RESTAEscribir "Introduzca La Primera cantidad"leer aEscribir "Introduzca La Segunda cantidad"leer bS<-a+bR<-a-bescribir "El Resurtado de la Suma Es: " , S ;escribir "El Resurtado de la Resta Es: " , R ;FinProceso3. Programa que lee tres números enteros y positivos y calcula su producto sacando el resultado en pantalla.Proceso LECTURA_TRES_NUMEROSEscribir "Introduce el Primer numero Entero"Leer aEscribir "Introduce el Segundo numero Entero"Leer bEscribir "Introduce el tercer numero Entero"leer cV<-(a*b)*cescribir "El Resurtado del Producto es " , v ;FinProceso4. Algoritmo que, dado un número entero no negativo que designa un periodo de tiempo expresado en segundos, devuelva el equivalente en días, horas, minutos y segundos.Proceso Conversion_TiempoEscribir "Introduce los Sengundo a calcular"Leer aM<-a*0.0166666666666667H<-(a*0.0166666666666667)*0.0166666666666667D<-(a*0.0166666666666667)*0.0166666666666667*0.0416666666666667S<-a+0escribir "El Resurtado del Minuto es " , M ; escribir "El Resurtado de la Hora es " , H ;escribir "El Resurtado del Dia es " , D ;escribir "El Resurtado del Segundo es " , S ;FinProceso5. Algoritmo que dadas dos horas distintas expresadas en hora, minutos y segundos nos calcule la diferencia en segundos entre ambas.Proceso DIFERENCIA_SEGUNDOSEscribir "Introduce Hora #1"Leer aEscribir "Introduce Hora #2"leer bHa1<-a*60Ha2<-a*1Ha3<-a*0.0416666666666667Ha4<-a*3600Hb1<-b*60Hb2<-b*1Hb3<-b*0.0416666666666667Hb4<-b*3600Ha4_Hb4<-a*3600-b*3600Hb4_Ha4<-b*3600-a*3600escribir "El Resurtado de la Hora #1 en Minuto es " , Ha1 ; escribir "El Resurtado de la Hora #1 en Hora es " , Ha2 ;escribir "El Resurtado de la Hora #1 en Dia es " , Ha3 ;escribir "El Resurtado de la Hora #1 en Segundo es " , Ha4 ;escribir "El Resurtado de la la Hora #2 Minuto es " , Hb1 ; escribir "El Resurtado de la la Hora #2 en Hora es " , Hb2 ;escribir "El Resurtado de la la Hora #2 Dia es " , Hb3 ;escribir "El Resurtado de la la Hora #2 Segundo es " , Hb4 ;Escribir "La Diferencia de Segundos de la Hora #1 de la Hora #2 es " , Ha4-Hb4 ;Escribir "La Diferencia de Segundos de la Hora #2 de la Hora #1 es " , Hb4-Ha4 ;FinProceso1)Se posee un monto de dinero de $120, se gasta en supermercado $49,5 y luego en verdulería 12,10. Mostrar el saldo. Proceso gasto saldo<-120-49.5-12.10; Escribir "Saldo ",saldo; FinProceso Usar este ejercicio para resaltar la necesidad de la utilización de las variables, ya que este ejercicio se ajusta únicamente para los valores constantes consignados. 2)Realizar el pseudocódigo para calcular el 15% de un valor constante. Proceso 15% cal<-325*.15; Escribir "El 15% de 325 es ",cal; FinProceso 3)Modificar el pseudocódigo anterior para que muestre el 15% de un valor ingresado. Proceso 15% Escribir "Ingrese un numero"; Leer n; cal<-n*.15; Escribir "El 15% de ",n," es ",cal; FinProceso 4)Calcular el nuevo salario de un obrero si obtuvo un incremento del 25% sobre su salario anterior. Proceso sueldo_obrero Escribir “Ingrese el Sueldo”; Leer sueldo; Nuevo<-sueldo*.25+sueldo; Escribir “El nuevo sueldo es: “,nuevo; FinProceso

Codigos html

InfoporAnónimo5/30/2011

Hola les dejare aki algunos codigos html para los que tienen paginas web o tengan donde ponerlos Redireccionar una página: Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde: <HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href=' Abrir una Web en Pop Up: Con este código vamos a hacer que al entrar en nuestra página automáticamente se abra otra, ej. otra Web nuestra, una sección que queremos mostrar, una publicidad, etc. <script language='JavaScript'>window.open(' 'geoflotante', '');</script> No dejar seleccionar el texto de nuestra Web: Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado. <script language="Javascript">  </script> Horas restantes para finalizar el día: Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día. <body> <p>El reloj...</p> <form name="Reloj"> <input type="text" size=7 name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript">  </script> </form> </body> Recomendar Pagina: Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma. <form name="eMailer"> ENVÍA ESTA PÁGINA A UN AMIGO <br> Indica su e-mail: <br> <input type="text" name="address" size=25> <br> <input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();"> </form> <script language="JavaScript1.2"> var good; function checkEmailAddress(field) { // the following expression must be all on one line... var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)| (.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi); if (goodEmail){ good = true } else { alert('Por favor introduce un e-mail valido') field.focus() field.select() good = false } } u = window.location; m = "Pienso que te puede interesar esta página..."; function mailThisUrl(){ good = false checkEmailAddress(document.eMailer.address) if (good){ // the following expression must be all on one line... window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u; } } </script> Crear un Formulario o Libro de Visitas: Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo. <H2>Libro de visitas de www.Rdirects.com</H2> <FORM ACTION="mailto:[email protected]" METHOD="post"> <TABLE> <TD ALIGN=RIGHT>Nombre:</TD> <TD><INPUT type="text" size=36 name="nombre"></TD> <TR><TD ALIGN=RIGHT>Direccion E-mail:</TD> <TD><INPUT type="text" size=36 name="direccion"></TD> <TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD> <TD><INPUT type="text" size=36 name="procedencia"></TD> <TR><TD ALIGN=RIGHT>Tus comentatios:</TD> <TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD> </TABLE> <INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar"> </FORM> Crear un Título que cambia de colores: Con este código podemos crear por ejemplo el título para nuestra Web o una de nuestras secciones.  <script> mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk}}}; function color(begin,einde,stappen,stap){ hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1)); hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3)); hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5)); pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1)); pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3)); pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5)); if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap); ff1=eval("'"+mes(Math.floor(ff1/16))+"'"+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'";} ;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap); ff1=eval("'"+mes(Math.floor(ff1/16))+"'"+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'";} if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap); ff2=eval("'"+mes(Math.floor(ff2/16))+"'"+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'";} ;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap); ff2=eval("'"+mes(Math.floor(ff2/16))+"'"+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'";} if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap); ff3=eval("'"+mes(Math.floor(ff3/16))+"'"+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'";} ;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap); ff3=eval("'"+mes(Math.floor(ff3/16))+"'"+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'";} ;return ff1+ff2+ff3} bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){ for(i=0;i != Math.floor(message.length/2);i++){txt=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)}; for(i=Math.floor(message.length/2);i != message.length;i++){txt=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))}; lightf1()} function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>" }};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)} </script> </head> <body bgcolor="#FFFFFF" background="globulos.jpg">  <center><h1><div id="light"></div></h1> <script> lightcolor1="FF0000" // color lightcolor2="33CC66" // color message="Título que cambia de colores" // introduce el texto lightf() </script> </center>  Cuadro explicativo de los enlaces: Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo. <p> <script language="JavaScript"></script> </p> <table border="0"> <tr> <td width="200"><p align="center"><strong>Opciones.</strong></p> <p><a href=" Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página principal</a><br> <a href=" Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br> <a href=" Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br> </p> </td> <td><form name="desplaza"> <p><textarea name="cuadro" rows="8" cols="30" wrap="physical"></textarea></p> </form> </td> </tr> </table> Insertar un sonido o música de fondo: Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando. Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html: <BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true"> Se recomienda usar sonidos en formato "midi" que son los de menor peso. Crear un link para download: Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML: <a href="ejemplo.exe">Descripción del enlace </a> No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente. Subrayar un Link al pasar el mouse: Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado. <STYLE type="text/css">  </STYLE> </p> <p><a href="l1.htm">El texto que quieras.</a><br> <a href="l2.htm">otro texto.</a><br> <a href="l3.htm">Otro texto.</a><br> </p> Transformar el cursor en una mira: Transformá la clásica flechita de Windows en una mira de disparo. <style type="text/css">  </style> Comentario sobre un link en la barra de estado: Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye). <a href=" aparece el mensaje que quieras';return true"> Pauluk Computación</a> Dificultar copia de página: Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas. Podemos colocarlo antes de la etiqueta <html> o después de la etiqueta <body>. <Script language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("Coloca el mensaje aquí."; return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Coloca el mensaje aquí."; return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo. Establecer una página como inicio: Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet. <A class=chlnk style=FONT-WEIGHT:bold;CURSOR:hand; COLOR:#004080;font-family:Verdana#onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage(' face=Arial color=#000000 size=-2><U> Establecer como página de inicio</U></FONT></A> Enviar un e-mail con Asunto y Mensaje: Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un mensaje <a href="mailto:[email protected]?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a> Abrir un Link en una Ventana Nueva: Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta: <a href=" target="_blank">Pauluk Computación</a>

Codigos html 2da paarte

InfoporAnónimo6/2/2011

aki les dejo un par de codigos html muy importantes para los que usan paginas web espero les gusten Código: <html></html> Crea un documento HTML <head></head> Stea el título y otra información que no se visualizará en la página web <body></body> Setea la parte visible de la página Header Tags <title></title> Pone el nombre del documento en la barra del título Atributos del Body <body bgcolor=?> Setea el color de fondo, usando nombres o valores hex <body text=?> Setea el color del texto, usando nombres o valores hex <body link=?> Setea el color de los enlaces, usando nombres o valores hex <body vlink=?> Setea el color de los enlaces visitados, usando nombres o valores hex <body alink=?> Setea el color de los enlaces al ser presionados, usando nombres o valores hex Tags de texto <pre></pre> Crea texto preformateado <hl></hl> Crea un título grande <h6></h6> Crea un título pequeño <b></b> Crea texto en negritas <i></i> Crea texto en itálicas <tt></tt> Crea texto teletipo <cite></cite> Crea una cita, usando itálicas <em></em> Enfatiza una palabra <strong></strong> Enfatiza una palabra (con itálicas or negritas) <font size=?></font> Setea el cuerpo de la fuente de 1 a 7 <font color=?></font> Setea el color de la fuente, usando nombres o valores hex Enlaces <a href="URL"></a> Crea un hipervínculo <a href="mailto:EMAIL"></a> Crea un enlace de email <a name="NAME"></a> Crea un enlace dentro del documento <a href="#NAME"></a> Vincula a ese target dentro del documento Formatting <p></p> Crea un párrafo nuevo <p align=?> Alinea un párrafa (izquierda, centro, derecha) <br> Inserta un salto de línea <blockquote> </blockquote> Justifica el texto a ambos lados <dl></dl> Crea un lista de definición <dt> Precede cada término de definición <dd> Precede cada definición <ol></ol> Crea un lista numerada <li></li> Precede cada ítem de una lista y le agrega un número <ul></ul> Crea una lista con puntos <div align=?> Un tag genérico utilizado para formatear grandes bloques de HTML, también usado para stylesheets Elementos Gráficos <img src="name"> Agrega una imagen <img src="name" align=?> Alinea una imagen an image <img src="name" border=?> Setea el grosor del borde de la imagen <hr> Inserta una linea horizontal <hr size=?> Setea la altura de una linea <hr width=?> Setea el ancho de la linea, en porcentaje o números absolutos <hr noshade> Inserta una linea horizontal sin sombra Tablas <table></table> Crea una tabla <tr></tr> Setea cada row de la tabla <td></td> Setea cada celda de la tabla <th></th> Setea el header de la tabla (una celda normal, con texto centrado y resaltado) Atributos de las Tablas <table border=#> Setea el grosor del borde de la tabla <table cellspacing=#> Setea la cantidad de espacio entre las celdas <table cellpadding=#> Setea la cantidad de espacio entre el borde de las celdas y su contenido <table width=# or %> Setea el ancho de la tabla - en pixel o en porcentaje de acuerdo al ancho del documento <tr align=?> or <td align=?> Setea la alineación delas celdas (izquierda, centro, derecha) <tr valign=?> or <td valign=?> Setea la alineación vertical de las celdas (arriba, nedio, abajo) <td colspan=#> Setea la cantidad de columnas dentro de una celda <td rowspan=#> Setea la cantidad de rows que una celda despliega (por defecto=1) <td nowrap> Previene que se rompa una linea dentro de la celda Frames <frameset></frameset> tag dentro de un documento de frames <frameset rows="value,value"> Define las filas de un frame, usando números o porcentaje para definir el largo <frameset cols="value,value"> Define las columnas de un frame, usando números o porcentaje para definir el largo <frame> Define un solo frame - o región - dentro de frameset <noframes></noframes> Define lo que aparecerá en navegadores que no soporten frames Atributos de los Frames <frame src="URL"> Especifica que documento html será desplegado <frame name="name"> Nombra al frame or región, para que pueda ser llamado desde otro frame <frame marginwidth=#> Define los márgenes derecho e izquierdo del frame; debe ser igual o mayor a 1 <frame marginheight=#> Define los márgenes de arriba y abajo del frame; debe ser igual o mayor a 1 <frame scrolling=VALUE> Setea si el frame tendrá barra de desplazamiento o no; el valor debe ser "yes," "no," o "auto. " El default es "auto". <frame noresize> Previeve al usuario de cambiar el tamaño del frame Formularios Para forms funcionales, deberá correr un script de CGI. El HTML sólo crea la apariencia del formulario. <form></form> Crea el formulario <select multiple name="NAME" size=?></select> Crea un menú de desplazamiento. Size setea el número de ítems visibles antes de tener que desplazarse. <option> Setea cada ítem del menú <select name="NAME"></select> Crea un menú desplegable <textarea name="NAME" cols=40 rows=8></textarea> Crea una área de texto. <input type="checkbox" name="NAME"> Crea una checkbox. <input type="radio" name="NAME" value="x"> Crea un radio button. <input type=text name="foo" size=20> Crea un área de texto de una sola línea. Size setea el largo en caracteres. <input type="submit" value="NAME"> Crea un botón de envio. <input type="image" border=0 name="NAME" src="name.gif"> Crea un botón de envio utilizando una imagen. <input type="reset"> Crea un botón de reseteo NEGRITA <b>TEXTO</b> SUBRAYADO <i>TEXTO</i> CURSIVA <u>TEXTO</u> CAMBIAR EL TAMANO DE LETRA <font size=7>EL NÚMERO 7 DEFINE EL TAMAÑO DE LA FUENTE</font> CAMBIAR EL TIPO DE LETRA <font face="Times New Roman">PUEDES CAMBIAR "TIMES NEW ROMAN" POR "VERDANA" POR EJEMPLO</font> CAMBIAR COLOR DE LETRA font color="#FF0000">A LOS CODIGOS DE LOS COLORES LOS SACAS EN LA SECCIÓN DE TABLA DE COLORES</font> UN ENTER <br /> INSERTAR UN LINK <a href="AQUÍ COLOCA LA URL DE DESTINO">Y AQUí LA PALABRA</a> INSERTAR UNA IMAGEN <img src="AQUÍ COLOCA LA URL DE LA IMAGEN"> IMAGEN DE FONDO <body background="AQUÍ COLOCA LA URL DE FONDO"> INSERTAR UN ARCHIVO FLASH <embed src="AQUÍ COLOCA LA URL DEL ARCHIVO .SWF" width="500" height="130" scale="ShowAll" play="true" loop="true" menu="true" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed> UNA WEB DENTRO DE OTRA <iframe name="window" src="URL DE LA WEB" width="565" height="900" marginwidth="0" scrolling="yes" frameborder="0"></iframe> PONER CAJA CON CODIGO ADENTRO <textarea rows="5" cols="10"> Código </textarea> SONIDO O MUSICA DE FONDO <BGSOUND SRC="sonido.mid" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true"> LINEA SEPARADORA <hr> ESTABLECER COMO PAGINA DE INICIO <A class=chlnk style=FONT-WEIGHT:bold;CURSOR:hand; COLOR:#004080;font-family:Verdana#onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.CheNico.com');"> <FONT face=Arial color=#000000 size=-2><U> Esta parte del texto se puede modificar en el código</U></FONT></A> CENTRAR LA WEB <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style=width:900px;position:relative;margin-left:auto;margin-right:auto;> LECCION COMPLETA DE MARQUESINA Atras - Actualizar - Adelante <input type="button" value="Atrás" onclick="history.back()" style=font-family:Verdana;font-size:8pt> <input type="button" value="Actualizar" onclick="window.location.reload()" style=font-family:Verdana;font-size:8pt> <input type="button" value="Adelante" onclick="history.forward()" style=font-family:Verdana;font-size:8pt> WELCOME QUE ESTA EN INICIO Con <a href="Dirección de tu sitio"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a> Sin img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /> CAJA DE CODIGO CON BOTON COPIAR <span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script> function copyCaja1(elt) { var urlSwf = "copy.swf"; var flash = document.getElementById("C1"; var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; flash.innerHTML = divinfo; elt.focus(); elt.select(); document.getElementById("Caja1".innerHTML = "¡El texto ha sido copiado!<br/>"; return true; } </script> <div id="C1"> </div> pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2 PROBADOR DE HTML <script> function probar(texto) { ventana = window.open('', 'popup', ''); ventana.document.write(texto); } </script> <form action="" name="probador"> <font face="Verdana" size=2>Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size=2> <br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size=2> </font> </form> TABLA DE COLORES EN TU WEB <iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe> FECHA EN TU SITIO <script language="JavaScript">  </script> SALUDO SEGUN LA HORA DEL DIA <Font size=2 face=arial><b> <Script Language="JavaScript">  </script> </b></font> TIEMPO RESTANTE PARA FINALIZAR EL DIA <body> <p>Tiempo restante para finalizar el día</p> <form name="Reloj"> <input type="text" size=7 name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript">  </script> </form> </body> adjunto un listado resumen con practicamente todo lo relacionado con el html. ir preparando folios si lo quereis imprimir, pues, es un buen cacho ESTRUCTURAS BASICAS  Para escribir comentarios, los cuales son ignorados por el Navegador. <HTML> ... </HTML> Indica que es un documento HTML, debe encerrar todo el Documento. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> Encabezado de todo documento de la version HTML 3.2. <HEAD> ... </HEAD> Encabezados del Documento. Los siguientes son los parámetros del Comando head. <title> ... </title> Indica el Titulo del Documento. Aparece en la ventana del Navegador. <Base href="http://servidor.tipo/nombre.html"> Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento. <Base href="http://servidor.tipo/nombre.html" Target="..."> Indica el "Frame" por defecto de la página actual. <Meta attributo1, attributo2> Este comando describe algunas caracteristicas del documento. Por ejemplo: <Meta http-Equiv="Refresh" Content=ss> Actualiza la pagina cada ss segundos. <Meta http-Equiv="Refresh" Content=ss url="http://servidor.tipo/nombre.html"> Llama una página diferente a los ss segundos. <Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT> Expira el documento a la fecha indicada y debe ser actualizada. <Meta http-Equiv="Keywords" Content="Clave1, Clave2,.."> Especifica palabras claves para los buscadores de la Red. <Meta http-Equiv="Description" Content="Describa su página aquí .."> Especifica una descripción general de su página. <BODY attributo1=".." attributo2=".."> ... </BODY> Contiene el cuerpo del Documento, o el contenido de la Página. ----------------------------------------------------- ATRIBUTOS ALINK="..." Especifica el color de las Direcciones activadas en la página. BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif. BGCOLOR="..."Especifica el Color del Fondo del Documento. Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF). Amarillo = #FFFF00 Azul = #0000FF Azul Claro = #00CCFF Blanco = #FFFFFF Gris = #CC9999 Lila = #CC33FF Negro = #000000 Rojo = #FF0000 Verde = #00FF00 BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE) LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE) LINK="..." Especifica el color de las direcciones contenidas en el documento. TEXT="..." Especifica el Color del texto. TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE) VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento. <BASEFONT atributo= " "> Fija los atributos de escritura en toda la página. ATRIBUTOS SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite tamaños relativos, e.j. SIZE=+2 . COLOR="..." Especifica el color de las Letras en todo el Documento. NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento. <Hn>...< /Hn> Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño. <ISINDEX> Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor debe ser configurado para soportarlo. Atributos: ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los parámetros de busqueda. PROMPT="..." Especifica un mensaje alterno para el diálogo. Formato General: <ADDRESS>.....< /ADDRESS> Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas. <B>...< /B> Resalta en Negritas el Texto encerradot. <BIG>...< /BIG> Incrementa el tamaño del Texto. <BLINK>.....< /BLINK> Hace el texto parapadeante. <BLOCKQUOTE>.....< /BLOCKQUOTE> Encierra un enfasis. El margen izquierdo y derecho están indentados. <BR> Inserta un final de línea. Atributos: CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL. <CENTER>.....< /CENTER> Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios, etc. <CITE>.....< /CITE> Encierra una Cita como un titulode un libro,etc. <CODE>.....< /CODE> Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas. <COMMENT>.....< /COMMENT> Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML. <DFN>.....< /DFN> Encierra una definición. El texto dentro de este comando se formatea como una definición. <DIV ALIGN=">...< /DIV> Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el documento que tiene secciones alineadas en forma diferente. Atributos: ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left". <EM>...< /EM> El texto se muestra en cursivas (Itálicas). <FONT atributo=">...< /FONT> Fija las propiedades y el tipo de letra del texto que contiene. Atributos: SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3 es el valor por omisión. Se puede especificar valores relativos, ejemplo. SIZE=+3 . COLOR="..."--Especifica el color de las letras. FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc. <HR atributo1="..." atributo2="..."> Inserta una líea horizontal. Atributos: SIZE="..."--Especifica el grosor de la línea. COLOR="..."--Especifica el color de la línea.(IE) WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página, ejemplo. WIDTH=70% . ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER. NOSHADE--Muestra la línea como sólido. <I>...< /I> Presenta el texto encerrado como Itálicas. <KBD>...< /KBD> Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de tamaño fijo. <LISTING>.....< /LISTING> Muestra texto en tamaño fijo. Obsoleto -- se usa el comando PRE. <MULTICOL>.....< /MULTICOL> Muestra un texto en columnas. Atributos: COLS="..."--Especifica el numero de columnas. GUTTER="..."--Especifica el numero de pixels entre columnas. WIDTH="..."-- Especifica el ancho de las columnas. <NOBR>.....< /NOBR> El texto que lo contiene no se trunca en la pantalla. <P atributo>...< /P> Diseñado para encerrar texto de un parrafo. El cierre es opcional. Atributos: ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right". <PLAINTEXT>.....< /PLAINTEXT> Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando PRE. <PRE>.....< /PRE> Muestra texto sin formato, sin eliminar espacios y saltos. <S>.....< /S> Muestra el texto con una línea por el centro (tachado). Es diferente al comando <STRIKE>. <SAMP>...< /SAMP> Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamaño pequeño. <SMALL>...< /SMALL> Muestra el texto en tamaño pequeño. <SPACER atributo>...< /SPACER> (Netscape) Inserta bloques de espacios en la página. Atributos: ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor. Valores: RIGHT o LEFT--Alinea el bloque de espacios en el lado especificado, y el texto se trunca alrededor del bloque. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineaminto vertical del bloque con cualquier elemento el la misma línea. HEIGHT="..."--Cuando el tipo es BLOCK, especifica la altura del bloque. SIZE="..."--Cuando el tipo es HORIZONTAL, o VERTICAL, especifica el tamaño del espacio. TYPE="..."--Especifica el tipo de espacio. Valores: HORIZONTAL--Inserta espacios en blanco entre palabras. VERTICAL--Inserta espacios entre dos líneas. BLOCK--Inserta un bloque de espoacios rectangular, muchos usan el comando IMG. WIDTH="..."--Cuando el tipo es BLOCK, especifica el ancho del bloque. <STRONG>...< /STRONG> Muestra el texto en negritas, resaltado. <SUB>...< /SUB> Muestra el texto encerrado como un subindice. <SUP>...< /SUP> Muestra el texto encerrado como superindice. <TT>...< /TT> Muestra el texto en formato teletipo. <U>...< /U> Muestra el texto subrayado. No use este comando puede confundir con una dirección o Link. <VAR>...< /VAR> Especifica una variable. Eltexto se muestra en letras pequeñas y de tamaño fijo. <WBR> Hace que el texto que contiene, se trunque si es necesario. <XMP>...< /XMP> Hace que el texto encerrado se muestre sin procesar los coamdos HTML que contenga. Obsoleto -- Se usa el comando PRE. Multimedia: <IMG atributo1 atributo2> Coloca una imagen el en documento. Atributos: SRC="..." Especifica la ubicación de la Imagen. DYNSRC="..." Especifica la ubicación de un video o un mundo VRML. Se puede soportar una imagen usando el SRC de primero para aquellos Browser que no soportan Videos. (IE) CONTROLS Activa una serie de controles de Video. (IE) LOOP="n" Para videos, especifica en número de repetición del video. Un valor de "-1" o "INFINITE" repite el video indefinidamente. (IE) START="..." Especifica el momento inicial de reproducción del video. Se puede usar "FILEOPEN" por omisión, "MOUSEOVER", o ambos. (IE) USEMAP="#map1" Dice al Browser que use la imagen como una interface de selección definida con el nombre de "map1". ISMAP Dice al Browser que la imagen es un mapa de Selección. ALT="..." Especifica un texto que se muestra en los Browser que no soportan imagenes. BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen. LOWSRC="..."--Especifica la Direeción de la imagen que se cargará primero antes de que la imagen sea cargada. LOWSRC usualmente se refiere a una imagen pequeña. ALIGN="..."--especifica el alineamiento de la imagen. Valores: RIGHT o LEFT--Alinea a un lado especifico de la página, y todo el texto se justifica al lado de la imagen. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineamiento vertical de la imagen. VSPACE="..."--Especifica el espacio entre el borde de la imagen y los items encima o debajo de ella. HSPACE="..."--Especifica el espacio entre el borde de la imagen y los items a la derecha e izquierda. WIDTH="..."--Especifica el ancho de la imagen. Si el tamaño no coincide con el original se ajusta. HEIGHT="..."--Igual al anterior pero con la altura. <MAP atributo>...< /MAP> Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas. Atributos: NAME="..."--Especifica el nombre del mapa para ser usado después. <AREA atributo1 atributo2>...< /AREA> Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP. Atributos: SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o POLYGON. COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares definen un poligono, y un par de coordenadas y un radio define un Circulo. HREF="..."--Especifica la dirección donde apunta el area del mapa. NOHREF--Indica que esta silueta no apunta a una dirección. TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los siguientes valores: "_blank"--Muestra la dirección en un página en blanco. "_parent"--Muestra la dirección en la pagina que lo invocó. "_self"--Muestra la dirección en la misma ventana. (por omisioón) "_top"--Muestra la dirección en la ventana actual usnado todo el espacio. <MAP atributo>...< /MAP> Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas. Atributos: NAME="..."--Especifica el nombre del mapa para ser usado después. <AREA atributo1 atributo2>...< /AREA> Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP. Atributos: SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o POLYGON. COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares definen un poligono, y un par de coordenadas y un radio define un Circulo. HREF="..."--Especifica la dirección donde apunta el area del mapa. NOHREF--Indica que esta silueta no apunta a una dirección. TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los siguientes valores: "_blank"--Muestra la dirección en un página en blanco. "_parent"--Muestra la dirección en la pagina que lo invocó. "_self"--Muestra la dirección en la misma ventana. (por omisioón) "_top"--Muestra la dirección en la ventana actual usnado todo el espacio. <BGSOUND atributo1 atributo2> (IE) Reproduce un archivo de sonidos en el fondo cuando la página es cargada. Este archivo de sonido puede ser de tipo (.wav or .au) o midi (.mid). Atributos: SRC="..."-- indica el archivo de musica. LOOP="n"-- Indica el numero de veces que se repite. Un valor de "-1" o "INFINITE" indica una reproducción sin interrupción. <MARQUEE atributo1 atributo2>...< /MARQUEE> (IE) Fija un texto que se desplaza por la pantalla. Atributos: ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles son "TOP", "MIDDLE", o "BOTTOM". BEHAVIOR="..."--Indica la forma de presentación "SCROLL" (omisión), "SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se desplaze afuera y adentro , "ALTERNATE" muestra el texto adelante y atras repetidamente. BGCOLOR="..."-- Fija el color de fondo. DIRECTION="..."--Indica la Dirección "LEFT" (omisión) o "RIGHT". HEIGHT="..."-- Fija la altura del texto en Pixels o %. HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto. LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente. SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada display. SCROLLDELAY="n"--Indica el tiempo de espera para mostrar cada texto. VSPACE="n"-- Fija el margen superior e inferior del texto. WIDTH="..."-- Fija el ancho del Marquee en pixels o %. <APPLET atributo1 atributo2> parametros1 parametros2 ... < /APPLET> Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrará en los browser que no soportan JAVA. Atributos: ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM". ALT="..."--Muestra un mensaje cuando el brwoser no puede ejecutar el applet. CODE="..."--Especifica el nombre del applet. CODEBASE="..."--Especifica la dirección de inicio del applet. El directorio donde se encuentra el applet. DOWNLOAD=n--Especifica el orden de descarga de la imagenes. HIGHT="..."--Especifica la altura del applet en pixels o %. HSPACE="n"--Especifica los margenes en espacios fuera del applet en pixels. NAME="..."-- Indica el nombre de un applet (rutina), si hay mas applets en una misma página. VSPACE="n"--Especifica el margen superio e inferior del applet. WIDTH="..."--Fija el ancho del applet en pixel o en %. Parametros: Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos así <PARAM NAME="..." VALUE="..." > <EMBED atributo1 atributo2>< /EMBED> Inserta un objeto multimedia, como un corto de video o sonido, en la página. En los browser modernos se mantiene por compatibilidad. Atributos: AUTOSTART="..."--Especifica si iniciar la ejecución o No."TRUE" o "FALSE". HIGHT="..."-- Especifica el tamañ en pixels o %. LOOP="..."-- Fija el numero de repeticiones. Los valores son "TRUE" o "FALSE". NAME="..."-- Indica el nombre del Objeto, en caso de haber otros en la página. SRC="..."-- Indica la ubicación del archivo. WIDTH="..."--Especifica el ancho donde se mostrará el objeto. <SCRIPT atributo> ...sentencias script ... < /SCRIPT> Encierra el codigo de programación que se ejecuta en la pagina. Para matener compatibilidad los comandos están marcados como cometarios, ( ) Atributos: LANGUAGE="..."--Especifica el elnguaje usado en el script, como "VBScript" Visual Basic Script o "JavaScript" Java Script. b> SRC="..."-- Indica la ubicación del archivo que contiene un script. Se usa si ud. no quiere tener el codigo de programación en la página. <NOSCRIPT> ... < /NOSCRIPT> Muestra todo lo que quiera diferente a codigo de programación. Este comando va dentro del comando SCRIPT. Direcciones (Links): <A atributo="...">...< /A> Cuando se usa con el atributo HREF, el texto o la grafica apunta a otro documento o función. Cuando se usa el atributo NAME, el texto o la grafica identifica el nombre del documento. Atributos: HREF="..."--Especifica la URL (ubicación) al documento señalado. NAME="..."--Especifica el nombre del encadenamiento. onClick="-- Especifica un codigo script cunado se hace click con el mouse. onMouseOver="--Activa un codigo script cuando el mouse está sobre el link. REL="..."-- Especifica una relación Directa. REV="..."--Especifica una relación Inversa. TARGET="..."--Especifica la ventana donde se mostrará la página. El contenido puede ser el nombre de un Frame pre-definido o alguno como sigue: Valores: "_blank"--Carga la página en una ventana en blanco. "_parent"--Craga la página en la ventana del documento que lo llamó. "_self"--Carga la página en la misma ventana. (Omisión) "_top"--Carga la página en toda la ventana, sin importar el frame. TITLE="..."--Especifica una leyenda que aparece cuando se ubica sobre el link, pero que aun no se ha seleccionado. Listas (Lists: ): <LI atributo> Este comando enumera los parrafos como una lista de palabras usando los siguientes sub-comandos: <DIR>,<MENU>, <OL>, o <UL>. Atributos: TYPE="..." --Especifica el tipo de indicador de la lista. Los valores mas comunes son: DISC, CIRCLE, SQUARE, A, a, I, i, 1. VALUE="..."--Especifica el valor asignado a un item. <DIR>...< /DIR> Convierte el texto encerrado por <LI>, en una lista de directorio. <MENU>...< /MENU> Convierte el texto encerrado por <LI>, en una lista de menus. <OL atributo>...< /OL> Convierte al texto encerrado por <LI>, en una lista numerada. Atributos: TYPE="..."--Especifica el tipo de numeracion para el indicador. Un tipo de indicador sería: A, a, I, i, 1. START="..."--Especifica el valor inicial de la numeración. <UL atributo>...< /UL> Convierte el texto encerrado por <LI>, en una lista indicada. Atributos: TYPE="..."--Especifica el tipo de indicador para la lista. Los valores comunes son: DISC, CIRCLE, SQUARE. <DL>...< /DL> Crea una lista definida. Donde, <DT> especifica un termino de la lista y <DD> especifica el contenido del termino. Particiones de Ventanas (Frames): <FRAMESET atributo1="..." atributo2="...">...< /FRAMESET> Define una serie de ventanas que forman una página. Los comandos FRAME, y NOFRAMES van dentro de FRAMESET. El comando FRAMESET se usa como el comando BODY. Se puede incluir un comando BODY dentro del comando NOFRAMES para aquellos browser que no soportan frames. Atributos: BORDER="..."--Indica el ancho (en pixels) del borde alrededor del frame.(Netscape) COLS="..."--Crea el frame como columnas y fija el tamaño de cada columna. El ancho se puede expresar en %, pixels, o en tamaño relativo (*). Por ejemplo, Si usted queire 3 frames de igual tamaño en forma de columna use el atributo COL así: COLS=33%,33%,* FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE) FRAMESPACING="..."--Especifica la separación en pixels entre frames. ROWS="..."--Al igual que COLS especifica frames en forma de filas. Por ejemplo, si desea un pequeño frame arriba de la página y uno grande debajo el atributo ROWS sería: ROWS=15%,* SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". <FRAME atributo1="..." atributo2="..."> Define un frame simple. Atributos: BORDER="..."--Especifica el ancho en pixels del borde alrededor del frame.(Netscape) FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE) MARGINHEIGHT="..."--Especifica los margenes superior e inferior. MARGINWIDTH="..."--Especifica el margen izquierdo y derecho. NAME="..."--Asigna un nombre al frame. NORESIZE--Impide que el usuario cambie el tamaño. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". SRC="..."--Indica el archivo que contiene el frame. <IFRAME atributo1="..." atributo2="...">< /IFRAME> (IE) Define un frame eventual. No necesita el comando FRAMESET. Atributos: ALIGN="..."--Especifica la posicion del texto alrededor del frame. Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y RIGHT. FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE) HEIGHT="..."--Especifica la altura del frame eventual. MARGINHEIGHT="..."--Especifica los margenes superior e inferior. MARGINWIDTH="..."--Especifica el margen izquierdo y derecho. NAME="..."--Asigna un nombre al frame. NORESIZE--Impide que el usuario cambie el tamaño. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". SRC="..."--Indica el archivo que contiene el frame. WIDTH="..."--Especifica el ancho del frame eventual. <NOFRAMES>...< /NOFRAMES> Se utiliza dentro de FRAMESET, cualquier objeto dentro de este comando se ve solo en browsers que no soportan frames. TABLAS <TABLE atributo1="..." atributo2="...">...< /TABLE> Crea tablas compuesta por filas y columnas. Atributos: BORDER="..."--Especifica el ancho del borde alrededor de la tabla. Si se fija en 0, no presenta bordes. BACKGROUND="..."--Usa una imagen para el fondo de la tabla.(IE) BGCOLOR="..."--Fija el color de fondo de la tabla. BORDERCOLOR="..."--Fija el color del borde. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) WIDTH="..."--Especifica el ancho de la tabla en la página. CELLSPACING="..."--Especifica los espacios entre las celdas. CELLPADDING="..."--Especifica los espacios entre la celda y el texto. FRAME="..."--Especifica el borde que se debe mostrar.(IE) Tipos Posibles: VOID--No muestra los bordes exteriores. ABOVE--Muestra el borde encima de la tabla. BELOW--Muestra el borde debajo de la tabla. HSIDES--Muestra los bordes superio e inferior de la tabla. LHS--Muestra el borde de la izquierda. RHS--Muestra el borde de la derecha. VSIDES--Muestra el borde derecho e izquierdo. BOX--Muestra todos los bordes de la tabla. BORDER--Muestra un borde en todos los lados de la tabla. HEIGHT="..."--Especifica la altura de la tabla en la página. RULES="..."--Especifica los bordes internos.(IE) Tipos Posibles: NONE--No muestra los bordes internos. GROUPS--Muestra los bordes como si fueran varias tablas y grupos THEAD, TFOOT, TBODY, y COLGROUP. ROWS--Muestra los bordes entre filas. COLS--Muestra los bordes entre columnas. ALL--Muestra todos los bordes tanto filas como columnas. <CAPTION atributo1="...">...< /CAPTION> Especifica una titulo para la tabla. Atributos: ALIGN="..."--Fija la posición del titulo. los valores usados son:LEFT, RIGHT, BOTTOM, o TOP. <TR atributo1="..." atributo2="...">...< /TR> Especifica los datos en filas de una tabla. Puede encerrar el encabezado y los datos. Atributos: ALIGN="..."--Indica el alineamiento de los datos en la fila. Por ejemplo; LEFT, RIGHT, y CENTER. BGCOLOR="..."--Fija un color de fondo para una fila. BORDERCOLOR="..."--Fija el color del borde de la fila. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. HEIGHT="..."--Especifica el alto de la celda. <TH atributo1="..." atributo2="...">...< /TH> Convierte una celda en encabezado de la tabla. Atributos: ALIGN="..."--Indica el alineamiento de los datos en la fila. Por ejemplo; LEFT, RIGHT, y CENTER. BGCOLOR="..."--Fija un color de fondo para una fila. BORDERCOLOR="..."--Fija el color del borde de la fila. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. HEIGHT="..."--Especifica el alto de la celda. NOWRAP--Previene el truncamineto del texto en la celda. ROWSPAN="..."--Especifica el numero de filas a unir. COLSPAN="..."--Especifica el numero de Columnas a unir. WIDTH="..."--Especifica el ancho de la celda. <TD atributo1="..." atributo2="..."> Se usa dentro del comando TR y define los datos en una celda. Se puede usar el cierre del comando. Atributos: BACKGROUND="..."--Usa una imagen para el fondo de la celda.(IE) BGCOLOR="..."--Fija el color de fondo de la celda. BORDERCOLOR="..."--Fija el color del borde. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) WIDTH="..."--Especifica el ancho de la tabla en la página. HEIGHT="..."--Especifica el alto de la celda. NOWRAP--Previene el truncamineto del texto en la celda. ROWSPAN="..."--Especifica el numero de filas a unir. COLSPAN="..."--Especifica el numero de Columnas a unir. WIDTH="..."--Especifica el ancho de la celda. VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. ALIGN="..."--Especifica el alineamiento horizontal de la celda. Los parametros son; LEFT, RIGHT, and CENTER. <COLGROUP atributo1="..." atributo2="...">(IE) Especifica las propiedades de una o mas columnas. Este comando va despues del comando TABLE. Atributos: ALIGN="..."--Especifica la posición del texto dentro de la columna. Los parámetros son; CENTER, LEFT, RIGHT, BOTTOM, o TOP. SPAN="..."--Indica las colunas donde se aplica. <COL atributo1="..." atributo2="...">(IE) Se usa con el comando COLGROUP, y especifica la propiedad de una columna. Este comando omite cualquier atributo del comando COLGROUP anterior a el. Atributos: ALIGN="..."--Especifica la posición del texto dentro de la columna. Los parámetros son; CENTER, LEFT, RIGHT, BOTTOM, o TOP. SPAN="..."--Indica las colunas donde se aplica. <TBODY>...< /TBODY>(IE) Encierra el cuerpo de la tabla. Este comando es opcional si se usan los comandos THEAD o TFOOT. Util para separar las filas de la tabla de el encabezado y el pie de tabla. <TFOOT>...< /TFOOT>(IE) Encierra las filas que van a ser usadas como pie de tabla. Se usa despues del comando TBODY. <THEAD>...< /THEAD>(IE) Encierra las filas que serán usadas como encabezado. Se usa antes del comando TBODY. Formularios (Forms): <FORM atributo1="..." atributo2="...">.....< /FORM> Especifica un formulario (Form). Estos se usan para enviar información a un servidor. Atributos: ACTION="..."--Especifica la dirección de la acción de salida del Form. Usualmente es la dirección de un archivo CGI. También se puede especificau na dirección de correo. METHOD="..."--Indica el metodo usado para enviar la información. Los valores posibles son: POST o GET. Cuando se usa GET, el servido adjunta los argumentos al final de la dirección fijada en ACTION. Cuando se usa POST, La información es enviada como un formato HTTP. TARGET="..."--Especifica la ventana donde se mostrará la información. El target puede ser un frame previamente definido o uno de los valores siguientes: Valores: "_blank"--Muestra el resultado en un página en blanco. "_parent"--Muestra el resultado en la pagina que lo invocó. "_self"--Muestra el resultado en la misma ventana. (por omisión) "_top"--Muestra el resultado en la ventana actual usando todo el espacio. ENCTYPE="..."--En browser futuros. Especifica el tipo de codificación. <INPUT atributo1="..." atributo2="..."> Especifica un control o un area de entrada del formulario, con el cual la información se enviará al servidor. Atributos: ALIGN="..."--Si el tipo es una imagen, especifica el alineamiento del texto alrrededor de la imagen. Por ejemplo: TOP, MIDDLE, BOTTOM, LEFT, o RIGHT. CHECKED--Usar este atributo en una caja de tipo RADIO o CHECKBOX, y será preselecionado cuando se cargue el formulario. MAXLENGTH="..."--Especifica el máximo número de caracteres en la caja de entrada. NAME="..."--Especifica el nombre del contro o la caja de entrada. (Parte de la información) SIZE="..."--Especifica el tamaño del texto que se muestra en la caja de entrada. SRC="..."--si es una imagen, especifica la ubicación de la imagen. VALUE="..."--Especifica el valor que se enviará con el nombre correspondiente de la información. Especifica el texto por omisión (TEXT). Para RESET y SUBMIT, especifica el texto que se mostrará en el boton tipo 3D. TYPE="..."--Especifica el tipo de control. Valores: CHECKBOX--Crea una caja de chequeo (checkbox). Si el usuario la selecciona, Se envía la información correspondiente al servidor. HIDDEN--No se muestra nada, pero la información es enviada de todas maneras. PASSWORD--Crea una linea de entrada tipo texto, la información aparece representada por * (No se permite visualizar). RADIO--Crea una lista de Botones de selección (radio) de los caules solo uno se puede selccionar. Las alternativas pueden tener el mismo nombre, pero pueden tener valores diferentes. RESET--Crea un boton 3D que borra el contenido del formulario. Se puede asignar un nombre diferente a RESET con el atributo VALUE. SUBMIT--Crea un botón 3D que envía el formulario. IMAGE--Al igual que el tipo SUBMIT, puede enviar un formulario inmediatamente cuando el usuario seleccione la imagen. Junto con la información normal, cuando se envía seleccionando la imagen, las coordenadas del punto de selección (en pixels desde el punto superior izquierdo) se envían tambien. La coordenada X se envía como ".x" junto a la coordenada Y ".y" al lado del nombre. TEXT--Crea una caja de entrada. Se puede especificar el tamaño con el atributo SIZE. <SELECT atributo1="..." atributo2="...">< /SELECT> Crea una lisat desplegable (drop-down). Los elementos de la lista se definen con OPTION dentro del comando SELECT. Atributos: MULTIPLE--Especifica que se pueden seleccionar multiples valores. NAME="..."--Especifica el nombre de la lista. SIZE="..."--Especifica cuantos elementos serán visibles. <OPTION value="...">item Especifica un elemento (Item) en la lista. Cualquier texto puede ser colocado dentro de este parametro. VALUE="..."--Especifica el valor que se retornará. (Parte de la información). SELECTED--Señala al item o elemento pre-seleccionado cuando se cargue la lista. <TEXTAREA atributo1="..." atributo2="...">...< /TEXTAREA> Crea una caja de netrada de varias líneas. Cualquier texto dentro de este comando se muestra como el valor por omisión. Atributos: COLS="..."--Especifica la longitud del texto. ROWS="..."--Especifica el numero de líneas. NAME="..."--Especifica un nombre a la caja de entrada. WRAP="..."--Especifica si el texto se truncará. Los valores posibles son "HARD", "SOFT", o "NONE". Ajustar página al tamaño de la pantalla: <style type="text/css">  </style> Caja con datos: <script language="javascript" type="text/javascript" src="//t7.auriq.com/asp/aq_tag.js"> </script> <script language="javascript" type="text/javascript"> var myrtw_display = "ON"; var myrtw_url = "AUTO"; var myrtw_width = 162; var myrtw_height = 281; var myrtw_toppagecount = 3; var myrtw_toppagescroll = "ON"; var myrtw_defaultview = "7DAY"; var myrtw_defaulttab = "rppv"; var myrtw_tabs = "rppv-sekey-seref-allref-co"; var myrtw_extra = ""; var myrtw_name = "tabs"; var myrtw_key = ""; var aqid = "MFU39GC4URSZJEWA7CNA"; aq_tag(); </script> <script language="javascript" type="text/javascript" src="http://myrt.auriq.com/widget/widget.php?a=tabs"> </script> Cajita con días: <center> <script languaje="JavaScript"> mesarray=new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio","Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"; diaarray=new Array( "Domingo","Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"; hoy = new Date(); dias = hoy.getDate(); dia = hoy.getDay(); mes = hoy.getMonth(); mes=mesarray[mes]; dia =diaarray[dia]; anno = hoy.getYear(); if (anno <200) anno = anno+1900; document.write('<TABLE WIDTH="60" height="60" BORDER="2" BGCOLOR="#FFFFFF"><TR><TD><CENTER>'); document.write('<FONT SIZE="2" COLOR="#000000"> <B>'+mes+'</B></FONT><br>'); document.write('<FONT SIZE="1" COLOR="#000000">'+anno+'</FONT><br>'); document.write('<FONT SIZE="4" COLOR="#000000" FACE="Arial"><B>'+dias+'</B></FONT><br>'); document.write('<FONT SIZE="1" COLOR="#000000">'+dia+'</FONT><br>'); document.write('</CENTER></TR></TD></TABLE>'); </script> Búsqueda en Google:  <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Búsqueda Google"> </td></tr></TABLE> </FORM> </center>  Cursor convertido en una mira: <style type="text/css">  </style> Penalización por hacer click derecho: <script language="Javascript"> zaehler=0; function right(e) { if (navigator.appName == 'Netscape'){ if (e.which == 3 || e.which == 2){ alert("Aqui no puedes utilizar el botón derecho del mouse"; for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks."; zaehler+=10; alert("¡La proxima vez que lo hagas será peor!"; return false;}} if (navigator.appName == 'Microsoft Internet Explorer'){ if (event.button == 2 || event.button == 3){ alert("Aqui no puedes utilizar el botón derecho del mouse"; for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks."; zaehler+=10; alert("¡La proxima vez que lo hagas será peor"; return false;}} return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; // --></script> Plantilla IceBlue Negra: <style type="text/css">  </style> Conjunto de reloj café y reloj digital: <center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "0022-brown.swf";obj.TimeZone = "GMT-0500";obj.width = 135;obj.height = 135;obj.wmode = "transparent";showClock(obj);</script> <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5012-black.swf";obj.TimeZone = "GMT-0500";obj.width = 151;obj.height = 50;obj.wmode = "transparent";showClock(obj);</script> Cajita de “cargando página” (Esta va en la caja de “texto por encima de la pantalla”) <center> <div ID="waitDiv" style="position:absolute;left:380;top:280;visibility:hidden"> <center> <table border=0 cellpadding=0 cellspacing=0 width="250"><tr><td bgcolor="#000000"> <table cellpadding=2 cellspacing=1 border=0 width="100%"><tr><td bgcolor="#48409A"> <center><font color="#F9E78C" face="Verdana, Arial, Helvetica, sans-serif" size="3"><b>Cargando la página...</b></font><

Habilitar Cmd simbolo de sistema desde el bloc de notas

InfoporAnónimo7/26/2011

En este tutorial vamos a explicar con lujo de detalle como habilitar el simbolo del sistema (habilitar cmd) desde un archivo de registro con extension de archivo .REGVamos al granoPASO #1 – Para HABILITAR CMDAbre el bloc de notas (notepad) y copias y pegas las siguientes lineas.Windows Registry Editor Version 5.00[-HKEY_CURRENT_USERSoftwarePoliciesMicrosoftWindowsSystem]“DisableCMD”=dword:00000001PASO #2Guarda el archivo con extencion de archivo .REG y ejecutas el archivo con doble clic y por ultimo reinicias si llega a ser necesario.NOTA: SI no sabes guardar un archivo con otra extencion lee el siguiente articulo: http://exgoe.com/guarda-otra-extencion-archivo.html NOTA: Si cualquiera de estos metodos no funcionan Puedes probar la siguiente solucion alternativa para habilitar cmd:COMO ALTERNATIVA A LOS PASOS #1 Y #2 . Para habilitar cmd Descarga y ejecuta el siguiente archivo de registro. Y al final reinicias si llega a ser necesario. http://exgoe.com/mis-reg/ed34abilitarCMD.reg Espero hayas sido capaz de habilitar cmd

Del Html al XHTML

InfoporAnónimo5/31/2011

Del HTML al XHTML Si queremos que nuestros sitios se vean bien hoy y en el futuro en cualquier navegador (forward compatibility), es más, en cualquier tipo de plataforma o dispositivos, una buena opción en migrar nuestras web basadas en HTML a XHTML. El HTML es un lenguaje de formato o de marcado definido por el SGML, que provee el marco para el manejo del hipertexto independientemente de los dispositivos utilizados. Cuando, en epocas tempranas de la web, El HTML fue desarrollado por Tim Berners-Lee para el intercambio de documentación científica, brindaba las herramientas mínimas e indispensables basándose en un sencillo set de tags para dar formato a los textos para su mejor comprensión. Fue por ello que el tag table fue concebido para presentar datos en forma tabulada y no para maquetar un diseño, el tag p era para delimitar los párrafos y no para generar espacios, y así un monton de cosas. Lo que pasó es que el éxito de la web fue tremendo, entre 1994 y 2001 internet sufrió una gran expansión comercial que provocó la pérdida de la integridad de los documentos a través de la creación de extensiones del lenguaje que pudieran dar formato a los requerimientos de los clientes en cuanto al diseño estético de sus sitios. Podemos imaginar facilmente que la especificación del HTML 2.0 delineada allá por 1995 quedó un poco estrecha, fue por ello que el HTML también evolucionó aportando cada vez más herramientas a los diseñadores y programadores de páginas hasta llegar al que conocemos hoy, el estándar HTML 4.01. Sin embargo estos estándares se encuentran relegados, por no decir que nadie les presta atención la web que conocemos es un agujero negro de información sin un patron semántico que nos permita rescatar ordenar y catalogar de forma usable el valioso contenido de sus páginas regadas a lo largo de su red. Hace tiempo que el W3C, es conciente de este problema y ha delineado un par de acciones para la concresión de la tan ansiada Web Semántica. Por ejemplo recomienda la transición del HTML al XHTML el cual es considerado como el siguiente escalon en la evolución del hipertexto ya que vuelca al diseñador en el camino del XMLsin alejarlo de la sintaxis familiar del HTML. El XHTML reformula la sintaxis del HTML para convertirse en una aplicación XML, sumandole a las características del primero, como lenguaje de marcado, las de ser un lenguaje de contenido por lo que al pasar a XHTML estaríamos pisando terrenos de XML. Pero... ¿Qué ventajas claras posee el XHTML sobre nuestro viejo amigo el HTML? Para comenzar la información dentro de un XHTML es portable y legible por todos los sistemas que utilicen XML como estandar, esto también implica que la información es accesible. XHTML permite la creación de tags propietarios que complementan los ya definidos en XHTML para enriquecer la información que se está presentando. XHTML permite de una forma más terminante la separación entre contenido y formato a partir de la utilización de las CSS para maquetar, dejandole a los tags del XHTML un papel de mayor contenido semántico. por ejemplo podemos utilizar los siguientes tags para realzar el significado de su contenido: em: enfatizar el contenido cite: para delimitar citas de autores acronym: delimita las siglas y aporta su significado abbr: marca una abreviatura code: enmarca códigos como por ejemplo cuando queremos mostrar un código de programación A la hora de crear un documento XHTML tenemos que tener en cuenta que: Los documentos XHTML deben incluir una declaración de "tipo de documento". El código debe estar en minúsculas. Los valores de los atributos deben ir entre comillas. Los tags no vacíos deben tener ser acompañados por su tag de cierre. Los tags vacíos deben llevar terminación. Los tags deben estar anidados ordenadamente Los valores de atributos iguales sin variantes no pueden ser simplificados. Existen elementos obligatorios. Mayor información pueden encontrarla en XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) Hasta la próxima.