Visita mi Página Web

                    http://galeon.com/miguelvargas/musica.html

Caracteristicas de HTML 1

Características del HTML 1

·                            Páginas estáticas en vez de dinámicas por el usuario que la visita.

·       El uso de framesets o Marcos.

•            Extensiones propias del HTML como <bilnk> y <marquee>, etiquetas introducidas durante la guerra de navegadores web.
• Libros de visitas online o guestbooks.
• Botones GIF, casi siempre a una resolución típica de 88x31 pixeles en tamaño promocionando navegadores web u otros productos.
•    Formularios HTML enviados vía email. Un usuario llenaba un formulario y después de hacer clic se enviaba a través de un cliente de correo electrónico, con el problema que en el código se podía observar los detalles del envío del correo electrónico.
•  No se podían adherir comentarios ni nada parecido.
•   Todas sus páginas se creaban de forma fija y muy pocas veces se actualizaban.

Especificaciones Técnicas del Samsung Galaxy S3

Especificaciones Técnicas del Samsung Galaxy S3

Pantalla	4.8 pulgadas Super Amoled HD
Resolución de pantalla	1280 x 720 px.
Peso	133g
Dimensiones	136,6 x 70 x 8,6 mm
Sistema Operativo	Android 4.0
Procesador	Samsung Exynos Quad Core
Memoria RAM	1GB
Almacenamiento	16/32/64 GB
Capacidad	8 Mega Píxeles
Batería	2100 mAh

De esto lo que más podemos destacar es su procesador Quad-Core a 1.4 Ghz, en este caso un Exynos propio de Samsung y no el clásico Nvidia Tegra 3 que solemos ver. Otro punto fuerte su pantalla, esas 4.8 pulgadas son más grandes que la mayoría de la competencia. Tampoco podemos evitar nombrar la batería, ya que 2100 mAh son bastantes (un referente como el Galaxy Nexus tiene solo 1750 mAh).

Diferencias entre HTML 4 y HTML 5

1. HTML5 continúa en progreso

Si bien esta claro el hecho de tener una web maquetada en HTML4 nos permite contar con un estándar de soluciones ya que HTML4 tiene a diferencia de HTML5 que esta aún en proceso experimental y de desarrollo, es muy probable que muchas cosas sigan cambiando con el tiempo, y generando algunas dificultades, situación a la que ya no esta sujeto ningún producto web hecho en HTML4

2. Sintaxis simplificada

La declaración de tipo de documento de forma más sencilla es sólo una de las muchas novedades de HTML5. Ahora solo tienes que escribir solamente: <DOCTYPE HTML!>. La sintaxis de HTML5 es compatible conHTML4 y XHTML1, pero no con SGML.

3. Elemento <canvas> poniendo en su lugar a Flash

Flash ha sido un dolor de cabeza para unos y una maravilla para otros muchos usuarios de la Web, por lo que hay una importante cantidad de desarrolladores nada contentos con la forma en la que HTML5 trata a Flash; pero es cierto que para todos los demás usuarios que estamos cansados de los vídeos en flash que tardan años en cargarse y funcionar, el nuevo elemento <canvas> y su utilidad para la representación de gráficos es un sueño hecho realidad.

Aunque es cierto que hasta hoy el elemento <canvas> no ofrece todas las ventajas de Flash hay mucho que hace suponer que se acerca el día en que esta herramienta quede obsoleta ante el potencial de HTML5 y su magnifica integración.

4. Nuevos elementos <header> y <footer>

HTML5 esta desarrollado con la intención de reflejar mejor la nueva anatomía de los sitios web. Es por eso que hay algunos elementos nuevos, como <header> y <footer>, que están diseñados específicamente para marcar estas partes de la web.

Con este desarrollo en el lenguaje ya no es necesario identificar a estos dos elementos con la etiqueta <div>.

5. Nuevos elementos <section> y <article>

Al igual que los elementos <header> y <footer>, el <section> y <article> en HTML5 permitirá a los desarrolladores marcar estas áreas de la página como tal.

Además de hacer el código más estructurado, este también tendrá un efecto positivo en tus esfuerzos de SEO ya que para los motores de búsqueda será más fácil el ranking de tu página.

