SALLDICO

Bueno amigos de taringa les traigo un momento de ciencia para aquellos que se interesen se que no a todos les gusta pero es importante aprender algo ------------------------------------------------------------------------------------------------------------------------------------------------------------- SEIS PLANETAS QUE GIRAN ALREVÉS Un equipo de astrónomos suizos ha identificado seis planetas extrasolares que orbitan en dirección contraria a la rotación de su estrella. El hallazgo, presentado en la Reunión Nacional de Astronomía de la Royal Society británica que se celebra esta semana en Glasgow (Escocia), supone un desafío a las actuales teorías sobre la formación planetaria. Hasta ahora se creía que todos los planetas se formaban a partir de un disco compuesto de gas y polvo, conocido como protoplanetario, que gira alrededor de una estrella en su mismo sentido, como ocurre en nuestro sistema solar. No obstante, cuando el Buscador Gran Angular de Planetas (WASP) detectó 9 exoplanetas nuevos y los astrónomos los compararon con una muestra más amplia de otros 27, comprobaron que 6 tenían una \"moción retrógrada\", es decir, que orbitaban en la dirección \"equivocada\", contraria a la estrella. Además, se trataba de exoplanetas del tipo \"Júpiter caliente\" (gigantes gaseosos que orbitan muy cerca de sus estrellas principales), cuyo origen ha constituido un rompecabezas para la comunidad científica. \"Estamos lanzando una auténtica bomba en el campo de los planetas extrasolares\", ha afirmado Amaury Triaud, científico del observatorio de Ginebra y coautor del estudio. ------------------------------------------------------------------------------------------------------------------------------------------------------------- La frase “Houston, tenemos un problema” cumple 40 años “Houston, tenemos un problema”. La popular frase fue pronunciada el 13 de abril de 1970, cuando los tres astronautas de la NASA de la misión Apollo 13, dos días después del despegue, se vieron forzados a abandonar sus planes de hacer el tercer alunizaje tripulado debido a la explosión de los tanques de oxígeno. Las células de combustible que proporcionaban electricidad, agua, oxígeno y luz fallaron cuando los astronautas se encontraban aproximadamente a 320.000 km de distancia de la Tierra. A partir de ese momento su único objetivo fue regresar vivos a casa. El plan de rescate consistió en utilizar el módulo lunar Acuario como bote salvavidas, un proceso que coordinó con éxito desde tierra firme Gene Kranz. La supervivencia de la tripulación del Apolo 13 fue uno de los triunfos más celebrados de los vuelos espaciales estadounidenses del siglo XX. ------------------------------------------------------------------------------------------------------------------------------------------------------------- Hallan un nuevo homínido en Sudáfrica Dos esqueletos parciales fosilizados de una especie hasta ahora desconocida de homínido, con casi dos millones de años de antigüedad, han sido descubiertos en unas cuevas de Sudáfrica. Australopithecus sediba, como ha sido bautizado, arroja nuevos datos sobre una época poco conocida de la evolución humana. \"Estos fósiles nos dan una imagen extraordinariamente detallada de un nuevo capítulo de la evolución del hombre y descorre el velo sobre un periodo crucial durante el cual los homínidos no dependieron más de la vida en los árboles para establecerse en el suelo\", explica Lee Berger, paleoantropólogo de la Universidad de Witwatersrand, en Johanesburgo, y principal autor del estudio, publicado en la revista Science. Los huesos pertenecen a una mujer adulta y un varón de unos 10 años, y fueron encontrados en una caverna en Malapa (Sudáfrica), cerca uno del otro y muy bien preservados. El cerebro del varón, el único cuyo cráneo fue encontrado, tenía un volumen de 420 a 450 centímetros cúbicos, pequeño en comparación con el cerebro humano (1.200 a 1.600 centímetros cúbicos). Los dos homínidos caminaban erguidos y compartían varios rasgos con las primeras especies conocidas de Homo. Sus brazos eran largos como los de los monos, pero con manos cortas y fuertes. Estaban dotados con una pelvis evolucionada, dientes pequeños y largas piernas, que les permitían correr como un humano. También es probable que pudieran saltar entre los árboles. De hecho, el sediba estaba aparentemente cómodo en los dos modos de vida, según Berger. Los dos fósiles tienen de 1,95 a 1,78 millones de años y la estructura de su esqueleto es similar a la de las primeras especies Homo, como la famosa \'Lucy\' (Australopithecus afarensis), de 3,2 millones de años y durante mucho tiempo considerada el ancestro común de la humanidad hasta el descubrimiento de \'Ardi\' (Ardipithecus ramidus), de 4,4 millones de años, que nos acerca más al ancestro común con el chimpancé. Y sus características muestran que la transición entre los primeros homínidos y el género Homo se produjo muy lentamente. ------------------------------------------------------------------------------------------------------------------------------------------------------------- ¿Existe ropa fabricada a base de algas? En 2008 la industria textil peruana anunció que había encontrado un nuevo uso para las algas: utilizarlas para la fabricación de prendas que previenen el cáncer de piel. Los productos elaborados a base de algas marinas y comercializados bajo la marca \"Sombra sana\" aseguran proteger contra la excesiva exposición contra los rayos ultravioleta (UV), que pueden producir desde una insolación hasta melanoma (la forma más grave del cáncer de piel), así como problemas graves de visión. Se trata de gorras, chalecos, riñoneras, tops, ropa interior y bikinis que han sido elaborados con fibras de Gigartina Chamissoi, un alga que bloquea un 99,7% de los rayos ultravioleta. Sus propiedades se mantienen prácticamente intactas incluso después de 20 lavados ------------------------------------------------------------------------------------------------------------------------------------------------------------- La Venus de los volcanes La sonda Venus Express de la Agencia Espacial Europea (ESA) ha revelado una intensa actividad volcánica en el planeta Venus, según un estudio de un grupo internacional de científicos publicado hoy por la revista Science. La actividad de esos volcanes puede aportar pistas sobre la forma en que se ha estructurado la superficie de Venus durante los últimos miles de millones de años, y ayudará a comprender la evolución del clima y de la masa del más cercano vecino de la Tierra. Venus y la Tierra son similares en tamaño y en producción interna de calor, pero ambos han tenido una evolución geológica totalmente diferente. Mientras que el primero es un planeta caliente, el segundo se ha mantenido relativamente frío. Suzanne Smrekar, investigadora del Laboratorio de Propulsión a Chorro de la NASA, ha explicado que la nueva investigación se ha centrado en tres puntos en el hemisferio sur de la superficie venusiana de los cuales surgen columnas de rocas derretidas por las altísimas temperaturas del planeta. De acuerdo con los científicos, de esos tres puntos surgen ríos de lava que emiten una cantidad anormalmente enorme de calor en comparación con los lugares que les rodean. Eso significa que se trata de volcanes recientemente activos cuyos ríos de lava tienen una antigüedad de menos 2,5 millones de años. ------------------------------------------------------------------------------------------------------------------------------------------------------------- Lanzado Cryosat-2, el \"vigilante del hielo\" El 8 de octubre de 2005, la puesta en órbita del satélite Cryosat de la Agencia Espacial Europea (ESA) fracasó por un fallo en un motor del cohete ruso Rockot, precipitando al océano Ártico una joya científica que costó 140 millones de euros. Hoy su sucesor, cryosat-2, ha sido lanzado con éxito a las 15:57 CEST desde el Cosmódromo de Baikonur, en Kazajstán. Su misión será monitorizar las variaciones en el espesor del hielo marino que flota en los océanos polares y en las capas heladas que cubren a Groenlandia y la Antártida. Según la ESA, la nave, de 700 kilogramos de peso, es sin duda \"el satélite más sofisticado jamás diseñado para el estudio del hielo del planeta\". Lleva a bordo el primer altímetro radar en microondas cuyo funcionamiento no depende de las condiciones meteorológicas en la Tierra. Este instrumento ha sido optimizado para determinar las variaciones en el espesor del hielo que flota en los océanos, que puede ser del orden de varios metros, o del de las capas de hielo que cubren las regiones polares, que en la Antártida pueden alcanzar los cinco kilómetros de espesor. De este modo, la misión enviará datos sobre la tasa de variación del espesor del hielo con una precisión de menos de un centímetro. Cambio climático La extensión de la capa de hielo que cubre el océano Ártico ha alcanzado mínimos históricos en los últimos veranos, según recuerda la ESA, lo que demuestra que están ocurriendo \"cambios importantes\" en las regiones polares. La cubierta de hielo del planeta ha sido observada desde el espacio durante años por satélites como Envisat, pero para comprender mejor cómo está afectando el cambio climático a estas regiones \"es necesario poder determinar también cómo varía el espesor del hielo\". Los datos generados por CryoSat-2 proporcionarán a la comunidad científica \"una evidencia firme\" de cómo están evolucionando las masas de hielo de la Tierra, lo que permitirá comprender el papel que juega el hielo en la regulación del clima y del nivel de los océanos. ------------------------------------------------------------------------------------------------------------------------------------------------------------- ¿Cuál es el olor más desagradable del mundo? Aunque es difícil establecer un ranking de hedores, la mayoría de los expertos coinciden en que el olor más desagradable del mundo es el que genera el mercaptano. Se trata de un compuesto sulfurado que genera la materia en descomposición, y que en estado puro emite un \"tufo\" que puede hacernos sentir realmente enfermos. Quienes lo han olido comparan su hedor con el que desprenden los huevos podridos o unos calcetines muy usados. No obstante, este aroma fétido también ha resultado ser útil: añadiendo un derivado, el metilmercaptano, al gas natural se consigue que este combustible, que es inodoro, pueda ser detectado por el olfato humano, alertando de posibles fugas. De ahí que se pueda afirmar que el mercaptano también ha salvado muchas vidas. El mercaptano se añade además a los combustibles de los reactores y a los pesticidas. ------------------------------------------------------------------------------------------------------------------------------------------------------------- Un eclipse que dura 18 meses Un equipo de astrónomos ha descubierto que una estrella muy brillante llamada Epsilon Aurigae y situada a dos mil años luz de la Tierra parece perder parte de su luminosidad cada 27 años durante 18 meses debido a un \"eclipse\". Su estudio se publica hoy en la revista Nature. El oscurecimiento está causado por una nube geométricamente delgada, oscura, densa, pero parcialmente traslúcida, que se coloca cada cierto tiempo en el plano entre la estrella Epsilon Aurigae y la Tierra, haciendo que se vea menos brillante. “Esto realmente muestra que el paradigma básico era correcto a pesar de las pocas probabilidades de tal alineamiento”, ha explicado John Monnier, profesor asociado en el Departamento de Astronomía de la Universidad de Michigan y coautor del estudio. “Me dejó asombrado que hayamos podido capturar estas imágenes. No hay otro sistema como este conocido. Y para más parece estar en una fase rara de la vida estelar. Y todo esto ocurre tan cerca de nosotros. Es extremadamente fortuito”. Esta hipótesis, planteada recientemente, ha podido ser probada gracias a una técnica llamada interferometría, que combina la luz de cuatro telescopios y luego la amplifica. Como resultado se obtiene una imagen 100 veces mayor comparada con la que se logra directamente con el telescopio espacial Hubble. Antes de este instrumento las estrellas se veían como meros puntos de luz aún con los telescopios más grandes. “La interferometría ha hecho realidad la toma de imágenes de alta resolución de objetos distantes”, afirma Fabien Baron, un investigador doctorado en el Departamento de Astronomía que ayudó en el procesamiento de las imágenes para este estudio. “Probablemente ese instrumento resolverá muchos misterios y también nos abrirá nuevos interrogantes ------------------------------------------------------------------------------------------------------------------------------------------------------------- Bueno espero y les aya gustado aunque sea un poquito esto es todo por hoy cada dia habra nuevas noticias pero es dificil de buscar ufff Bye

