clarkent01

estas mentirillas me las encontre de casualidad , navegando por la internet y me llamaron tanto la atencion que , decidí compartirlas con ustedes amigos taringueros.. frases que las muy Put.. de las mujeres nos dicen y nosotros como pende... nos las creemos.. y hoy dia empiezo una revolucion contra las mujeres.. conste.. a mi me gustan las mujeres.. pero lo que no me gusta son sus mentiras bueno empesamos Soy virgen: Bueno... o lo era.. hace algunos años.. pero es como si lo siguiera siendo.. solo lo intente una vez y... no se pudo... que con cuantos lo hice? solo con uno... creo... a ver...claro solo con uno! y no te estoy diciendo que solo fue una vez y no se pudo! ay! que mal pensado eres! Te creo y confío en ti: Que tienes una reunion de urgencia en el trabajo? justo un sabado en la noche? y que llegaras a medianoche o tal vez mas tarde? anda mi amor, como vas a arriesgarte a perder tu trabajo? confio en que llegaras a tiempo y bien (inserte aqui sonrisa de niña buena) Nota mental: Te estare llamando cada cinco minutos basura! ah! y lo que no sabes es que tengo apuntados los numeros de tu secre, de tu jefe, de ese pata al que no le caes del trabajo, asi que estes donde estes yo lo sabre... anda no mas pero desde ya te digo.. ya te jodiste conmigo. Estoy Agotada: Estoy agotada.. cansada.. pero .. de TI! asi que si llego tarde es que estaba tan pero tan cansada que sali con mi amiga y su enamorado y oh! casualmente traera otro amigo.. y descansaremos un rato en una disco de moda, despues no me digas nada que estare de tan mal humor que me ire a descansar... Me gustaste desde que te vi: Desde que vi la forma considerada con la que pagabas las cuentas de tus amigos en la cafeteria... es que eres tan generoso... y .. me gusto.. mm.. a ver... mm... este.. mmm... tus manos! si.. eso.! tus manos son tan varoniles.. tan ... te has hecho la manicura?...mm... digo tan delicadas! tan limpias! tienes las uñas mas bonitas que las mias.. :S No soy celosa: Quien te llamo? una amiga... mm.. y como se llama?.... Barbara Deborah Candela?... mmm .. que "curioso" nombre... a ver pasamela? que no quieres pasarmela??? porque?? que escondes?? yo?? si kieres agarra mi celular no hay NADA! aló??? señora.. como esta? nada... este.. mm... este chico que me juega una broma! no me dijo que era Ud.. como esta suegrita?? Eres el único: Eres el mas graaaaaaaande, el mas experimentado.. el mas cariñoso... el mas atento... el que lo hace mejor... el unico al que amare en mi vida.... aló??? (un momento amorcito) hola? Edward? como estas mi vida? yo? aqui. sola! si tu sabes que eres el mas graande, el mas lindo, el mas guapo, el mas rico... no hay nadie mas como tu ... Nunca he fingido un orgasmo: Esa vez? cual vez? si cuando estoy contigo me olvido del mundo que no recuerdo que si grite, llore o me dormi.. digo.. me rei ... A cualquiera le puede pasar: ya.. shu shuuu... asi es la vida.. a veces pasa... shh.. sh... este.. mm.. a que hora te vas?? .. digo.. shu.. shu... ya ... un momento, aló? Edward? tienes algo que hacer mas tarde? El dolor de cabeza Acompañado de "yo también me muero de ganas, pero este dolor me está matando", o cambiar el malestar por "estoy en esos días complicados, tú sabes". Aunque por alli escuche alguna vez a alguna chica que contó que una vez le tocó un tipo con complejo de vampiro en pleno Halloween. Esta mentira me gusta mucho Es mi amigo, somos casi hermanos ah.. y es gay Recuerdo a la mejor amiga de mi ex, cuando la conocimos y el susodicho se quedo bokiabierto por la microfalda que usaba, ella le dijo: "Para mi eres una mujer más, asi que quitame esos ojos de encima que de nada servira" si cuñada! claro.. y tanto asi fue una mujer para ti que con una puta mentira hiciste que nuestra relacion acabe... claro .. ajá.. mira como te creo.. Claro, siempre hay un buddy fuck, al que llamas en caso de emergencia, viene, hace su trabajo y se va... ESOS amigos si valen la pena ... Por el momento no pienso tener novio, prefiero dedicarme a estudiar Traduccion: no me interesas, estas feo, estas gordo o simplemente no me atraes... en la universidad hay alguien que si y asi una serie de estupideces.. Yo no soy como las demásnaa... cuando veo un vestido lindo digo: "le queda lindo pero a mi me quedaria MEJOR!" Este hijo es tuyoete....next! con eso no se juega... o si? Te voy a amar hasta que me mueraEs decir, hasta que muera esta relacion Empecemos desde ceroIntenta olvidar lo que hice... por fis... estaba mal.. no recuerdo lo que hacia... En este momento te iba a llamarAhorita estaba marcando tu fono... cual era.. lo apunte por algun lado.. mmm... me lo vuelves a dar? Solo salí 5 minutos a la tienda con mi mamáCreo que fueron tres! ay ! que desesperado eres! Soy niña de familiaEso dice mi familia... y es que no sabe mas alla de mi Estaba borracha, no sabía lo que decíaEn SERIO! como era el dicho? los borrachos y los niños siempre dicen la ... digo! siempre no saben lo que dicen xD Le caes muy bien a mi papáLa verdad te kiere pero te kiere ver leeeeeejos de mi. Me imagino casada contigoQue me compres el depa... que me amuebles todo... que tenga LA boda.. puedes pagarla, verdad? Fue una prueba de mi amorjajaja! eso aun existe?? Eres lo mejor que me ha pasadojaaaaaaaaaaa!! a todos les dices lo mismo... igualito se la creen yo odio que juegen conmigo. que dicen ustedes? comenta si tenes alguna experiencia.. con estas put...s ando despechado amigos.. jejeje por eso el post..saludos a la que hizo la lista.. nos hace un favor reiterando lo que siempre digo.. las mujeres son unas puts..

En esta ocacion te cuento cosas que talvez no sabias de la farandula Mundial.!! espero te guste algo sobre Florencia Peña comentarios fuera de lugar seran eliminados!!

Vivimos días en los que Sarkozy quiere una Ley Hadopi para todo el mundo. Vivimos días en los que partidos políticos y ministros como Sinde quieren dejarnos sin descargas. Vivimos días en los que Google comienza a discrimar contenido proveniente de BitTorrent obligado por lobbies que nada tienen que ver con la ciudadanía ni la cultura. Así que para estos tiempos particularmente oscuros, tiempos de lucha en la red contra esas distintas formas de poder, quiero presentarles PirateBox: la caja pirata, o como la define su creador: un dispositivo autocontenido de colaboración móvil y de intercambio de archivos al estilo P2P. Simplemente enciéndelo para transformar cualquier espacio en una red libre y abierta para el intercambio de archivos. link: http://www.youtube.com/watch?v=XeIiFKnKPjE nspirado por los movimientos en pro de la cultura libre y las radios pirata, el artista David Darts utiliza software libre y abierto (FLOSS) para crear redes inalámbricas de cajas pirata para el libre y anónimo intercambio de imágenes, vídeo, audio, y demás contenido. Luego de observar el vídeo, tal vez se pregunten cuáles son sus características, dónde se obtiene, o mejor aún, cómo hacer uno por su cuenta. Veamos los detalles: PirateBox contiene un servidor Debian que ejecuta un ligero servidor web creado con Python, a su vez conectado a un ruteador inalámbrico que incluye el firmware libre DD-WRT Linux. Para usarla simplemente hay que presionar el botón de encendido, momento en el que la caja se convierte en el epicentro de una fiesta de intercambio P2P —entre personas, no hay que olvidarlo— de archivos, donde todos suben y todos descargan, donde (idealmente) todos comparten. Pueden usarla en el autobús, la biblioteca, el parque y, sí, también en un Starbucks. La PirateBox está diseñada para ser privada y segura; intenta mantener el anonimato de sus usuarios: no les pide login ni lleva un registro de su actividad. De hecho, la PirateBox no está conectada a Internet. Todos los interesados son libres de copiar, imitar, distribuir, mejorar o transformar —aquí está la guía— una PirateBox sin tener que pagar a David Darts por algún derecho de copia. La caja pirata está licenciada bajo la Free Art License, un verdadero dispositivo copyleft, perfecto para ser un propósito de cultura libre. PirateBox guarda relación con proyectos como Dead Drops —P2P en el mundo real— que alguna vez reseñamos. El objetivo último de estos proyectos es exponer in situ que el P2P es natural, puede estar en cualquier parte y que, esencialmente, compartir no es robar. dijo:http://wiki.daviddarts.com/PirateBox_DIY A mi me interesa yo inmediatamente salgo a comparme la mia