6. Nuevos elementos <menu> y <figure>

El elemento nuevo <menu> puede ser utilizado no solo para los menús convencionales, sino también para las barras de herramientas y menús contextuales, aunque en realidad estos no son los elementos más utilizados en una página.

Del mismo modo, el elemento <figure> es una forma adicional útil para organizar el texto y las imágenes en tu página de una manera profesional. Es cierto que se pueden definir los menús y las cifras en una hoja de estilo pero es bueno que se pueda utilizar en la construcción de elementos de HTML5.

7. Nuevos elementos <audio> y <video>

Son probablemente dos de las novedades más útiles para HTML5. Como su nombre indica, se utilizan para insertar archivos de audio y vídeo.

También hay algunos nuevos elementos multimedia y atributos, tales como <track>, que ofrece pistas de texto para el elemento de vídeo.Con estas incorporaciones HTML5 está consiguiendo definitivamente que la Web 2.0 sea más amigable. El problema es que al tiempo que HTML5 se convierte en una tecnología ampliamente aceptada, la Web 2.0 podría ser noticia vieja.

8. Un nuevo nivel de las formas

<form> y <forminput> vivieron una gran cantidad de revisiones y ahora tienen muchos atributos nuevos (y los modificados, también). Si estás usando con frecuencia las formas tomate un tiempo para revisar las novedades con más detalle.

9. No más <b> y <font>

Esto es un cambio más que yo no entiendo todavía del todo. No creo que la eliminación de la <b> y elementos <font> vaya a ayudar mucho. pero las directrices oficiales dicen que estos elementos se manejan mejor en CSS.

10. Han desaparecido <frame>, <center> y <big>

Seguramente no recuerdas cuando fue la ultima vez que utilizaste una de estas etiquetas lo cual indica que ha sido una buena decisión, todo lo que sea deshacernos de nomenclatura inútil es bienvenido.

Estas 10 diferencias entre HTML5 y HTML4 son sólo una pequeña fracción de lo que es nuevo. Además de estos grandes cambios, también podríamos nombrar unos pocos menores, como el nuevo atributo del elemento invertido <ol> que permite a una lista que se ordenan en orden descendente, o modificar el uso del elemento <u>.

Otra cosa que llama la atención es el campo INPUT, que ahora tendrá muchos más valores posibles en el atributo type: datetime, date, month, week, number, url, email, color...

Tabla comparativa de elementos de HTML 4 Y HTML 5