Bueno primero que nada aclaro que soy mexicano y ps aca se dice que somos corruptos xD ¿SERA VERDAD? No lo se pero lo cierto es este post que e preparado para todos los latinos ejejeje LA CORRUPCION EN MEXICO Y EN LATINOAMERICA xD Bueno aquien no le a tocado ver o estar ante un gran policia amable y sonriente esperando la mordida? Pero bueno a Mexico le gusta estar asi ademas tamos contentos con estos polis, y no solo son los polis si no el gran poder la maxima autoridad los Famosos "POLITICOS" [ align=center] Pero bien y aora las razones por las cuales un policia te trata de sacar dinero 1: POR DISQUE TENER LA LLANTA BAJA ¬¬ (BUENO SIN EXAGERAR xD) 2:SEGUN LOS SUPER POLICIAS TIENEN VISTA DE HALCÓN Y TE PASASTE UN ALTO 3 CUADRAS ATRAS (NI ELLOS SELA CREN ) 3:QUE PORQUE TRAES LA PLACA SUCIA ¬¬ 4:Y SI NO FALTA AL POLICIA QUE SE LE OLVIVO LA TORTA Y TIENE QUE SACAR PARA COMER YA SEA COMO SEA DICIENDO HASTA QUE EL ARTICUOLO 340° (No existe pero haci dicen xD) NO PERMITE TRAER PERSONAS EN EL CAJON. 5:CHE HASTA TE PARAN POR TRAER UNA BICICLETA O CUALQUIER COSA ARRIBA xD Y si sigo nunca acabare mejor paso a otra cosa LOS POLITICOS DICEN QUE EL PAIS ESTA SUVIENDO QUE YA SOMOS MAS FUERTES, SOLO QUIEREN TODO PARA ELLOS ¡¡¡ ESTA SEÑORA NO SE PERO CREO QUE ES DE MALA ESPINA xD Bueno aora si son de otro pais le mostrare los politicos mas sinceros de mexico 1.:NUESTRO QUERIDO PRESIDENTE FELIPE CALDERON QUE EXTINGUIO ALA COMPAÑIA DE LA LUZ Y DEJO SIN EMPLEO A MILLONES DE GENTES, QUE BUEN PRESIDENTE A EL PELONSITO ES NUESTRO PRESIDENTE DE MEXICO SI NO SAVIAN xD 2:.AAA POR SI NO LO SAVIAN MEXICO CONTABA CON 2 PRESIDENTES EL TAN CONOCIDO PEJE EL INIGUALABLE LOPEZ OBRADOR xD "Bueno ellos son los mas conocidos e importantes ajajaja" asi que seria todo mi minipost ta chiko pero conseguire mas informacion espero les aya gustado COMENTEN Y DEJEN COMNETARIO Y creo qu eesto no solo sucede en mexico asi que si les a pasado algo no duden en comentarlo para darle calor a este post GRACIAS¡¡