Como crear una red en Windows 7? Pasos previos: 1 - Instalación de todos los drivers de las diferentes tarjetas de red que tengamos, routers, cableado, conectarlo al wireless, etc... 2 - Poner clave al ordenador, ya que de lo contrario, no podremos acceder a los documentos compartidos, al menos a mí, no me dejaba hasta que puse una clave de inicio de sesión. - Una vez hecho estos dos pasos, comenzamos a configurar la red local. - Nos vamos a Equipo, clic derecho sobre el icono y le damos a propiedades tal y como está en la foto. - Ahora vamos a cambiar las configuraciones por defecto que había para poner las nuestras, incluído el Grupo de Trabajo para poder usar diferentes sistemas operativos en la red local. - Ahora nos vamos a Inicio/Panel de Control y seleccionamos “Redes e Internet”, más adelante clickeamos en “Grupo Hogar”. - si anteriormente no habíamos configurado la contraseña de red nos saltará este error, fácilmente solucionable. Al conectarnos a la red de internet, Windows nos pregunta qué donde estamos, si Red Doméstica, Red de Trabajo o en una Red Pública, si seleccionamos red pública ocurrirá ésto: - Y para solucionarlo clickeamos en la pregunta que indico en la captura y seguimos las instrucciones. - Una vez configurado correctamente como “Red Doméstica” o “Red de Trabajo”, aparecerá la siguiente pantalla: - Clickeamos en siguiente y nos aparecerá ésta otra: - Procedemos a cambiar la clave por una que recordemos mejor. - En esta parte ustedes colocan la contraseña de su gusto no la de la imagen ya que son imagenes de ADSLzone - Con las opciones por defecto no hay que tocar nada más, no obstante, si quieres ver las distintas opciones, o incluso que no haya que meter ni clave ni nada (como Windows XP) lo podemos hacer. - Aqui recomiendo dejar todas las casillas de verificacion activas, Ademas dejemos activado el uso compartido con protección por contraseña. - Una vez hecho todo, ya deberíamos poder acceder desde otros ordenadores al equipo y viceversa. reinicia el ordenador y listo Recuerda que para acceder desde otros sistemas operativos que no sean Windows 7, meteremos nombre de usuario y contraseña del equipo de Windows 7 al que vamos a acceder. Y aqui termino espero que les aya servido este minitutorial ya que a mi recien me sirvio y no sabia como hacerlo en w7 asi que quise compartirlo con ustedes.

HECES FECALES Las heces son los desperdicios sólidos producidos por los seres vivientes como producto final de la digestión. Las heces son los restos de los alimentos no absorbidos por el tubo digestivo así como células del epitelio intestinal que son descamadas en el proceso de absorción de nutrientes, microorganismos, así como otras sustancias que no son capaces de atravesar el epitelio intestinal. Caracteristicas de las heces Fecales Las heces grasas de color claro pueden indicar una alteración pancreática, y unas heces de color negro pueden sugerir un exceso de bilis. Unas heces de color amarillento indican que el paciente sufre una infección conocida como Giardiasis Las heces amarillentas puede ser el llamado Síndrome de Gilbert. Esta enfermedad está condicionada por brotes de ictericia y de hiperbilirubinemia Esta afección ocurre cuando hay un exceso de bilirrubina en la sangre las heces pueden ser negras Esto pasa si hay sangre coagulada presente en el aparato digestivo que deriva de un sangrado anterior. Es posible que el pediatra de su hijo le pida que recoja muestras de heces para descartar o diagnosticar diversas afecciones, como: una alergia o proceso inflamatorio, por ejemplo, como parte de la evaluación de la alergia a la proteína de la leche en un lactante una infección, como las provocadas por algunos tipos de bacterias o virus, o una infestación parasitaria en el tubo digestivo otros problemas digestivos, como la malabsorción de ciertos azúcares, grasas u otros nutrientes pérdidas de sangre en el interior del tubo digestivo En el intestino humano viven muchos microorganismos que son necesarios para el proceso digestivo. No obstante, a veces el intestino se infecta con bacterias o parásitos nocivos que pueden provocar diversos trastornos, como ciertos tipos de diarrea sanguinolenta. En tales casos, probablemente será necesario examinar las heces al microscopio, cultivarlas y hacer otras pruebas para ayudar a esclarecer la causa del problema. Enfermedades diarreicas ¿Qué son? Las enfermedades diarreicas son infecciones del tracto digestivo ocasionadas por bacterias, virus o parásitos, cuyo principal síntoma es la diarrea. Esto es, la deposición 3 o más veces al día de heces sueltas o líquidas. Las diarreas son más frecuentes en verano debido al clima que favorece la diseminación de las bacterias que las provocan. Con las altas temperaturas, aumenta el riesgo de deshidratación. Por eso en caso de diarrea es importante acudir al médico y no automedicarse, ya que puede ser el síntoma de enfermedades como el cólera. Hay tres tipos clínicos de enfermedades diarreicas: - la diarrea acuosa aguda, que dura varias horas o días, como en el caso del cólera. - la diarrea con sangre aguda, también llamada diarrea disentérica o disentería - y la diarrea persistente, que dura 14 días o más. Nota Importante: La mayoría de las personas que fallecen por enfermedades diarreicas en realidad mueren por una grave deshidratación y pérdida de líquidos. Los niños malnutridos o inmunodeprimidos son los que presentan mayor riesgo de enfermedades diarreicas potencialmente mortales. De hecho, las enfermedades diarreicas son la segunda mayor causa a nivel mundial de muerte de niños menores de cinco años. ¿ Como se Trasmiten ? Existen diversos aspectos que pueden facilitar la transmisión de las enfermedades que la provocan: Infección Malnutrición Fuente de agua Otras causas : Las enfermedades diarreicas pueden también transmitirse de persona a persona, en particular en condiciones de higiene personal deficiente ¿Cuál es el tratamiento? Entre las medidas clave para tratar las enfermedades diarreicas cabe citar las siguientes: - Solución de sales de rehidratación oral (SRO): en caso de no existir deshidratación o de que ésta sea moderada, o fluidos intravenosos en caso de deshidratación severa o estado de shock. - Complementos de zinc: los complementos de zinc reducen un 25% la duración de los episodios de diarrea y se asocian con una reducción del 30% del volumen de las heces. - Alimentos ricos en nutrientes: el círculo vicioso de la malnutrición y las enfermedades diarreicas puede romperse continuando la administración de alimentos nutritivos —incluida la alimentación exclusiva con leche materna durante los seis primeros meses de vida — durante los episodios de diarrea, y una vez que los niños están sanos. ¿Qué hacer ante la presencia de diarrea? - Consultar al médico o acudir a un centro de salud lo antes posible. - Administrar líquidos abundantes para prevenir la deshidratación. - En caso de bebés y niños pequeños, no interrumpir nunca la lactancia. Ahora les mostrare como es el proceso digestivo Como todos sabemos el ser humano es omnívoro y consume alimentos que no son de difícil digestión. Su aparato digestivo es similar al de otros vertebrados de características similares. La digestión bucal La digestión gástrica La digestión intestinal La absorción La egestión Y como ven nuestro organizmo hace un trabajo sumamente complejo referente a la comida en comparacion con otras funciones. Entonces seamos concientes y cuidemos nuestra alimentacion y nuestra higiene. link: http://www.youtube.com/watch?v=SHfUJjNZFQQ Si te gusto Recomienda el post y sigueme

