sábado, 21 de septiembre de 2019

Evolución y versiones de HTML.

Historia de HTML.


El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes.


Y es que Tim Berners-Lee estando como trabajador del CERN se encontró con la problemática de poder facilitar el acceso a la información con la que trabajaban desde cualquier ordenador del centro o de otras instituciones que trabajaban con ellos.

Buscaban una forma sencilla y estándar de acceder a toda la información. Es en ese momento cuando nace el protocolo HTTP (hypertext transfer protocol) y las páginas HTML.

Además ideó que las páginas estarían unidas entre sí, estarían enlazadas. Era el concepto de hipertexto.

Para la definición del estándar HTML, Tim Berners-Lee se basó en el lenguaje de marcado SGML (Standard General Markup Language). Este lenguaje define reglas de etiquetado y estructura generales.

Versiones y características de Html.


HTML 1.0


La primera versión de html nace en 1991, la cual fue creada por Tim Berners-Lee.

Tim Berners-Lee


Tim creó esta versión en el laboratorio de física nuclear de Ginebra, el cual tenia como finalidad el compartimiento de información científica en la comunidad académica. Era un lenguaje de marca muy pequeño ya que no contaba con la cantidad de etiquetas que ahora hay en la actualidad.


-Derivado del SGML, es un sistema general de marcado.
-Esta versión de HTML solo tenía 20 etiquetas, 13 aún perduran.
-Junto con esta primera versión nace el primer navegador: Nexus.


HTML 2.0


En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar.

Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional.



-Esta versión de html, es la primera versión estándar oficial de html.

-HTML 2.0 no soportaba tablas.

-Mientras se iba avanzando con html nuevas etiquetas iban surgiendo.


HTML 3.0



En octubre de 1994 es creado el consorcio W3 o W3C.

Dentro de la W3C se empieza a trabajar en 1995 sobre el borrador de HTML 3.0, nunca llegará a ser recomendación, se quedará en borrador.

HTML 3.0 es interesante ya que empieza a hablar de elementos: tablas, textos alrededor de las imágenes, un elemento llamado MATH que permite crear fórmulas dentro del documento HTML.


-HTML 3.0 es un borrador de internet caducado. Estos pueden ser actualizados, reemplazados u obsoletos por otros documentos en cualquier momento.



HTML 3.2


Podríamos decir que HTML 3.2 es la primera versión de HTML ampliamente extendida y utilizada en la red.


HTML 3.2 tiene como objetivo capturar la práctica recomendada a principios del '96 y, como tal, para ser utilizada como reemplazo de HTML 2.0 .

-HTML 3.2 dejaba de ser una especificación teórica, buscaba ser más práctica. HTML 3.2 veía la luz en enero de 1997.






HTML 4.01



En HTML 4.01 la W3C empieza con la separación de la estructura del documento con la de la representación visual. Así crea un lenguaje paralelo al HTML 4.01 llamado CSS.

Los elementos nuevos que aparecen en HTML 4.01 son las hojas de estilo (CSS), los objetos (para poder insertar elementos externos como vídeo y música) y los frameset para dividir la pantalla en partes.

-HTML 4.01 era un lenguaje que definía del estándar HTML y lo consensuaba entre diferentes navegadores, dejaba abierta, posibilidades de interpretación de estructura. Esta seguía siendo el esquema de SGML.

XHTML 1.0



Debido a la falta de coherencia en la definición de los esquemas derivados del SGML, la W3C decide definir un nuevo subesquema de SGML denominado XML. Este esquema sería un esquema bien definido y cerrado, lo cual podría proporcionarnos documentos coherentes y sin posibilidad de dobles interpretaciones.

-XHTML 1.0 viene a ser los mismo que HTML 4.01 pero con una definición de documento basada sobre XML en vez de sobre lo que es SGML.



HTML 5



HTML 5 viene siendo ya la última versión de HTML.

HTML5 empieza su definición apoyándose en dos puntos. Por un lado, la compatibilidad hacía atrás de todo lo que hay creado y por otro la capacidad de absorber todas las funcionalidades que los nuevos fabricantes de la web habían ido construyendo.

-Una vez que fue publicado XHTML 1.0 los esfuerzos de la W3C se dirigen a la creación de XHTML 2.0 como evolución del lenguaje en su totalidad.


jueves, 19 de septiembre de 2019

Cuestionario HTML.

Cuestionario de Html para estudiar.

1. ¿Qué es un sitio web y cuál su término en inglés?


Un sitio web es una colección de páginas web. En ingles se conoce como website.

Un sitio web o cibersitio es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la World Wide Web dentro de Internet.

2. ¿Qué es el internet?


Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, lo cual garantiza que las redes físicas heterogéneas que la componen funcionen como una red lógica única de alcance mundial.