Bueno espero y este sea el mejor post que are porque me costara jejej aqui vamos taringueros ------------------------------------------------------------------------------------------------------------------------------------------------------------------ HTML ¿QUE ES UN CODIGO HTML? HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,> ) .HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). Por convención, los archivos de formato HTML usan la extensión .htm o .html. HISTORIA DEL HTML La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4. Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas. ELEMENTOS DEL HTML Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento> ) y una etiqueta de cierre (p.ej. </nombre-de-elemento> ) . Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento> ) . Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML. Estructura general de una línea de código en el lenguaje de etiquetas HTML El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada. El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: <strong>enfásis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de Hojas de estilo en cascada. El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a lTARINGA sería de la forma <a href=”es.taringa.org”>taringa</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>. ATRIBUTOS La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img). PRINCIPALES CODIGOS HTML * <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz, por ejemplo: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.taringa.com/TR/html4/strict.dtd"> * <script>: incrusta un script en una web, o se llama a uno mediante src="uri del script" Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript. * <head>: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar: Un ejemplo de código HTML con coloreado de sintaxis * <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana * <link>: para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css"> * <style>: para colocar el estilo interno de la página; ya sea usando CSS, u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link> * <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="" ) cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting. * <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: * <h1> a <h6>: encabezados o títulos del documento con diferente relevancia. * <table>: define una tabla * <tr>: fila de una tabla * <td>: columna de de una tabla * <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.taringa.com">Taringa</a> se representa como Taringa) * <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido * <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imagenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo". * <li><ol><ul>: Etiquetas para listas. * <b>: texto en negrita (Etiqueta desaprobada. Se recomienda usar la etiqueta <strong> ) * <i>: texto en cursiva (Etiqueta desaprobada. Se recomienda usar la etiqueta <em> ) * <s>: texto tachado (Etiqueta desaprobada. Se recomienda usar la etiqueta <del> ) * <u>: texto subrayado La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/" ) tal como se muestra en los siguientes ejemplos: * <table><tr><td>Contenido de una celda<'''/'''td><'''/'''tr><'''/'''table> * <script>Código de un script integrado en la página</script>. NOCIONES BASICAS DEL HTML El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros. Existen además, otros programas para la realización de sitios Web o edición de código HTML, como por ejemplo Microsoft FrontPage, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Macromedia (que adquirió la empresa Adobe) llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que ves es lo que obtienes”). Esto significa que son editores en los cuales se ve el resultado de lo que se está editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si se edita todo en HTML y de pronto se olvida algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se continúa ahí la edición, o viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo. Existe otro tipo de editores HTML llamados WYSIWYM (Lo que ves es lo que quieres decir) que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño Web. HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador. Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<> ) , y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales: * Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vería en su navegador web como negrita. * No pueden abrirse y cerrarse, como <hr> que se vería en su navegador web como una línea horizontal. * Otras que pueden abrirse y cerrarse, como por ejemplo <p>. * Las etiquetas básicas o mínimas son: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.taringa.com/TR/html4/strict.dtd"> <html lang="es"> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html> -------------------------------------------------------------------------------------------------------------------------------------------------------------- BUENO YA QUE CONOCEN LA HISTORIA Y LOS CODIGOS BASICOS VIENE LA PRACTICA Y MI PEKEÑO TUTORIAL QUE LES E PREPARADO TUTORIAL Cómo comenzar un documento HTML Diseñado para principiantes, quienes no hayan escrito nunca un documento HTML manualmente y necesitan saber dónde hacerlo y cómo salvarlo, este tutorial mostrará el proceso para crear un archivo HTML. Aun cuando este proceso no pertenece al lenguaje HTML en sí, intentaremos dar una pequeña idea para aquellos quienes todavía no saben cómo hacerlo. Una vez que has decidido qué extensión usar, puedes elegir un nombre y crear el archivo. El proceso de crear el archivo es una tarea simple que involucra un pequeño conocimiento acerca del sistema operativo en uso. Los sistemas operativos pueden diferir en la forma en que permiten a los usuarios crear archivos pero no mucho. De todos modos, nosotros mostraremos el proceso de crear el archivo en Windows XP, Vista, Windows 7, etc Crearemos un archivo en el escritorio ya que será sólo un ejemplo, pero más tarde puedes considerar una estructura ordenada (lee nuestro tutorial "Organizando un sitio web" para aprender algunas formas de ordenar los archivos en directorios). El primer paso, es hacer un click con el botón derecho sobre el escritorio y seleccionar la opción "Nuevo" y luego "Documento de texto". Esto creará un archivo de texto y automáticamente te dejará ingresar un nombre de archivo. Allí debes poner el nombre de archivo y la extensión elegida (por ejemplo, "example.html" ) . Nota: Para cambiar satisfactoriamente la extensión del archivo de "txt" a "html", necesitarás configurar tu sistema operativo de modo que muestre extensiones. Para lograr esto, abre una carpeta (por ejemplo, Mis documentos), ve al menú "Herramientas" y selecciona la opción "Opciones de carpeta...". Una vez que la ventana de opciones se ha abierto debes hacer click en la solapa "Ver" y quitarle la selección a la casilla de verificación "Ocultar las extensiones de archivo para tipos de archivo conocidos Ahora, el nombre ya ha sido elegido (por ejemplo, example.html) y el archivo creado: estás listo para comenzar a editar este nuevo archivo. Elige un editor y abre tu archivo. Nuestra recomendación es que uses un editor de texto básico. La mayoría de los sistemas operativos modernos proveen editores de texto básicos que puedes usar para editar tus páginas web. También puedes usar otros editores, pero sin agregar formato (por ejemplo, texto en negrita) y salvando el archivo como texto plano solamente. En este ejemplo, usaremos el Bloc de notas de Windows para editar el archivo. Simplemente haz un click con el botón derecho sobre el archivo recientemente creado y selecciona "Abrir con" y luego "Bloc de notas". Esto abrirá el nuevo documento HTML en el editor de texto "Bloc de notas". Ahora estás listo para comenzar a escribir tu página web. En la mayoría de los sistemas operativos modernos puedes ver el documento resultante en tu navegador predeterminado haciendo doble click sobre el archivo. De esta forma, puedes editar y probar tus archivos de una manera muy sencilla. Recuerda que siempre puedes ver el código fuente de una página abriéndola con tu navegador y seleccionando la opción "ver código fuente", usualmente encontrada entre los menúes (por ejemplo, en Internet Explorer puede ser hallada en el menú "ver" como "código fuente" ) . No es recomendable editar los archivos desde aquí a menos que los salves especificando el nombre y la ubicación, dado que estos archivos mostrados por el navegador son archivos temporales difíciles de encontrar TAG Y ATRIBUTOS HTML Tutorial pensado para introducir las bases del código HTML (lenguaje de marcas hipertextual) a usuarios que nunca han escrito un sitio web manualmente. Escribir código HTML es casi como escribir tags, atributos y contenidos. Por esta razón nos enfocaremos en explicar cómo se definen los tags, sus atributos y su contenido. Nota que también estableceremos las reglas para escribir código XHTML (lenguaje de marcas hipertextual extensible). Es posible que encuentres muchos tags, atributos y códigos JavaScript en este tutorial pero ninguno de ellos está debidamente descrito. Esto se debe a que el objetivo del tutorial es enfocarse en la sintaxis general, no en las características de cada tag. Para ver una lista de tags refiérete a esta lista de tags HTML, donde puedes encontrar vínculos a recursos descriptivos acerca de cada tag en HTML, con su respectiva lista de atributos y eventos. TAGS HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los elementos están diseñados para proveer herramientas a los autores y proporcionar información especial que será usada para computar la representación final del mismo. Esto significa que donde un tag es definido en el código HTML, sucederá algo en la representación de ese documento, que puede ser visual o no. Los elementos están compuestos por dos tags: el tag de apertura y el tag de cierre (a excepción de los elementos vacíos cuando el tag de cierre es omitido). Elementos no son tags, elementos son representados por tags en el código, pero son usualmente considerados, de manera errónea, la misma cosa. Aquí tienes un ejemplo básico de un elemento HTML b con ambos tags de apertura y de cierre, y el contenido en el medio: CODIGO =<b>Texto remarcado</b> VISUALIZACION=Texto remarcado Nota: como el tag de apertura está compuesto por el nombre del tag encerrado por los símbolos "<" y ">". Por otra parte, el tag de cierre es declarado exactamente como el tag de apertura pero con una barra antes del nombre del tag. Lo que sea que caiga en el medio es llamado contenido, pero ten en cuenta que no todos los elementos aceptan contenido (elementos vacíos). Cada uno de los 93 tags estándares produce un resultado específico cuando el documento es representado (por ejemplo, el tag HTML b produce texto en negrita) permitiendo a los autores formatear y/o introducir información en los documentos. Cada tag puede tener atributos y eventos que deben ser declarados dentro del tag de apertura separados del nombre y de otros atributos o eventos por un espacio. Su contenido es emplazado entre el tag de apertura y el de cierre. Mira este ejemplo genérico: CODIGO--<nombre_tag atributo1="valor1" atributo2="valor2" ... evento1="funcion1" evento2="funcion2" ...>Contenido</nombre_tag> -------------------------------------------------------------------------------------------------------------------------------------------------------------- EXTRUCTURA DE UN DOCUMENTO HTML Para este tutorial, construiremos una estructura básica de documento que será útil para el desarrollo de las prácticas de los tutoriales siguientes. Para empezar, estableceremos la primera cosa que todo documento debería tener para encajar en los estándares: la declaración del tipo de documento (DTD). En este ejemplo, y debido a que consideramos que es la mejor opción (la última versión que da pocos problemas de compatibilidad con navegadores), construiremos un documento compatible con XHTML. Para ello, primero buscaremos en la referencia para el tag HTML !DOCTYPE, de donde obtendremos la declaración correcta. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.taringa.com/TR/xhtml1/DTD/xhtml1-strict.dtd"> La declaración anterior establecerá que puede hacerse y que no, en nuestro documento. El próximo paso en nuestra práctica es definir el tag html dentro del cual todo el documento será encerrado. Con este tag, también estableceremos dos parámetros: el nombre de espacio XML, mediante el atributo "xmlns", y el lenguaje del documento mediante el atributo "xml:lang" (nota que otros estándares no compatibles con XML, como HTML 4.01, pueden utilizar el atributo "lang" en su lugar). El valor del atributo "xml:lang" puede ser obtenido de esta lista de códigos de lenguaje <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.taringa.com/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.taringa.com/1999/xhtml" xml:lang="es"> </html> Ahora agregaremos dos partes importantes del documento: el encabezado y el cuerpo. Ambos tags, el tag HTML head y el tag HTML body, serán insertados, en ese órden, como contenido del tag html. Aún cuando ambos elementos poseen muchos atributos disponibles, no utilizaremos ninguno de ellos dado que no existe la necesidad en este ejemplo (como en la mayoría de los documentos básicos). Para ahorrarnos pasos agregaremos ambos al mismo tiempo. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.taringa.com/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.taringa.com/1999/xhtml" xml:lang="es"> <head> </head> <body> </body> </html> Desde aquí, simplemente insertaremos un título en el encabezado; el contenido del cuerpo será dejado para tutoriales futuros. Recuerda que el título debe describir de manera breve el contenido del documento. Emplazaremos el título usando el tag HTML title. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.taringa.com/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.taringa.com/1999/xhtml" xml:lang="es"> <head> <title>Ejemplo básico de documento</title> </head> <body> </body> </html> Eso es. La estructura principal para un documento básico ha sido establecida. Este "marco" puede ser reusado para construir otros documentos -------------------------------------------------------------------------------------------------------------------------------------------------------------- VINCULOS EN HTML El tag HTML a puede ser usado para insertar vínculos dentro del contenido de un documento. Esto puede ayudar a los autores a recomendar otros recursos relacionados con el tópico actual, al cual los usuarios pueden, en la mayoría de los casos, acceder simplemente haciendo un click en el contenido vinculado. El contenido vinculado no es otra cosa que el contenido del tag HTML a (o sea, el pedazo de código ubicado entre los tags de apertura y cierre). Nota que los vínculos son usualmente graficados de un modo diferente por los navegadores, lo que ayuda a los usuarios a reconocerlos. Existen muchas maneras de construir un vínculo, pero básicamente debe constar de, al menos, el contenido y la dirección del recurso (definida mediante el atributo "href". En el ejemplo siguiente definiremos un vínculo básico: CODIGO El <a href="http://www.taringa.com/es/reference/tags/a.html">tag HTML a</a> explicado. CODIGO <a href="http://www.taringa.com/es/reference/tags/a.html"> <img src="http://www.taringa.com/es/img/links/button.jpg" width="88" height="31" alt="HTMLquick.com logo" /><br /> tag HTML a </a> Nota el tag de cierre " />" usado en los tags vacíos con el objeto de lograr compatibilidad con el estándar de código XHTML (lenguaje de marcas hipertextual extensible). Al usar texto como contenido de un vínculo (texto ancla) hay otra cosa por considerar: el texto debería describir brevemente (tal como debería un tag HTML title) el contenido del recurso vinculado. Esto queda a consideración de cada autor, pero el uso de vínculos descriptivos puede proveer con información a usuarios y motores de búsqueda (muy importante en la promoción de un sitio). Otra cosa por considerar es que al hacer un vínculo hacia un directorio (no a un archivo, por ejemplo, http://www.taringa.com/es) deberías siempre agregar una barra al final de la URL (por ejemplo, http://www.taringa.com/es/). Aún cuando este problema es resuelto por la mayoría de los navegadores o servidores, es una buena práctica que sumará a la correctitud de tu código. -------------------------------------------------------------------------------------------------------------------------------------------------------------- ORGANIZAR UN SITIO WEB La forma en que se organiza un sitio web depende en gran medida de su tipo y de la forma en que prefieras hacerlo, pero aquí proporcionaremos algunos modelos que puedes usar para organizar tu sitio web y hacer de cada actualización un trabajo más sencillo. Nuestra recomendación es que crees un directorio principal en tu computadora que contendrá a todos los archivos y subdirectorios del sitio, que posteriormente podrás subir tal como está al servidor. La primera cosa en que debes pensar es que poner todos los archivos en el directorio raíz puede resultar acertado para un sitio con 5 páginas y 3 imágenes. Pero si debes manejar 20 páginas y 200 imágenes, ese modelo de organización puede tornarse en un problema serio. De modo que lo que puedes hacer, es comenzar a agrupar los archivos de alguna forma y ubicarlos en diferentes directorios para hacer tu sitio un poco más sencillo de administrar y actualizar. Por ejemplo, digamos que tienes un sitio donde muestras tus ilustraciones: una colección de 5 imágenes diseñadas por ti mismo. Después de pensarlo por un momento, decides que construirás una página para mostrar las imágenes, mas la página de inicio y la página de contacto. Esto suma un total de 3 páginas y 5 imágenes. Como no es mucho, puedes crear esta estructura de directorio que mantendrá a tus archivos bien organizados Así es que, has construido tu estructura de directorios con el directorio raíz y su subdirectorio "img", has puesto todas las imágenes en el directorio "img" y todos los documentos HTML en el raíz. Esto funciona bien por los próximos 6 meses durante los cuales continúas creando más ilustraciones. De pronto tienes 100 imágenes y comienzas a darte cuenta de que la estructura de directorios se vuelve obsoleta habiendo ubicado ya cien archivos en un solo directorio. En este punto, puedes vivir en el desorden o puedes adoptar una nueva estructura de directorios. Por ejemplo, puedes dividir tus imágenes en grupos temáticamente: flores, gente, animales, fantasía y surrealismo. De este modo puedes mostrar todas las imágenes correspondientes a una misma categoría en una sola página (teniendo en cuenta que las imágenes son lo suficientemente pequeñas como para no hacer que la carga de la página dure una eternidad). Ahora puedes poner cada imagen en su directorio correspondiente, lo cual resultará en un promedio de 20 imágenes por directorio. Y estos directorios pueden aún ser subdivididos (por ejemplo, el directorio "animales" puede contener un subdirectorio llamado "aves". Justo cuando estabas feliz con tu sitio, tus amigos vienen a pedirte que les des la oportunidad de mostrar sus trabajos en tu sitio, lo cual te resulta una magnífica idea. Pero nuevamente, ¿cómo organizas toda esta información de manera que no termine convirtiéndose en un desastre? bueno, una buena idea es usar el modelo anterior exactamente como está, pero para cada uno de los artistas que expondrá sus trabajos en el sitio. Esto resultará en un directorio para cada artista conteniendo sus imágenes y documento administrados en subdirectorios. Ahora, puedes continuar agregando y agregando subdirectorios a cada uno de los directorios de los artistas, y combinando estructuras. Nota que esta estructura también puede aplicarse a las secciones de un sitio web en lugar de artistas. Puedes crear la estructura de directorios que mejor te parezca, el objetivo es que te sientas confortable administrando y actualizando los archivos. Una vez que has elegido la estructura de directorios, puedes comenzar a construir los vínculos. Para construir un vínculo necesitas conocer la dirección del recurso al cual vincularás, de manera que puedas rellenar el atributo "href". Antes que nada, debes comprender que el directorio "raíz" será representado en los vínculos por la dirección URL (localizador uniforme de recursos) o directorio principal del sitio. Usando ejemplos genéricos, un directorio raíz puede ser representado por "http://www.midominio.com" si tienes tu propio nombre de dominio, o por "http://www.servidor.com/misitio" si no. Esto convertirá la dirección "raíz/img/imagen1.jpg" en "http://www.midominio.com/img/imagen1.jpg" (si eres propietario del nombre de dominio). Existen dos formas de construir un vínculo: usando URLs completas o usando URIs (identificador uniforme de recursos) relativas (ver Definicion de URI y URL). La forma más simple es usando URL completas. De este modo, simplemente escribes toda la ruta sin tener en cuenta desde dónde estás refiriendo al recurso de destino. Por ejemplo, para referirse al documento con la biografía de Isaac en el tercer ejemplo de estructuras de directorios deberías escribir "http://www.midominio.com/artistas/isaac/bio.html" sin importar desde dónde estás vinculando (es decir, el directorio donde se encuentra el documento conteniendo el vínculo). Esta forma de vincular funciona bien para vínculos hacia recursos externos (Ubicados en computadoras diferentes) o internamente si posees un nombre de dominio propio, que piensas mantener así, pero supone que decides cambiar tu nombre de dominio o cambiar de un servidor gratuito (http://www.servidorgratuito.com/misitio) a uno pago donde puedes tener un nombre de dominio propio (http://www.midominio.com). Puedes ver fácilmente que tendrás que corregir todos los vínculos, reemplazando el nombre de dominio viejo por el nuevo. Para evitar este inconveniente puedes hacer uso de URIs relativas. Una URI relativa es parte de una URL completa, y puede ser considerada como la ruta que debes recorrer (a través de los directorios) para ir desde el documento vinculante hasta el recurso de destino. Para hacerlo más claro, demos unos ejemplos basados en el tercer ejemplo de Estructuras de directorios. Digamos que quieres poner un vínculo a la biografía de Isaac en el documento "artistas.html". Como el documento referente se encuentra ubicado en el directorio "raíz", Comenzaremos desde ahí: Ahora ya tenemos la ruta. La única cosa que nos queda para obtener la URI relativa, es separar todas estas partes con barras, lo que da como resultado: "artistas/isaac/bio.html". Y ahí tienes el valor de "href". Tal vez te estés preguntando: ¿cómo voy hacia atrás? la forma de ir hacia atrás es usando el directorio especial "..", que representa al directorio "padre" de un directorio dado. Así que cuando sea que necesites construir una URI relativa y necesites ir "hacia atrás" al directorio anterior, debes usar el directorio "..". Veamos un ejemplo en el que necesitamos insertar un vínculo en mi biografía apuntando a la biografía de Isaac. Una vez más, como el documento referente está ubicado en el directorio "yo", comenzaremos desde ahí. Después de separar con barras, obtenemos la URI relativa: "../isaac/bio.html". Existen algunas cosas básicas que debes considerar antes de mover los archivos al servidor. La primera es que debes saber cuál de los directorios en tu servidor actúa como "raíz" para toda la estructura pública de directorios (contenedor de los archivos que podrán ser accedidos por el público). En la mayoría de los servidores gratuitos el directorio raíz es fácil de identificar, porque es el directorio superior, lo que significa que no puedes ir mas arriba desde ahí. Pero cuando pagas un servidor, usualmente tiene una estructura de directorios diferente donde el subdirectorio "public_html" actúa como raíz para tu sitio web. De todos modos, si no puedes identificar qué directorio es el "público", deberías pedir soporte al proveedor del servicio. La otra cosa a tener en cuenta es qué archivos son considerados por tu servidor como archivos índice (index). Un archivo índice es aquel que se muestra cuando la petición no especifica ningún archivo (por ejemplo, "http://www.taringa.com/" o "http://www.taringa.com/estacarpeta/" ) . Los archivos índices varían de acuerdo con el servidor pero la mayoría de ellos considera "index.htm" y "index.html" como archivos índice, lo cual es suficiente para comenzar. -------------------------------------------------------------------------------------------------------------------------------------------------------------- BUENO COMPAÑEROS CON ESTO PODRAN CREAR POR LO MENOS UNA PAGINA WEB SE QUE ME FALTAN MUCHOS TEMAS MAS PERO YA SERIA UN POST MUY ABURRIDO SOLO PUSE LO BASICO Y PUES ESPERO COMPRENDAN EL TIEMPO QUE REQUIRIO ESTO xD FELIZ AÑO NUEVO ESPERO ME ALLUDEN A SER NFU TARDE 1 DIA SAVIENDO COMO EXPLICAR ESTE TEMA TAN DIFICIL U.U PORFIS NO OLVIDEN COMENTAR GRACIAS¡¡¡

Bueno amigos, Hoy decidi crear un post con humor de fuckencia y fuckencio xD espero les gusten las viñetas (: BUENO AMIGOS ESTO ES TODO POR HOY, CREARE LA SEGUNDA PARTE EN CUANTO TENGA UN POCO DE TIEMPO, ESPERO QUE LES AYA GUSTADO UNA QUE OTRA VIÑETA ¡¡