Hola amigos les traigo la segunda parte de este curso de HTML sencillo como les prometi! aqui les pongo la primera parte para los que no lo an visto lleven la secuencia ya que son 4 partes bueno empezamos.. http://www.taringa.net/posts/apuntes-y-monografias/15776262/Curso-Facil-De-HTML-primera-PArte_-Entra-_-ilustrado-_.html Indice 17 - Lista de definiciones ( <dl> ) Como su nombre lo indica se utiliza para asociar un término y la definición del mismo. El navegador se encarga de destacar y separa el término y su definición. Crearemos una lista con la definición de varios lenguajes de programación: Como podemos observar intervienen más marcas que en los otros dos tipos de listas. Las marcas que encierran a la lista son <dl> (Definition List) y </dl> Ahora debemos poner a pares estos dos elementos <dt> (Definition Term) y <dd> (Definition Description) El navegador se encarga de hacer el sangrado del contenido del elemento dt Para recordar los nombres de estas marcas HTML: <dl> viene de definition list <dt> viene de definition term <dd> viene de definition description 18 - Listas anidadas. El lenguaje HTML nos permite insertar una lista dentro de otra. Se pueden anidar listas de distinto tipo, por ejemplo podemos tener una lista no ordenada y uno de los item puede ser una lista ordenada. Para el anidamiento de listas solo debemos tener cuidado en la correcta apertura y cerrado de las marcas Implementaremos una página que enumere una serie de paises en una lista ordenada y luego en cada pais dispondremos una lista de hipervínculos de periódicos de dicho pais: Se puede insertar en un elemento li una lista como podemos ver: <li>Argentina <ul> <li><a href="http://www.lanacion.com.ar">La Nación</a></li> <li><a href="http://www.clarin.com.ar">Clarín</a></li> <li><a href="http://www.pagina12.com.ar">Página 12</a></li> </ul> </li> 19 - Tabla ( <table><tr><td> ) El objetivo fundamental de las tablas es mostrar una serie de datos en forma ordenada, organizado en filas y columnas. Algo importante es que no utilizaremos las tablas para organizar la página completa (esto se hace en la actualizad mediante CSS, es decir hojas de estilo. Para la creación de una tabla intervienen una serie de elementos: <table> Es la marca de comienzo de la tabla. Este elemento requiere la marca de cierre. <tr> Es la marca de comienzo de una fila. Esta marca debe estar dentro del elemento table. Este elemento requiere la marca de cierre. <td> Es la marca de comienzo de una celda. Esta marca debe estar dentro del elemento tr. Este elemento requiere la marca de cierre. Para recordar el nombre de estos elementos HTML: <table> <tr> viene de table row que significa fila de la tabla. <td> viene de table data que significa dato de la tabla. La mejor forma de entender y dominar este concepto es implementar tablas y ver su resultado dentro del navegador. Confeccionemos una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra: Lo primero que aparece es la apertura del elemento table, donde inicializamos la propiedad border con el valor 1, con esto el contorno de cada celda será visible (pruebe de asignarle el valor cero y otros valores superiores a 1) <table border="1"> Seguidamente viene la apertura de la primer fila de la tabla con el elemento tr: <tr> Continuamos con la apertura de la primer celda de la primer fila de la tabla: <td> Luego el dato propiamente dicho de la celda: India Cerramos la celda: </td> Abrimos la proxima celda: <td> Disponemos el valor de la celda: 1300 millones Cerramos la celda: </td> Ahora cerramos la primer fila de la tabla: </tr> El mecanismos de la siguiente fila es similar a la primera. 20 - Tabla con encabezado ( <th> ) La primer característica que le vamos a agregar a una tabla son las celdas de encabezado. Normalmente la primer fila de una tabla puede representar los títulos para cada columna. Para indicar que se trata de una celda de encabezado utilizamos el elemento <th> en lugar de <td> El navegador representa distinto las celdas de datos y las celdas de encabezamiento. Confeccionemos el mismo problema del concepto anterior pero agregando un título a cada columna de la tabla mediante celdas de encabezamiento: Si observamos el código de la página para indicar que se trata de una celda de tipo encabezado utilizamos el elemento th: <tr> <th>Paises</th><th>Cantidad de habitantes</th> </tr> El elemento th debe estar contenido entre las marcas <tr> y </tr>, es decir pertenecen a una fila. Para recordar el nombre de este nuevo elemento HTML: <th> viene de table header cell que significa celda de encabezado de tabla. 21 - Tabla con título ( <caption> ) Para disponer un título a una tabla debemos incorporar el elemento caption inmediatamente después que abrimos la marca table. El elemento caption requiere la marca de apertura y cierre. Dispongamos un título a nuestra tabla con la población de distintos paises: Como podemos observar la marca caption está inmediatamente después que se abre la marca de comienzo de la tabla: <table border="1"> <caption>Población de los paises con mayor cantidad de habitantes.</caption> <tr> Para recordar el nombre de este nuevo elemento HTML: <caption> significa título. 22 - Tabla y combinación de celdas. En algunas situaciones se necesita que una celda ocupe el lugar de dos o más celdas en forma horizonzal o vertical, para estos casos el elemento td o th dispone de dos propiedades llamadas rowspan y colspan. A estas propiedades se les asigna un valor entero a partir de 2. Si queremos que una celda ocupe tres columnas luego inicializamos la propiedad rowspan con el valor 3: <td colspan="3">Facturación de los últimos tres meses</td> Si por el contrario queremos que una celda se extienda a nivel de filas luego hacemos: <td rowspan="3">Secciones</td> Veamos un ejemplo empleando el concepto de combinación de celdas: Veamos como definimos la primer fila de la tabla: <tr> <th rowspan="4">Recursos</th><th colspan="4">Facturación de los últimos tres meses</th> </tr> Como podemos observar la primer celda la expandimos hacia abajo 4 casilla y la segunda celda la expandimos hacia la derecha en 4 celdas. Cuando tenemos que disponer las celdas de la segunda fila debemos tener en cuenta que la primera está ocupada. Luego el código es: <tr> <td>Discos Duros</td><td>23000</td><td>27200</td><td>26000</td> </tr> 23 - Contenido de la cabecera de la página ( <title> ) Hasta ahora habíamos dispuesto la cabecera vacía, ya que casi toda la información que disponemos en ella no se visualiza en el navegador. La única excepcion corresponde al elemento title. El elemento title nos permite definir el título que aparecerá en la barra del navegador (es decir en la parte más alta de la ventana) Siempre debemos buscar un título lo más significativo en cuanto a lo que muestra la página. Veamos una simple página que muestre un mensaje y contenga un hipervínculo a una segunda página que muestre otro título: 24 - Contenido de la cabecera de la página ( <meta> ) Un elemento que no se visualiza es el meta, que tiene por objetivo especificar información sobre el propio documento. Veamos las dos propiedades fundamentales de la marca meta y los valores más comunes con lo que podemos inicializarlos: <meta name="nombre de la propiedad" content="valor de la propiedad"> Name almacena el nombre de la propiedad y content el valor de la propiedad. No existe ninguna especificación de la W3C que defina los valores posibles para el atributo name, si bien existen algunos que son estandares de facto (description, keywords, author etc.) Veamos las propiedades y valores más comunes <meta name="keywords" content="html, programación, webmaster"> Los buscadores tienen en cuenta los metadatos. Si en la página inicializamos la propiedad name del elemento meta con el valor keywords luego buscará en la propiedad content las distintas palabras claves más representativas para dicha página. Esto es muy útil para posicionar nuestra página según el contenido que provee. Veamos otras inicializaciones del elemento meta: <meta name="description" content="El objetivo de este tutorial es presentar los conceptos básicos de HTML. Es objetivo prioritario respetar los estándares del W3C"> En este caso especificamos una descripción de la página, pudiendo ser del sitio si se trata de la página principal. <meta name="author" content="Diego Rodriguez"> <meta name="copyright" content="Interpolacion inc."> 25 - Comentarios dentro de una página <!-- --> Un comentario es un texto que solo le interesa a la persona que desarrolló la página, el navegador ignora todo el contenido que se encuentra dentro de esta marca. Los comentarios son muy útiles para el desarrollador de la página. Uno deja anotaciones para facilitar el mantenimiento del sitio. Además hay que tener en cuenta que puede ser otra persona la que desarrolle en otro momento el mantenimiento de las páginas que desarrollamos nosotros. Lo que para uno puede ser muy obvio a otro desarrollador puede no ser tan obvio. Otro uso muy habitual cuando estamos desarrollando la página si queremos deshabilitar una parte del código podemos encerrarla entre los caracteres de comentarios. La sintaxis para definir un comentario es: <!-- Aquí va el comentario --> Es obligatorio luego del caracter de menor < disponer el signo de admiración y los dos guiones seguidos. Cerramos el comentario con dos guiones y el signo de mayor > Confeccionaremos un página donde emplearemos comentarios: Un comentario puede abarcar varias líneas: <!-- comentarios - comentarios - comentarios comentarios - comentarios - comentarios comentarios - comentarios - comentarios comentarios - comentarios - comentarios comentarios - comentarios - comentarios comentarios - comentarios - comentarios comentarios - comentarios - comentarios comentarios - comentarios - comentarios --> De todos modos hay que tener en cuenta que cuando un navegador pide la página a un sitio el servidor envía el archivo HTML completo, es decir con los comentarios. Los comentarios consumen ancho de banda del servidor. 26 - Sintaxis para caracteres especiales. Posiblemente hasta ahora no se a preguntado como disponer dentro de una página los caracteres: < y >. Veremos que no los podemos disponer directamente ya que el navegador los confudiría con los caracteres que se utilizan para las marcas HTML. La solución es utilizar otra sintaxis para dichos caracteres, veamos los más utilizados: < &lt; > &gt; & &amp; " &quot; &nbsp; //Espacio en blanco. © &copy; € &euro; Es decir la sintaxis es disponer un ampersand seguido de un nombre significativo (por lo menos para los que entienden ingles) y finalmente un punto y coma. Para ver su funcionamiento mostraremos la siguiente ecuación: 10+x*y < 12*z pagina1.html 27 - Formulario - <form> Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor. Es el medio ideal para registrar comentarios del visitante sobre el sitio, solicitar productos, sacar turnos etc. De todos modos veremos que el lenguaje HTML solo tiene el objetivo de crear el formulario. El HTML no tiene la responsabilidad de registrar los datos en el servidor, esta actividad está delegada a un lenguaje que se ejecute en el servidor (PHP, ASP, ASP.Net, JSP etc.) Como este curso nos concentramos solamente en el lenguaje HTML no veremos como registrar los datos en el servidor. Si recien comienza en el mundo del desarrollo de páginas web es recomendable primero aprender y conocer todos los elementos para la creación de formularios en HTML y en un paso posterior estudiar la registración en el servidor Veamos la sintaxis básica para crear un formulario donde ingresemos nuestro nombre. Para crear un formulario debemos utilizar el elemento form, que tiene marca de comienzo y fin. Dentro de la marca form veremos otros elementos para crear botones, editores de línea, cuadros de chequeo, radios de selección etc. Confeccionaremos un formulario para el ingreso de nuestro nombre y un botón para el envío del dato ingresado al servidor: Veamos detenidamente la estructura de un formulario elemental, lo primero la apertura de la marca form donde debemos definir dos propiedades (action y method): <form action="/registrardatos.php" method="post"> La propiedad action se inicializa con el nombre de la página que procesará los datos en el servidor. Como no conocemos la sintaxis de un lenguaje de servidor almacené en la raiz de este sitio una página codificada en PHP que recibe los datos del formulario y los imprime en una nueva página (recordar que en este curso no se ve como programar en el servidor) Todo los formularios que implemento y los que usted implementará como ejercicios deben llamar a esta página: "/registrardatos.php" más adelante cuando conozca un lenguaje de servidor podrá almacenarlos en una base de datos, consultar otros datos, modificar datos existentes etc. La segunda propiedad que debemos inicializar es method. Esta propiedad puede almacenar únicamente dos valores (post o get) Normalmente un formulario se envía mediante post (los datos se envían con el cuerpo del formulario) En caso de utilizar get los datos se envían en la cabecera de la petición de la página, utilizando el método get estamos limitados en la cantidad de datos a enviar, no asi con el método post. Ahora veamos el cuadro de texto donde se ingresa el nombre: Ingrese su nombre: <input type="text" name="nombre" size="20"> <br> El mensaje "Ingrese su nombre:" es un texto fijo. El elemento input permite definir un cuadro de texto (editor de línea) si asignamos a la propiedad type el valor "text". Todo cuadro de texto debe inicializar la propiedad name con un nombre para el cuadro de texto. Este es un dato fundamental para poder recuperar el dato ingresado en el servidor (por ejemplo mediante PHP) Por último inicializamos la propiedad size con el valor 20, esto significa que el cuadro de texto se dimensiona para permitir mostrar 20 caracteres (no se limita la cantidad de caracteres a ingresar por parte del visitante sino la cantidad de caracteres que se pueden visualizar) Seguidamente: <input type="submit" value="enviar"> También mediante el elemento input definimos un botón para el envío de datos al servidor. Debemos inicializar la propiedad type con el valor submit, con esto ya tenemos un botón para el envío de datos. La propiedad value almacena la etiqueta que debe mostrar el botón. Finalmente cerramos el formulario: </form> 28 - Formulario - input type="text"/ input type="password" En el concepto anterior vimos como implementar un formulario básico. Veamos ahora con más detenimiento el elemento input. Este elemento hemos visto que nos permite definir cuadros de texto y botón para subir los datos al servidor. Ahora veremos que también podemos definir cuadros para el ingreso de una clave y botones para borrar el contenido de todos los controles del formulario. Confeccionaremos un formulario que solicite el ingreso del nombre de un usuario y su clave: Veamos la sintaxis nueva para definir un cuadro de texto para el ingreso de una clave: <input type="password" name="clave" size="12"> Utilizamos el mismo elemento input pero inicializamos la propiedad type con el valor "password", con esto logramos que cuando el visitante ingrese la clave se visualicen asteriscos en lugar de los caracteres que tipeamos. Luego para definir un botón que permita borrar todos los datos ingresados hasta el momento lo hacemos mediante: <input type="reset" value="borrar"> Es decir inicializamos la propiedad type con el valor "reset", con esto sabe el navegador que cuando dicho botón sea presionado debe borrar todos los controles de ingreso de datos de dicho formulario. Otra cosa que hay que tener en cuenta que la propiedad name de cada elemento input debe tener un nombre distinto (esto debido a que en el servidor se lo rescata a partir de este nombre) 29 - Formulario - textarea El elemento de tipo textarea nos permite el ingreso de varias líneas a diferencia del cuadro de texto (input/text) Es muy utilizado cuando queremos ingresar un comentario de una longitud de caracteres grande. Confeccionemos un formulario para que un visitante pueda ingresar su nombre, su mail y un comentario del sitio, empleando para este último dato a ingresar un elemento de tipo textarea: La sintaxis para definir un área de texto para el ingreso de múltiples líneas es: <textarea name="comentarios" rows="5" cols="60"></textarea> Es un elemento que requiere una marca de comienzo y una de finalización. Además de tener la propiedad name similar a los otros elementos relacionados a formularios tiene dos propiedades llamadas rows y cols. Estas dos propiedades indican la cantidad de filas y columnas que visualiza el área de texto. 30 - Formulario - input type="checkbox" El elemento checkbox es otro control que se puede insertar en un formulario. Un checkbox es una casilla de selección que puede tomar dos valores (seleccionado/no seleccionado) Para ver su funcionamiento implementaremos un formulario que solicite el ingreso del nombre de una persona y 4 elementos de tipo checkbox para que seleccione los lenguajes de programación que conoce: Veamos la sintaxis para definir controles de formulario de tipo checkbox: <input type="checkbox" name="java">Java<br> Como vemos también utilizamos el elemento HTML input, donde inicializamos la propiedad type con el valor checkbox. Un control checkbox no muestra texto, solo una casilla que el operador puede tildar o destildar. Si queremos que aparezca un mensaje junto al checkbox solo lo agregamos seguido al elemento input. Es importante hacer notar que los caracteres permitidos de la propiedad name son los caracteres alfabéticos y los números siempre y cuando no sea el primero. 31 - Formulario - input type="radio" Cuando tenemos un conjunto de opciones pero solo una puede ser seleccionada debemos emplear controles visuales de tipo radio. Para definir controles de tipo radio también utilizamos el elemento input inicializando la propiedad type con el valor "radio" Veamos un ejemplo del empleo de este control gráfico, supongamos que necesitamos indicar el tipo de estudios que tenemos utilizando controles de tipo radio: Veamos como se definen los controles de tipo radio: <input type="radio" name="estudios" value="1">Sin estudios<br> <input type="radio" name="estudios" value="2">Primario<br> <input type="radio" name="estudios" value="3">Secundario<br> <input type="radio" name="estudios" value="4">Universitario<br> Como podemos observar todos tienen el mismo valor en la propiedad name, con esto se logra que cuando seleccionamos uno se deseleccione el actual. El valor que se rescata en el servidor es el dato almacenado en la propiedad value. Si queremos disponer varios grupos de controles de tipo radio debemos definirles a cada grupo la propiedad name nombres distintos. 32 - Formulario - select (cuadro de selección individual) El elemento select es un cuadro de selección. Este elemento HTML nos permite seleccionar una opción entre un conjunto. Veremos en el concepto próximo que según como la configuramos podemos seleccionar varias opciones. Veamos con un ejemplo como crear un control de tipo select. Confeccionemos un formulario que solicite cargar el nombre de una persona y el pais donde vive, este último elemento mediante un control de tipo select permitir seleccionar el pais. El archivo pagina1.html es: Veamos la sintaxis para crear un cuadro de selección, primero abrimos la marca select la cual tiene definido la propiedad name: <select name="pais"> Luego sin cerrar el select definimos tantos elementos de tipo option como opciones tendrá el cuadro de selección: <option value="1">Argentina</option> <option value="2">España</option> <option value="3">México</option> El elemento option define el texto a mostrar y en la propiedad value indica el valor a enviar al servidor en caso de estar seleccionada dicha opción. Luego de definir todas las opciones de nuestro cuadro de selección cerramos la marca select: </select> Una variante gráfica de este control es inicializar la propiedad size del elemento select con un valor distinto a uno, con esto creamos un cuadro de selección que muestra simultáneamente varios elementos (de todos modos solo uno se puede elegir) Es decir que con la propiedad size solo logramos un cambio estético del control. Es todo por ahora..Regresare con la tercera parte del tutorial Sigueme para enterarte de mis post y Recomiendame a tus seguidores si te gusto mi post y si te parecio util Dejame unos puntines XD http://ktrachito12.blogspot.com/

