Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Itecnor evelin oliva

221 views

Published on

trabajo html
alumna evelin mariela de elon oliva

Published in: Education
  • Be the first to comment

  • Be the first to like this

Itecnor evelin oliva

  1. 1. ITECNOR INFORMATICA DUBLEY OMAR SANDOBAL HTML EVELIN MARIELA, DELEON OLIVA 5TO PERITO EN INDUSTRIA ALIMENTARIA LOS LLANOS DE LA FRAGUA ZACAPA
  2. 2. Que es HTML «HTM» redirige aquí. Para otros usos de la sigla, véase Hágalo usted mismo. HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de laW3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda HTML (HyperText Markup Language) Desarrollador World Wide Web Consortium & WHATWG Información general Extensión de archivo .html, .htm Tipo de MIME text/html Type code TEXT Uniform Type Identifier public.html Tipo de formato Lenguaje de marcado Extendido de SGML Extendido a XHTML
  3. 3. ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web. Elementos 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 (por ejemplo, <nombre-de- elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <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.
  4. 4. El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «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 navegador web han estandarizado el formato de los elementos. Puede aplicarse un formato específico 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>énfasis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalladeberí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 que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma <a href=”http://www.wikipedia.org”>http://www.wikipedia.org</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).8 9 De todas maneras, dejar los valores sin comillas es considerado poco seguro.10 En contraste con los pares nombre- elemento, hay algunos atributos que afectan al elemento simplemente por su presencia11 (tal como el atributo ismap para el elemento img). La evolución es notable y con la llegada de HTML5 se han mezclado muchos términos y desde mi punto de vista lleva a este tipo de confusiones. Me
  5. 5. gustaría aclarar que HTML5 se trata, por un lado, de la evolución de HTML 4.01 (con espacio entre nombre y versión), y por otro, de un nombre comercial, que añade otras tecnologías como CSS y Javascript API, ya que todas ellas no serían posibles sin la especificación de HTML. Es por ello que HTML siempre ha sido un lenguaje de marcado, al cual se le quiso añadir aspectos visuales mediante atributos, pero se corrigió y se comenzó la especificación de CSS para ello. Y puesto que las webs resultaban muy estáticas se vio la necesidad de añadir un lenguaje de programación para añadir funcionalidad y el elegido fue Javascript, un lenguaje prototipado tan válido como cualquier otro. Cada lenguaje tiene sus ventajas e inconvenientes, no por no ser OO es peor que otro, javascript está orientado a prototipos, sabiendo usarlo es igual de potente. Por cerrar la respuesta, la evolución de HTML5 como lenguaje de marcado es dotar a los contenidos de la mayor semántica posible para que una máquina pueda interpretar dichos datos y no solo palabras. En cuanto a HTML5 como un todo, la evolución es hacia el desarrollo de aplicaciones en navegador, multi-dispositivo, multi-plataforma, libres (sin necesidad de código propietario: Flash, Silverlight…) y descentralizado (online, en la nube). El futuro está en la web y através de APIs del navegador podremos comunicar hardware y software con la web. Qué es la selección natural y cómo es ella central a la teoría de la evolución? La selección natural es cómo una especie evoluciona mediante la adaptación a su medio ambiente. La selección natural explica el diseño en la naturaleza. Charles Darwin estudió la variación de los picos de pinzones en las Islas Galápagos como evidencia de la selección natural. Illustración: BSCS
  6. 6. Futuyma: La selección natural es el proceso por el cual una especie se adapta a su medio ambiente. La selección natural lleva al cambio evolucionario cuando individuos con ciertas características poseen una tasa de supervivencia o reproducción más alta que los otros individuos de la población y pasan estas características genéticas heredables a su progenie. Puesto en forma simple, la selección natural es la diferencia consistente en la supervivencia y la reproducción entre genotipos diferentes, o hasta en genes diferentes, en lo que podríamos llamar el éxito reproductivo. [Un genotipo es un grupo de organismos que comparten un conjunto genético específico.] La selección natural es importante porque es la idea central que surgió de los estudios de Charles Darwin y de Alfred Russel Wallace, y que explica al diseño en la naturaleza. Es el proceso que es responsable por la evolución de las adaptaciones de los organismos a su medio ambiente. El libro de Darwin Sobre el Origen de las Especies por Medio de la Selección Natural causó una gran controversia cuando fue publicado en 1859. Por supuesto, la evidencia en apoyo a la evolución y a la selección natural se ha acumulado con el tiempo, y ahora la ciencia acepta que la evolución es un hecho y que la selección natural explica muy bien como ocurre la evolución adaptativa. ¿Es la selección natural el único mecanismo de la evolución? La evolución tiene muchos mecanismos. La deriva genética involucra cambios al azar. La selección natural es un tipo de cambio más consistente y adaptativo. Futuyma: No, ciertamente no. De entrada, sin variación genética no puede haber evolución. De manera que debe haber mutación y a menudo recombinación para que se generen los diferentes genotipos o las diferentes versiones de los genes, conocidas como alelos, los cuales pueden o no colaborar en la habilidad de un organismo para sobrevivir o para reproducirse. Uno no puede tener cambio evolutivo sin las mutaciones, y quizás sin la recombinación, las cuales dan origen a la variación genética. Pero una vez que uno tiene variación genética, existen básicamente dos posibilidades principales:  Primero, que no hay una diferencia entre los diferentes genotipos o entre los diferentes genes en su impacto sobre la supervivencia y la reproducción. En este caso, uno puede tener cambios aleatorios entre un tipo y otro en la población o en la especie hasta que eventualmente un tipo reemplaza al otro. Esto es un cambio evolucionario. Ocurre completamente al azar, por medio de
  7. 7. fluctuaciones aleatorias. Esto es lo que llamamos el proceso de la deriva genética.  La deriva genética es muy diferente a la segunda posibilidad, la selección natural, la cual es el cambio mucho más consistente, predecible y confiable en las proporciones de un gen versus otro, o de un genotipo versus otro. ¿Por qué? Simplemente porque existe una superioridad consistente entre, por ejemplo, un genotipo versus otro en una característica que afecta a supervivencia o en otra característica que afecta sus capacidades reproductivas. ¿Lleva la selección natural a especies nuevas, y si lo hace, cómo lo hace? La selección natural juega un papel en el origen de las nuevas especies. Futuyma: A veces si lleva a nuevas especies pero no siempre. Una gran parte de la evolución por selección natural puede ocurrir sin la formación de especies nuevas. La selección natural es solo el proceso de adaptación dentro de una especie y se pueden observar muchos ejemplos de esto. Bajo ciertas circunstancias, la selección natural juega un papel en el origen de especies nuevas, con lo que quiero decir que divide el linaje de una especie en dos linajes que no se entrecruzan. Por ejemplo, la división de un linaje ancestral de los primates en un linaje que eventualmente dio origen a los chimpancés y en otro que se convirtió en la línea de los homínidos que resultó en nuestra propia especie. El proceso de separación y de aislamiento reproductivo, es decir, la incapacidad de entrecruzarse uno con el otro, puede a menudo involucrar a la selección natural, pero quizás no siempre.
  8. 8. TABLA

×