El internet es un conjunto de computadoras y dispositivos inteligentes interconectados mundialmente, permitiendo así el manejo y información y demás.

3. ¿Qué es una red?

Una red informática, son dos o más ordenadores conectados entre sí y que comparten recursos, ya sea hardware (periféricos, sistemas de almacenamiento...) o software (archivos, datos, programas, aplicaciones...).

4. ¿Qué es un HOST en una red computadoras?

El término host o anfitrión se usa en informática para referirse a las computadoras u otros dispositivos (tablets, móviles, portátiles) conectados a una red que proveen y utilizan servicios de ella.

5. ¿Qué significa la palabra web, conceptualizado en informática?

Conjunto de información que se encuentra en una dirección determinada de internet.

6. ¿Qué es el protocolo TCP/IP?

TCP/IP son las siglas de Protocolo de Control de Transmisión/Protocolo de Internet (en inglés Transmission Control Protocol/Internet Protocol).

Es un sistema de protocolos que hacen posibles servicios Telnet, FTP, E-mail, y otros entre ordenadores que no pertenecen a la misma red.

7. ¿Qué significa URL?

El URL es la dirección específica que se asigna a cada uno de los recursos disponibles en la red con la finalidad de que estos puedan ser localizados o identificados.

8. ¿Qué es un servidor, conceptualizado en el entorno de redes de computadoras?

Un servidor es una aplicación en ejecución capaz de atender las peticiones de un cliente y devolverle una respuesta en concordancia.

9. ¿Qué es un cliente, en el marco de una red de computadoras?

En dicho contexto, se llama cliente al dispositivo que requiere ciertos servicios a un servidor. La idea de servidor, por su parte, alude al equipo que brinda servicios a las computadoras (ordenadores) que se hallan conectadas con él mediante una red.

10. ¿A qué se refiere el concepto hipertexto?

El hipertexto es un enlace no secuencial que te permite agregar una vía externa que te llevara a mas información, el hipertextos contiene enlaces a otros sitios.

Entonces decimos que son textos dando una información pero en ese texto se encuentran varios enlaces.

11. ¿Qué significa “www” en el inicio de una URL?

La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de archivos de hipertexto. Esta fue un desarrollo posterior (1990) y utiliza internet como medio de transmisión.

WWW son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por medio de Internet.

12. ¿Qué es el dominio en una URL?

Una URL (siglas en inglés para "Universal Resource Locator", "localizador de recurso universal") es una dirección web completa que se utiliza para encontrar una página web específica. Mientras que el dominio es el nombre del sitio web, una URL conduce a alguna página individual dentro del sitio web.

13. ¿Qué significa Web Hosting?

Es el servicio que provee el espacio en Internet para los sitios web.

14. ¿Cuáles son los tipos de sitios web que existen en la actualidad? (mencionar solo).


  • Tiendas online.
  • Webs corporativas.
  • Buscadores.
  • Sitios webs de noticias.
  • Wikis.
  • Sitios de consumo de vídeo.
  • Sitios educativos.

15. ¿Qué es una página web?


Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas.

16. ¿Cuál es la diferencia entre sitio web y pagina web?

Un sitio web es un conjunto de páginas web que están relacionadas, una página web se limita a solo eso.

17. ¿Qué es el lenguaje HTML, y a que corresponden sus siglas?

Este es un lenguaje de marcado, que se utiliza para crear sitios o páginas web, a través de etiquetas.

Significado de siglas en ingles.
HyperText Markup Language.
(Lenguaje de marcado de hipertexto).

18. ¿Quién inventó HTML?

Tim Berners-Lee

19. ¿Qué es el W3C, cuál es su función, y cuando fue fundado y por quién?

Es el Consorcio WWW, World Wide Web Consortium, es un consorcio internacional que genera recomendaciones y estándares que aseguran el crecimiento de la World Wide Web a largo plazo.​

Su función es dar recomendaciones y estándares que aseguran el crecimiento de la World Wide Web a largo plazo.​

Se escribió una propuesta en marzo de 1989 y se fundo el 1 de octubre de 1994.
Está dirigido por Tim Berners-Lee, el creador original del URL.

20. ¿Qué es un editor de texto HTML?

Es un software para editar y crear código HTML que se utiliza para sitios web u otros documentos web.

21. ¿En qué año fue inventado HTML y por quién?

El origen de HTML se remonta a 1980.

22. ¿Qué es la web 1.0?

Este es un sitio web estático. Un sitio donde el visitante solo puede recorrer sus páginas sin posibilidad de interactuar con ellas.

23. ¿Qué es la Web 2.0?