La canción "Bohemian Rhapsody " de Queen es "mejor que el sexo" para los británicos y "Sexual Healing " de Marvin Gaye les ayuda a "animarse", según los resultados del estudio "La ciencia detrás de la canción " publicados hoy. La investigación, realizada para Spotify por el psicólogo musical Daniel Müllensiefen de la Universidad de Londre s, busca examinar la relación entre la música, el amor y la seducción , para lo que se entrevistó a 2.000 personas en Reino Unido con edades comprendidas entre 18 y 91 años. El resultado son un conjunto de listas con las canciones que mejor acompañan una cena para dos, una pista de baile, el sexo o bien ayudan a ponerse a tono, donde la leyenda Marvin Gaye se erige como triunfador. Su tema "Sexual Healing" ocupa el primer lugar de la lista "Las 20 mejores canciones para animarse" mientras que su "Let's Get it On " es la favorita en una cena romántica. Müllensiefen explicó que "la música es capaz de activar las mismas zonas de placer del cerebro que la comida o el sexo " y, para uno de cada tres encuestados, "Bohemian Rhapsody" lo consigue incluso en mayor medida. La lista de "Las 20 canciones mejores que el sexo", encabezada por el tema de Queen, concede la plata a "Sex On Fire" de Kings of Leon y el bronce a la balada de Robbie Williams "Angels". El psicólogo señaló que el éxito de estas "obras maestras épicas" reside en su capacidad de "superar nuestras expectativas musicales" e ir "por un camino diferente". Ya en el dormitorio, tanto los británicos como las británicas apuntaron a la banda sonora de "Dirty Dancing" como la música más excitante, una lista en la que se encuentra también un tema clásico, el "Bolero" de Ravel. El estudio revela también que más del 40 por ciento de las personas afirmó que la música que escucha mientras mantiene relaciones sexuales tiene más probabilidad de estimularles que el tacto o la sensación del cuerpo de su pareja. Canciones para escuchar mientras se tiene sexo 1. Banda sonora de Dirty Dancing 2. Marvin Gaye- "Sexual Healing" 3. Ravel - "Bolero" 4. Berlin - "Take My Breath Away" 5. Barry White - "Anything From his Collection" 6. Marvin Gaye - "Let's Get It On" 7. Righteous Brothers - "Unchained Melody" 8. Celine Dion - "My Heart Will Go On" (banda sonora de Titanic) 9. Serge Gainsbourg - "Je T`aime" 10. Whitney Houston - "I Will Always Love You" 11. Aerosmith - "Don't Want To Miss A Thing" 12. Kings Of Leon - "Sex on Fire" 13. Rodgers & Hammerstein - "Sound of Music" 14. Tchaikovsky - "1812 Overture" 15. Banda sonroa de Grease 16. Donna Summer - "I Feel Love" 17. Boyz II Men - "I'll Make Love To You" 18. ABBA - "Mamma Mia" 19. Tom Jones Sex Bomb 20. Banda sonora de Star Wars es todo amigos , espero que las tomen en cuenta al momento de tener relaciones.. yo en lo personal escucho Aerosmith - "Don't Want To Miss A Thing" cuidence mucho y hasta la proxima.

