Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo.

Presentación del tema: "Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo."— Transcripción de la presentación:

1 Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo HTTP y el sistema de nombres de la web URL, por todo ello a Tim Berners-Lee se le conoce como el "padre de la web". A menudo se confunden los conceptos de Internet y Web, simplificando podemos decir que Internet es un concepto más amplio que incluye el mecanismo de comunicación que forma la red mundial de ordenadores conectados, mientras que la web es el sistema de páginas web que funciona a través de Internet. La tecnología básica de Internet es el protocolo de comunicación TCP/IP y la web se basa en HTML. El "padre de Internet" es Vinton Gray Cerf que creó el protocolo TCP/IP que sirve para interconectar ordenadores en red.

2 HyperText Markup Language Es el lenguaje base con el que se hacen las páginas web, por eso, cualquier aprendizaje de creación de páginas web debe empezar con un repaso, más o menos profundo, sobre este lenguaje. HyperText Markup Language Es el lenguaje base con el que se hacen las páginas web, por eso, cualquier aprendizaje de creación de páginas web debe empezar con un repaso, más o menos profundo, sobre este lenguaje. HTML

3 El lenguaje HTML es un estándar definido y mantenido por el consorcio internacional World Wide Web Consortium (W3C) creado el 1 de octubre de 1994, por Tim Berners-Lee en el Instituto Tecnológico de Massachusetts (MIT), actual sede central del consorcio. En este curso hemos intentado tener en cuenta las etiquetas incorporadas al lenguaje HTML 5.2. en la última recomendación de W3C disponible el 14 de diciembre de 2017 mientras redactábamos este curso.

4 ETIQUETAS Las etiquetas (marcas) delimitan cada uno de los elementos que componen un documento HTML. El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas. El siguiente esquema muestra las partes de una etiqueta HTML genérica.

5 La etiqueta de apertura está delimitada por el signo "mayor que". A continuación está el texto del contenido de la etiqueta, lo más frecuente es un texto, pero podría ser otra etiqueta, una imagen,... La etiqueta de apertura está delimitada por el signo "mayor que". A continuación está el texto del contenido de la etiqueta, lo más frecuente es un texto, pero podría ser otra etiqueta, una imagen,... La etiqueta de cierre está delimitada por el signo "mayor que". Las Etiquetas vacías algunas etiquetas no tienen contenido, y se cierran sobre sí mismas, no tienen etiqueta de cierre, como la etiqueta. En estas etiquetas opcionalmente se puede colocar una barra justo antes del signo >, por ejemplo:. La etiqueta produce un salto de línea. Las etiquetas vacías no tienen contenido pero si pueden tener atributos. Las Etiquetas vacías algunas etiquetas no tienen contenido, y se cierran sobre sí mismas, no tienen etiqueta de cierre, como la etiqueta. En estas etiquetas opcionalmente se puede colocar una barra justo antes del signo >, por ejemplo:. La etiqueta produce un salto de línea. Las etiquetas vacías no tienen contenido pero si pueden tener atributos.

6 Si un atributo tiene más de un valor, se escriben todos los valores dentro de las mismas comillas, separados por espacios en blanco, por ejemplo. Algunas otras etiquetas vacias son,,,,, y. En una etiqueta, la primera palabra que aparece es el nombre de la etiqueta. También podemos encontrar atributos con sus valores, siguiendo el formato. La forma más correcta es escribir el nombre de la etiqueta y los atributos en minúscula, y los valores entre comillas dobles. Por ejemplo, Visita sena.edu.co Produce este resultado en el navegador: Visita sena.edu.co Texto del párrafo

7 La sintaxis de las etiquetas HTML ha sufrido variaciones a lo largo del tiempo y hay etiquetas que ya no está recomendado su uso. Por otro lado, los navegadores pueden obviar pequeños errores y mostrar la página correctamente, como si no tuviera esos errores. Para ver los errores de una página web existen validadores de código HTML, como el de W3C, que nos muestran los errores indicando su grado de gravedad.W3C https://validator.w3.org/nu/

8 Mi primera página web Mi primera página Curso Diseño Web SENA 2019 Mi primera página Curso Diseño Web SENA 2019

9 La etiqueta contiene información sobre la página. Por ejemplo contiene etiquetas que pueden decir de qué trata la página, el título que debe de mostrar en la barra del navegador, o código javascript y estilos, que pueden estar en el propio encabezado o como enlaces a otros archivos. La primera línea no es propiamente una etiqueta de HTML, sino una declaración o instrucción al navegador sobre la versión de HTML que utiliza la página. Para la versión HTML 5, el tipo de documento es html: La primera línea no es propiamente una etiqueta de HTML, sino una declaración o instrucción al navegador sobre la versión de HTML que utiliza la página. Para la versión HTML 5, el tipo de documento es html: La etiqueta, que contiene el título de la página, que es lo que se ve en la barra de título del navegador. El resto del documento HTML está contenido dentro de la etiqueta. Para indicar el idioma es conveniente añadir el atributo lang="es": El resto del documento HTML está contenido dentro de la etiqueta. Para indicar el idioma es conveniente añadir el atributo lang="es": En el encontramos el contenido de la página, lo que se ve a través del navegador: texto, imágenes, enlaces, tablas, etc... Por lo tanto dentro del pueden ir la gran mayoría de las etiquetas html.

10 Un cazador sale de su campamento, y brújula en mano camina exactamente 10 kilómetros hacia el Sur. Aquí se detiene, y enseguida camina 10 kilómetros hacia el Oeste. En este momento ve un oso y le dispara, después de lo cual, siempre guiándose por la brújula de precisión y midiendo con toda exactitud las distancias, camina finalmente 10 kilómetros hacia el Norte, volviendo al punto de partida, es decir, a su campamento. ¿De que color era el oso? Un cazador sale de su campamento, y brújula en mano camina exactamente 10 kilómetros hacia el Sur. Aquí se detiene, y enseguida camina 10 kilómetros hacia el Oeste. En este momento ve un oso y le dispara, después de lo cual, siempre guiándose por la brújula de precisión y midiendo con toda exactitud las distancias, camina finalmente 10 kilómetros hacia el Norte, volviendo al punto de partida, es decir, a su campamento. ¿De que color era el oso?