Etiqueta	Descripción	4	5
<!–…–>	Para incrustar comentarios	4	5
<!DOCTYPE>	Para indicar el tipo de documento	4	5
<a>	El hipervínculo de toda la vida	4	5
<abbr>	Para abreviaciones	4	5
<acronym>	No soportado. Define un acrónimo	4
<address>	Define un elemento de la dirección	4	5
<applet>	No soportado. Define un applet	4
<area>	Define un área dentro de un mapa de imagen	4	5
<article>	Define un artículo		5
<aside>	Define el contenido, aparte de contenido de la página		5
<audio>	Define el contenido de sonido		5
<b>	Define texto en negrita	4	5
<base>	Define una URL base para todos los enlaces en una página	4	5
<basefont>	No soportado. Usar CSS en lugar	4
<bdo>	Define la dirección de la pantalla de texto	4	5
<big>	No soportado. Define texto grande	4
<blockquote>	Defines a long quotation Define una larga cita	4	5
<body>	Defines the body element Define el cuerpo elemento	4	5
<br>	Inserts a single line break Inserta un salto de línea	4	5
<button>	Defines a push button Define un botón	4	5
<canvas>	Defines graphics Define gráficos		5
<caption>	Defines a table caption Define una tabla título	4	5
<center>	Not supported. Defines centered text No soportado. Define texto centrado	4
<cite>	Defines a citation Define una cita	4	5
<code>	Define el código de texto	4	5
<col>	Define las características de las columnas de la tabla	4	5
<colgroup>	Define grupos de columnas de la tabla	4	5
<command>	Define un botón de comando		5
<datagrid>	Define los datos en una lista de árboles		5
<datalist>	Define una lista desplegable		5
<datatemplate>	Define una plantilla de datos		5
<dd>	Define una descripción de la definición	4	5
<del>	Define texto suprimido	4	5
<details>	Define los detalles de un elemento		5
<dialog>	Define un cuadro de diálogo (conversación)		5
<dir>	No soportado. Define una lista de directorio	4
<div>	Define una sección en un documento	4	5
<dfn>	Define un termino definición	4	5
<dl>	Define una lista de definición	4	5
<dt>	Define un termino definición	4	5
<em>	Define destacó texto	4	5
<embed>	Define un elemento embebido de contenido interactivo		5
<eventsource>	Define un objetivo para los eventos enviados por un servidor		5
<fieldset>	Define un fieldset	4	5
<figure>	Define un grupo de los contenidos de los medios, y su leyenda		5
<font>	Obsoleto. Define texto fuente, el tamaño y el color	4
<footer>	Define un pie de página de una sección o página		5
<form>	Define un formulario	4	5
<frame>	No soportado. Define una sub ventana (un marco)	4
<frameset>	No soportado. Define un conjunto de marcos	4
<h1> a <h6>	Define tamaño de la cabecera 1 a 6	4	5
<head>	Provee información sobre el documento	4	5
<header>	Define un encabezado de una sección o página		5
<hr>	Define una línea horizontal	4	5
<html>	Define un documento html	4	5
<i>	Define texto en cursiva	4	5
<iframe>	Define una línea sub ventana (frame)	4	5
<img>	Define una imagen	4	5
<input>	Define un campo de entrada	4	5
<ins>	Define texto insertado	4	5
<isindex>	No soportado. Define un único campo de entrada de línea	4
<kbd>	Define el teclado de texto	4	5
<label>	Define una etiqueta para formularios	4	5
<legend>	Define un título en un fieldset	4	5
<li>	Define un elemento de la lista	4	5
<link>	Define un recurso de referencia	4	5
<mark>	Define texto marcado		5
<map>	Define un mapa de imagen	4	5
<menu>	Define una lista de menú	4	5
<meta>	Define la información de metadatos	4	5
<meter>	Define medición dentro de un rango predefinido		5
<nav>	Define vínculos de navegación		5
<nest>	Define una nestingpoint en un datatemplate		5
<noframes>	No soportado. Noframe Define una sección	4
<noscript>	Define una sección noscript	4	5
<object>	Define un objeto incrustado	4	5
<ol>	Define una lista ordenada	4	5
<optgroup>	Define un grupo de opciones	4	5
<option>	Define una opción en una lista desplegable	4	5
<output>	Define algunos tipos de producción		5
<p>	Define un párrafo	4	5
<param>	Define un parámetro para un objeto	4	5
<pre>	Define texto preformateado	4	5
<progress>	Define el progreso de una tarea de cualquier tipo		5
<q>	Define una breve cita	4	5
<rule>	Define las normas de actualización de una plantilla		5
<s>	No soportado. Define texto tachado	4
<samp>	Define el código de muestra	4	5
<script>	Un Script	4	5
<section>	Una sección		5
<select>	Lista seleccionable	4	5
<small>	Texto en pequeño	4	5
<source>	Definir un recurso media		5
<span>	Una sección del documento	4	5
<strike>	No soportado. Define texto tachado	4
<strong>	Texto en negrita	4	5
<style>	Para definir un estilo	4	5
<sub>	Para subíndices	4	5
<sup>	Para superíndice	4	5
<table>	Para definir una tabla	4	5
<tbody>	Cuerpo de la tabla	4	5
<td>	Una celda de la tabla	4	5
<textarea>	Define una área de texto	4	5
<tfoot>	Pie (Footer) de una tabla	4	5
<th>	Define una cabecera de la tabla	4	5
<thead>	Define una cabecera de la tabla	4	5
<time>	Defina una fecha		5
<title>	Para el titulo de la página web	4	5
<tr>	Fila de una tabla	4	5
<tt>	No soportado. Define texto teletipo	4
<u>	No soportado. Define texto subrayado	4
<ul>	Para listas desordenadas	4	5
<var>	Para definir una variable	4	5
<video>	Para indicar que queremos incrustar un video		5
<xmp>	No soportado. Define texto preformateado	4