Truco bien sensillo fijate bien primero vamos al explorador. obvio no ?... luego vamos a la barra de direcciones. Ahora viene lo interesante. ahi donde se queda el punto vas y pones una ( M ) justo ahi luego seria asi. https://m.facebook.com/ y finalmente queda asi Espero les haya gustado hasta la proxima

Hola amigos les traigo la Cuarta parte de este curso de HTML sencillo como les prometi! aqui les pongo la primera, segunda y tercera parte para los que no lo an visto lleven la secuencia ya que con este post completamos todo el tutorial. bueno empezamos.. para ir a ver los anteriores post click en la imagen correspondiente. .::Primer Tutorial::. .::Segundo Tutorial::. .::Tercer Tutorial::. Indice 49 - Frames - Asignación de medidas en píxeles En los ejemplos anteriores definimos las medidas de los frames en porcentajes: <frameset cols="20%,80%"> Cuando lo indicamos en porcentajes al redimensionar la ventana del navegador el tamaño de los frame se redimensiona en forma proporcional. Hay situaciones donde queremos que un frame no se redimensione, por ejemplo que el frame de la izquierda donde ubicaríamos un menú de opciones siempre permanezca inalterable. Esto lo logramos indicando un valor absoluto para dicho frame. Veamos un ejemplo donde definimos 3 frames dividiendo la ventana en tres columna. Luego queremos que el frame de la izquierda y la derecha tengan medidas inalterables, para esto lo definimos de la siguiente forma: <frameset cols="200,*,200"> Veamos que significa el asterisco para la segunda columna. Como sabemos una ventana puede redimensionarse y las tarjetas gráficas tienen distintas resoluciones en píxeles (640x480, 800x600, 1024x768 etc.), con esta sintaxis indicamos que la primer columna ocupe siempre 200 píxeles, lo mismo la tercer columna, pero la segunda tendrá un ancho de los píxeles que restan (es decir el ancho de ventana menos 400) Veamos la solución: pagina1.html pagina2.html pagina3.html pagina4.html Veamos algunas variantes para utilizar el asterísco: La primer columna es de 200 píxeles y los píxeles restantes se destribuyen entre el segundo y tercer frame. <frameset cols="200,*,*"> Con esta sintaxis los píxeles que restan luego de aplicar los 200 píxeles del primer frame se asignan 2/3 partes al frame central y 1/3 al frame de la derecha. <frameset cols="200,2*,*"> Podemos mezclar las unidades de medida. Con esta sintaxis el 50% corresponde al frame central, 200 píxeles al frame de la izquierda y los píxeles restantes se asignan al frame de la derecha. <frameset cols="200,50%,*;> 50 - Frames - Propiedades del elemento frame Hasta hora hemos utilizado y definido las propiedades para la marca de inicio del elemento frame: -src -name Otras propiedades que pasaremos a ver, comprender y probar su funcionamiento son: noresizeEsta propiedad no requiere que se le asigne un valor. Si se encuentra presente el frame no podrá ser redimensionado con el mouse por el visitante del sitio. Por ejemplo si disponemos un menú de enlaces en un frame ubicado a la izquierda es muy probable que definamos la propiedad noresize ya que poca utilidad tiene agrandar o contraer esta región de pantalla. frameborderEsta propiedad puede tomar los valores 1 o 0. Por defecto un frame aparece con borde es decir esta propiedad por defecto tiene el valor 1. Si queremos que el borde no aparezca debemos inicializarla con 0. Hay que tener en cuenta que por más que los bordes no existan si se puede redimensionar el frame con el mouse. Los valores posibles de esta propiedad son: "auto","yes","no". Por defecto está inicializada con el valor "auto". El valor auto significa que el navegador decide si se debe mostrar la barra de scroll. La mostrará solo si algún contenido del frame no se ve. Si definimos el valor "yes" estamos indicando que siempre debe estar visible la barra de navegación y por último si asignamos el valor "no" estaremos indicando que nunca debe aparecer la barra de navegación para dicho frame. Resolvamos el siguiente problema: Confeccionar una ventana con dos frame verticales. No permitir redimensionarlos y no mostrar el borde de los frames. Hacer que el frame de la derecha siempre muestre la barra de desplazamiento. pagina1.html pagina2.html pagina3.html 51 - Frames - Anidamiento de frameset El lenguaje HTML nos permite definir un frameset en la ubicación de un frame, esto se logra anidando frameset. Vamos a crear una página que contenga dos columnas. La segunda columna la dividimos en dos filas: Para resolver este formato de página tenemos que plantear los frameset de la siguiente manera: pagina1.html Veamos más detenidamente como hemos creado los frameset, primero el framset externo define en la propiedad cols dos valores <frameset cols="200,*"> Con esto sabemos que estamos indicando que tendrá dos columnas, la primera de 200 píxeles y la segunda del resto de píxeles. Luego debemos definir los frames de las dos columnas. Acá esta la diferencia con los otros frames vistos: <frame src="pagina2.html" noresize> <frameset rows="70,*"> El primer frame lo ocupa el archivo pagina2.html, pero el segundo frame no existe, en su lugar se define otro frameset que inicializa la propiedad rows con los valores 70 y *. Con esto estamos indicando que la segunda columna se divide en dos filas, una de 70 píxeles y la otra del resto de píxeles de la ventana. Las otras tres páginas no tienen nada nuevo: pagina2.html pagina3.html pagina4.html 52 - iframes El HTML dispone de un elemento llamado iframe que permite disponer un frame con el flujo de la página, similar a disponer una imagen en la página. Veamos un ejemplo como disponer este tipo de frame tan particular: pagina1.html Como podemos ver cuando necesitamos agregar el iframe dentro de la página disponemos: <iframe src="pagina2.html" width="400" height="200"> No tiene disponible el navegador la capacidad de iframe </iframe> Le indicamos el ancho y alto que debe tomar el iframe, la ubicación continúa el flujo de la página. La página que muestra el iframe no introduce ningún concepto nuevo: Algunas propiedades útiles aplicables a un iframe: src Archivo a mostrar dentro del iframe. width Ancho en píxeles. height Alto en píxeles. frameborder Podemos asignarle los valores 1 o 0. Si vale 0 el borde no se muestra. scrolling Los valores posibles de esta propiedad son: "auto","yes","no". Por defecto está inicializada con el valor "auto". El valor auto significa que el navegador decide si se debe mostrar la barra de scroll. La mostrará solo si algún contenido del iframe no se ve. Si definimos el valor "yes" estamos indicando que siempre debe estar visible la barra de navegación y por último si asignamos el valor "no" estaremos indicando que nunca debe aparecer la barra de navegación para dicho iframe. name Nombre del iframe si queremos acceder desde otra página. Por ejemplo si queremos actualizar su contenido desde un enlace ubicado en otra página. 53 - Declaración DOCTYPE. Hasta ahora no hemos hablado de un concepto de vital importancia que es la utilización de elementos HTML estándares. De todos modos no hemos introducido elementos HTML propietarios o desaprobados (ej. font, center etc.) Utilizar en lo posible las directivas de este comite de estándares nos traerá como ventanja que nuestras páginas en un futuro sigan viendose correctamente en las nuevas versiones de navegadores. Ahora introduciremos una nueva sección de nuestra página que es la declaración del tipo de documento (DTD Document Type Declaration), esta sección se ubica en la primera línea del archivo HTML, es decir antes de la marca html. podemos declararla como: Declaración transitoria: Declaración estrícta: Veamos la sintaxis para definir la sección del DOCTYPE, la primera diferencia con cualquier otro elemento HTML es que el caracter siguiente del < es el signo de admiración (!), luego debe ir la palabra DOCTYPE indicando que se trata de un archivo HTML. Más adelante debemos indicar la versión de HTML y si se trata de HTML transitorio o estricto: Si es HTML transitorio disponemos: "-//W3C//DTD HTML 4.01 Transitional//EN" Si es HTML estrícto "-//W3C//DTD HTML 4.01//EN" Es decir que cuando es HTML estricto no disponemos la palabra Transitional Por último se define la dirección de internet donde se encuentra un archivo que enuncia los elemento y propiedades permitidos en el HTML 4.01, discriminando entre HTML estricto y transitorio. Porqué utilizar HTML transitional, si lo más correcto sería utilizar HTML estricto? Puede ser que tengamos muchas páginas desarrolladas en el pasado y nos lleve un tiempo hacerlas compatible con el HTML estricto. Pruebe de copiar la siguiente página y verifique si se valida correctamente en la dirección indicada en la línea anterior (copie al textarea de esta página este documento HTML y presione el botón check): .::Click para Validar::. Pruebe de borrar el elemento title, tanto su contenido como las marcas de comienzo y final. Valide nuevamente. Pruebe de borrar la marca <ol> y valide. 54 - Declaración DOCTYPE. HTML Transitional Cuando indicamos que una página utiliza HTML Transitional podemos hacer uso de algunos elementos HTML de presentacion (fuentes, alineamiento, colores), además la ubicación y anidamiento de elementos es más elástico. Veamos si nuestra primer página que desarrollamos pasa la validación HTML Transitional (Agregandole la sección del DOCTYPE): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> PHP - Java - JavaScript - C - C++ </body> </html> Como veras después que lo valides dará un error indicando que faltan datos en la marca head. Como mínimo deberemos agregar el elemento title. Luego la página queda: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Mi primer pagina</title> </head> <body> PHP - Java - JavaScript - C - C++ </body> </html> Ahora prácticamente valida correctamente, solo le falta un meta con la descripción de codificación: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Mi primer pagina</title> </head> <body> PHP - Java - JavaScript - C - C++ </body> </html> Ahora si esta Totalmente correcta 55 - Declaración DOCTYPE. HTML Estricto En el DTD Estricto de HTML 4.01 se excluye los elementos y atributos de presentación que el W3C espera que dejen de utilizarse a medida que se extienda por parte de todos los navegadores el soporte de las hojas de estilo. Los webmaster deben usar el DTD Estricto siempre que sea posible, pero pueden usar el DTD Transicional si es necesario el soporte de elementos y atributos de presentación. Prácticamente todas las páginas que hemos desarrollado debemos hacerle algunos retoques para que cumplan con la validación de HTML estrícta. Veremos varias de las páginas desarrolladas y los cambios que debemos hacer para que pasen la validación: Problema 1:Confeccionar una página que muestre los nombres de 5 lenguajes de programación separados por un guión: <html> <head> </head> <body> PHP - Java - JavaScript - C - C++ </body> </html> Con los cambios para que valide: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Página de prueba del DTD</title> </head> <body> <p>PHP - Java - JavaScript - C - C++</p> </body> </html> Que modificaciones hemos hecho? 1- Definimos el DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2- Agregamos el meta: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 3- Definimos el elemento title: <title>Página de prueba del DTD</title> 4- Definimos el texto de la página dentro de un párrafo (no puede un texto depender directamente del body): <p>PHP - Java - JavaScript - C - C++</p> Problema 2:Confeccionar una página principal que tenga un hipervínculo a otra página secundaria. <html> <head> </head> <body> <h1>Página principal.</h1> <a href="pagina2.html">Noticias</a> </body> </html> Con los cambios para que valide: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Página de prueba del DTD</title> </head> <body> <h1>Página principal.</h1> <p><a href="pagina2.html">Noticias</a></p> </body> </html> Que modificaciones hemos hecho? 1- Definimos el DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2- Agregamos el meta: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 3- Definimos el elemento title: <title>Página de prueba del DTD</title> 4- Definimos el hipervínculo de la página dentro de un párrafo (no puede un hipervínculo depender directamente del body): <p><a href="pagina2.html">Noticias</a></p> Problema 3:Confeccionar un formulario que solicite el ingreso del nombre de un usuario y su clave. Mostrar asteriscos donde se ingresa la clave. Disponer dos botones, uno para el envío de datos al servidor y otro para borrar el contenido de todos los controles (editores de texto) que contiene el formulario. <html> <head> <title>Prueba de formulario</title> </head> <body> <form action="/registrardatos.php" method="post"> Ingrese su nombre: <input type="text" name="nombre" size="20"> <br> Ingrese su clave: <input type="password" name="clave" size="12"> <br> <input type="submit" value="enviar"> <input type="reset" value="borrar"> </form> </body> </html> Con los cambios para que valide: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Página de prueba del DTD</title> </head> <body> <form action="/registrardatos.php" method="post"> <p> Ingrese su nombre: <input type="text" name="nombre" size="20"> <br> Ingrese su clave: <input type="password" name="clave" size="12"> <br> <input type="submit" value="enviar"> <input type="reset" value="borrar"> </p> </form> </body> </html> 1- Definimos el DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2- Agregamos el meta: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 3- Definimos el elemento title: <title>Página de prueba del DTD</title> 4- Definimos todos el contenido del form dentro de un párrafo. No se puede disponer texto o controles de formulario que dependan directamente del elemento form.: <p> Ingrese su nombre: <input type="text" name="nombre" size="20"> <br> Ingrese su clave: <input type="password" name="clave" size="12"> <br> <input type="submit" value="enviar"> <input type="reset" value="borrar"> </p> 56 - Declaración DOCTYPE. para Frames Cuando empleamos frames debemos utilizar una declaración distinta para el elemento DOCTYPE. Luego la sección del DOCTYPE para una página que implementa frames debe ser: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Es decir se incorpora la palabra Frameset donde disponíamos la palabra Transitional o estaba vacía si validamos HTML estrícto. Confeccionar una ventana que contenga dos frames verticales. Dispondremos dos hipervínculos en el frame de la izquierda que al ser presionados actualicen el archivo a mostrar por el frame de la derecha. Pagina1.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>prueba de frames</title> </head> <frameset cols="20%,80%"> <frame src="pagina2.html"> <frame src="pagina3.html" name="ventanadinamica"> <noframes> <p>El navegador no soporta frames</p> </noframes> </frameset> </html> Pagina2.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>prueba de frames</title> </head> <body> <h2>Enlaces.</h2> <ul> <li><a href="pagina3.html" target="ventanadinamica">Enlace 1</a></li> <li><a href="pagina4.html" target="ventanadinamica">Enlace 2</a></li> </ul> </body> </html> Es importante notar que hemos definido la página HTML Transitional, esto se debe a que la propiedad target del elemento "a" no está permitida. Es decir si utilizamos frames deberemos trabajar con HTML Transitional. Pagina3.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>prueba de frames</title> </head> <body> <h1>Página B</h1> <h2>Este es el contenido de página del archivo:pagina4.html</h2> </body> </html> Pagina4.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>prueba de frames</title> </head> <body> <h1>Página B</h1> <h2>Este es el contenido de página del archivo:pagina4.html</h2> </body> </html> 57 - Validación de la página a través de un enlace. La W3C nos permite disponer un ícono como enlace a su validador de páginas HTML: <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Strict" height="31" width="88"></a> </p> Confeccionemos una página y probemos el enlace al validador: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Mi primer pagina</title> </head> <body> <p>PHP - Java - JavaScript - C - C++</p> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Strict" height="31" width="88"></a> </p> </body> </html> Solamente agregamos el párrafo que contiene el hipervínculo al sitio que realiza la validación. Gran cantidad de sitios tienen este ícono o alguno similar para indicar que sus páginas cumplen con el HTML Transitional o estrícto. 58 - Conceptos básicos de hojas de estilo. Creo que este curso de HTML debe finalizar con los conceptos básicos de CSS (Cascade Style Sheet) es decir Hojas de Estilo. En las primeras versiones de HTML se comenzaron a introducir elementos con la finalidad de mejorar la "presentación" del "contenido" de la página. Así aparecieron elementos para definir las fuentes, tamaños, colores, alineamiento de textos y bloques etc. Luego se creo otra tecnología que separa el "contenido" de la "presentación", esta es la de Hojas de Estilo. Con esto quedó perfectamente definido el objetivo de HTML (disponemos contenido) y CSS (definimos la presentación de ese contenido). Veamos la sintaxis para aplicar color de frente y fondo a un elemento HTML mediante CSS: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>título página</title> </head> <body> <h1 style="color:#0000ff">Noticias del día.</h1> <p style="color:#888888;background-color:#ffffdd"> Aquí la descripción de la noticia. Aquí la descripción de la noticia. Aquí la descripción de la noticia. Aquí la descripción de la noticia. Aquí la descripción de la noticia. Aquí la descripción de la noticia. </p> </body> </html> La propiedad que debemos inicializar se llama style y la tienen todos los elementos HTML. En este primer ejemplo inicializamos las propiedades color (define el color del texto) y background-color (define el color de fondo del texto). Cada vez que inicializamos una propiedad debemos separarla de la siguiente por punto y coma. Para definir un color lo debemos hacer indicando la candidad de rojo,verde y azul (color:#0000ff). Los dos primeros números indican la cantidad de rojo (en este caso cero), luego la cantidad de verde (en este caso 0) y por último la cantidad de azul (en este caso ff). Como podemos observar el valor lo debemos indicar en formato hexadecimal. Hasta ahora siempre que disponíamos un título aparecía de color negro. El negro es el estilo por defecto que tiene definido todos los elementos de títulos, si queremos variar dicho valor debemos hacerlo mediante CSS. Las hojas de estilo si son sensibles a mayúsculas y minúsculas, por lo que color no es lo mismo que definir COLOR. Las propiedades que definimos dentro de style deben ir separadas por punto y coma. 59 - Propiedades relacionadas al texto en CSS Vimos en la introducción de CSS la propiedad color. Tenemos otras propiedades relacionadas al texto que paso a enunciarlas: text-align Esta propiedad define el alineamiento del texto y puede tomar alguno de estos cuatro valores: left, right, center,justify text-align:center; El texto aparecerá centrado. Si queremos justificar a derecha, emplearemos el valor right y si queremos a la izquierda, el valor será left. text-decoration Esta propiedad nos permite entre otras cosas que aparezca subrayado el texto, tachado o una línea en la parte superior, los valores posibles de esta propiedad son: none, underline, overline, line-through letter-spacing Esta propiedad permiten indicar el espacio que debe haber entre los caracteres. word-spacing La propiedad word-spacing permiten indicar el espacio que debe haber entre las palabras. text-indent La propiedad indenta la primera linea de un texto. A partir de la segunda línea, el texto aparece sin indentación. Podemos indicar un valor negativo con lo que la indentación es hacia la izquierda. text-transform la propiedad puede inicializarse con alguno de los siguientes valores: none - capitalize - lowercase - uppercase. Cada uno de estos valores transforman el texto como sigue: capitalize: Dispone en mayúsculas el primer caracter de cada palabra. lowercase: Convierte a minúsculas todas las letras del texto. uppercase: Convierte a mayúsculas todas las letras del texto. none: No provoca cambios en el texto. Confeccionaremos el siguiente problema: Confeccionar una página que contenga un título de nivel 2 (h2) centrado y luego bloques donde muestre un nombre de una persona subrayado y un párrafo con un color de fondo y de las letras. Indentar la primer linea de cada párrafo. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>título página</title> </head> <body> <h2 style="color:#0000ff;text-align:center">Comentarios</h1> <h3 style="text-decoration:underline">Luis Barrionuevo</h3> <p style="color:#888888;background-color:#ffffdd;text-indent:20px"> Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. </p> <h3 style="text-decoration:underline">Ana Rodriguez</h3> <p style="color:#888888;background-color:#ffffdd;text-indent:20px"> Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. </p> </body> </html> El título general aparece centrado y de color azul: <h2 style="color:#0000ff;text-align:center">Comentarios</h1> El título donde se define el nombre: <h3 style="text-decoration:underline">Luis Barrionuevo</h3> aparece subrayado. Por último los párrafos: <p style="color:#888888;background-color:#ffffdd;text-indent:20px"> aparecen de color gris oscuro la letra sobre fondo amarillo claro y la primer línea tiene una indentación de 20 píxeles. 60 - Elementos HTML <div> y <span> Estas marcas se utilizan en conjunción con las hojas de estilo. Sin estas tiene poco sentido el empleo de estos elementos HTML. Estos elementos "div" y "span" nos permiten agrupar un conjunto de elementos y aplicar reglas de estilo. La diferencia entre estos dos elementos es que cuando utilizamos el elemento div produce un salto de línea previo y uno al final, es decir es una marca de bloque como lo son h1,h2,p etc. En cambio el elemento span no produce un salto de línea porque se trata de un elemento en línea como lo son a,em,strong,input etc. Veamos un ejemplo creando una división (div) y la aplicación de algunas reglas de estilo, como así un elemento span. Listar una serie de nombres y un bloque de comentarios para cada nombre. Indentar la primer linea de cada párrafo. Hacer que algunas palabras del párrafo aparezcan resaltadas en otro color. Disponer todos los comentarios con un color gris de fondo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>título página</title> </head> <body> <div style="background-color:#eeeeee"> <h3>Luis Barrionuevo</h3> <p style="color:#888888;text-indent:20px"> Aquí <span style="background-color:#eeee00">comentarios.</span> Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. </p> <h3>Ana Rodriguez</h3> <p style="color:#888888;text-indent:20px"> <span style="background-color:#eeee00">Aquí comentarios.</span> Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. </p> </div> </body> </html> Veamos como definimos los elementos span: <span style="background-color:#eeee00">comentarios.</span> Como podemos ver luego en el resultado de la página el texto "comentarios" aparece con un color amarillo de fondo. El resto del párrafo continúa inmediatamente a la derecha, es decir el elemento span no produce salto de línea. Para ver la diferencia con el elemento div pruebe de remplazar la palabra span por div y vea los resultados (recuerde cambiar tanto la marca de apertura como la de cerrado del span) Como verá el texto aparece en un bloque independiente. El div agrupa todos los títulos y párrafos y define la propiedad background-color que es heredado por todos los elementos contendidos por el div: <div style="background-color:#eeeeee"> <h3>Luis Barrionuevo</h3> <p style="color:#888888;text-indent:20px"> Aquí <span style="background-color:#eeee00">comentarios.</span> Aquí comentarios. . . . . Aquí comentarios. Aquí comentarios. </p> </div> 61 - Propiedades relacionadas a las fuentes en CSS Las propiedades relacionadas a las fuentes más importantes en CSS son: font-family Define la fuente que se aplicará al elemento HTML. La fuentes más comunes presentes en los navegadores son: Arial, Arial Black, Courier New, Georgia, Impact, Tahoma, Times New Roman, Verdana font-size Define el tamaño de la fuente. Entre otras medias podemos indicarla en píxeles. font-style Podemos indicar alguno de los siguientes valores: normal, italic, oblique font-weight Entre otros podemos indicar los siguientes valores: normal, bold, bolder,lighter Para probar algunas de estas propiedades confeccionaremos una página que contenga un título de nivel 2 con fuente Arial, un párrafo con fuente de tipo Times New Roman de 14 píxeles en negrita y una serie de párrafos agrupados en un div con tamaño de fuente de 12 píxeles de tipo Verdana: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>título página</title> </head> <body> <h2 style="font-family:Arial">Título principal</h2> <p style="font-family:Times New Roman;font-size:14px;font-weight:bolder"> Párrafo en negrita. Párrafo en negrita. Párrafo en negrita. Párrafo en negrita. </p> <div style="font-family:Verdana;font-size:12px"> <p> Primer párrafo. Primer párrafo. Primer párrafo. Primer párrafo. Primer párrafo. Primer párrafo. </p> <p> Segundo párrafo. Segundo párrafo. Segundo párrafo. Segundo párrafo. Segundo párrafo. Segundo párrafo. Segundo párrafo. </p> </div> </body> </html> Para el título se debe definer una fuente Arial <h2 style="font-family:Arial">Título principal</h2> Para el primer párrofo seguido al título se debe definir una fuente de tipo Times New Roman de 14 píxeles en negrita <p style="font-family:Times New Roman;font-size:14px;font-weight:bolder"> Para el resto de los párrafos agruparlos en un div con tamaño de fuente de 12 píxeles de tipo Verdana <div style="font-family:Verdana;font-size:12px"> 62 - Elementos y propiedades de HTML que no se deben usar Nombraremos los elementos y propiedades de HTML que no se deben usar, ya que sus objetivos actualmente se resuelven utilizando CSS (Hojas de estilo), de todos modos se las encontrará en muchas páginas antiguas y otras no tanto: Elementos Propiedades

Las 10 peliculas Recomendadas para esta Navidad Para que su navidad sean igual de cinéfilas que el resto del año le propongo las diez películas imprescindibles para reír, emocionarse y divertirse juntos en familia en Nochebuena, Navidad, Fin de Año y Reyes. Propuestas de todo tipo: para ver en pareja, amigos o familia; clásicos y novedades de los últimos años; comedia, fantasía, animación y hasta un drama de la Primera Guerra Mundial. Un cóctel mágico para que el espíritu navideño invada también su paladar cinéfilo. Descubre la magia de la Navidad y ten una ¡Feliz Navidad! Home alone ( 1990 ) ¡Qué bello es vivir! (1946) Pesadilla antes de Navidad (1993) el joven manos de tijera ( 1990 ) Feliz Navidad (Joyeux Noël) (2005) Un padre en apuros (1996) Love Actually (2003) Jack Frost (1998) Family Man (2000) Arthur Christmas: Operación regalo (2011) Javier Fajardo: Clarkent01