Este es un sitio web interactivo. Un sitio donde el visitante puede hacer más cosas que recorrer sus páginas, en concreto, extraer información en la forma y criterios que estime oportuno y conveniente.

24. ¿Cuáles son todas las versiones de HTML que existen hasta ahora? 

HTML 2.0:(1995).
HTML 3.2:(14/1/1997).
HTML 4.0:(24/4/1998).
HTML 4.01:(24/12/1999).
HTML 5:(2004).

25. ¿Qué es una etiqueta de HTML?

Son códigos especiales que te permiten especificar para usar el lenguaje de marcado html, usados para crear sitios, páginas web.

26. ¿Qué es un atributo de una etiqueta de HTML?

Sirven para definir detalles de comportamiento o presentación de la etiqueta, hay ciertas etiquetas que requieren un registro por obligación.

27. ¿Cuáles son los editores de texto web más populares?

  1. Amaya.

  2. JetBrains Webstorm.
  3. Kompozer.
  4. Aptana Studio.
  5. CoffeeCup Editor.
  6. TextWrangler.
  7. Textmate.
  8. BlueGriffon.
28. ¿Qué significa el término WYSIWYG?


Es una frase aplicada a los procesadores de texto, (como los editores HTML) permiten escribir documentos mostrando directamente el resultado final.

29. ¿Cuáles son los editores de HTML que son WYSIWYG?

  • Web oficial de Kompozer.
  • Sitio web oficial de Amaya.
  • Página oficial de Bluegriffon.
  • Wiki de Bluefish.
  • Página oficial de Bluefish.
  • Página oficial de Notepad2.
  • Página oficial de Notepad++


sábado, 14 de septiembre de 2019

Introducción al diseño web 2.

Etiquetas de HTML.


Etiqueta de imagen en HTML.

La etiqueta de imagen en HTML es: <img> esta etiqueta es una uni-etiqueta, esto quiere decir que no tiene etiqueta para cerrar solo para abrir.

Esta etiqueta te permite colocar imágenes a tus paginas o sitios web, ya sea desde Internet (una dirección URL) o una que tengas guardada en tu computadora, con esta etiqueta podrás.

Esta etiqueta, para poder funcionar debe ir acompañado de un atributivo el cual es: src y alt.




Ejemplos.

Ej.1

<img src="http://lenguajehtml.com/img/html5-logo.png" alt="Logotipo de HTML5" width="400" height="453">

Ej.2


<img src= "https://www.marketingdirecto.com/wp-content/uploads/2016/11/cool.jpg">

Ej.3

<img src=
"http://tusimagenesde.com/wp-content/uploads/2018/01/imagenes-cool-2.jpg" width="450" height="350">

¿Qué son los atributos en html?

Los atributos sirven en caso de algunas etiquetas, que solo funcionaran con uno o varios en atributos especifico.


Los atributos tienen que estar siempre definidos (mediante el signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples.

Los atributos de las etiquetas HTML, estos tienen la función de definir detalles de comportamiento o presentación de la etiqueta a los que se les coloca. Estos como ya dige antes se escriben dentro de la propia etiqueta con su nombre de atributo y el valor del atributo entre comillas.


Ejemplos de atributos y sus funciones.


SRC



El atributo src se utiliza acompañado de la etiqueta <img> que es para imágenes. Este atributo es el que indica donde va a estar situada la imagen.


Width



Este atributo también es utilizado con la etiqueta <img> (para imágenes) aunque este atributo no es uno crucialmete necesario para esta etiqueta. La función de este atributo es establecer una anchura en la imagen.

A cada elemento de nivel bloque o elemento reemplazado se le puede dar un ancho width, especificado como una longitud, un porcentaje o como auto.


<img src="http://lenguajehtml.com/img/html5-logo.png" alt="Logotipo de HTML5" width="400" height="453">



Heigh


Este atributo también es utilizado con la etiqueta <img> (para imágenes) aunque este atributo tampoco es crucialmete necesario para esta etiqueta. Sino que su función es establecer altura a una imagen.

<img src="http://lenguajehtml.com/img/html5-logo.png" alt="Logotipo de HTML5" width="400" height="453">


ALT

Este atributo también se utiliza con la etiqueta para imágenes <img>. Este atributo es para un texto que describe una imagen.

Este atributo se coloca directamente a la etiqueta de la imagen.

Ej.

Este atributo sirve por si una imagen no se puede mostrar por X o Y razón, el atributo "alt" te mostrara en escrito lo necesario en lugar de la foto.

Ej. De uso.

<img src="http://lenguajehtml.com/img/html5-logo.png" alt="Logotipo de HTML5" width="400" height="453">



A continuación les mostrare una imagen en el cual se muestran estos tres atributos.