Lenguaje HTML

Lenguaje HTML para la Creación y Desarrollo de Paginas Web.
Conceptualizando HTML para el desarrollo de Proyecto Desarrollo Web Y Aplicaciones Móviles de Ciencia Y Tecnología.

1. Salida ciencia & tecnología proyecto desarrollo web y aplicaciones móviles 6to. grado CENTRO Educativo del Nivel Secundario Madre Teresa de Calcuta AÑO ESCOLAR 2019-2020 PROFESOR: Adán Edison Ureña Almonte M.A.

2. HTML Hypertext Markup Language Lenguaje de Marcas Hipertexto HTML  es un  lenguaje de marcado  que se utiliza para el desarrollo de páginas de  Internet . Se trata de la sigla que corresponde a  HyperText Markup Language , es decir,  Lenguaje de Marcas de Hipertexto , que podría ser traducido como  Lenguaje de Formato de Documentos para Hipertexto .

3. Historia de HTML Este lenguaje fue desarrollado por la  Organización Europea de Investigación Nuclear  (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser  conectadas a través de hipervínculos . Primeramente crearon un dispositivo llamado « memex », el cual era considerado como un suplemento para la  memoria . Posteriormente,  Douglas Engelbart , diseñó un entorno de trabajo por computadora que recibiría el nombre de  oNLine System  que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo.

4. Historia de HTML Recién en 1965, Ted Nelson  acuñó el término hipervínculo , ideando una estructura que se encontraba conectada de forma electrónica y que más tarde permitiría la creación de la  World Wide Web  (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN). El norteamericano  Tim Berners-Lee  fue el primero en proponer una descripción de HTML en un documento que publicó en  1991 . Allí describía veintidós componentes que suponen el diseño más básico y simple del HTML.

5. Historia de HTML El tipo de  codificación que se utilizó  para el desarrollo de este sistema de hipervínculos debía ser comprendido, tanto por ordenadores tontos como por mega-estaciones , por eso fue necesario crear uno absolutamente simples, tanto en lo que respectaba al  lenguaje  de intercambio (HTML), como el que hacía referencia al  protocolo de red  (HTTP).

6. HTML Hypertext Markup Language Lenguaje de Marcas Hipertexto Es el lenguaje de marcas hipertexto, con el que se realiza la creación básica de páginas web. HTML es un lenguaje de marcación que sirve para definir el contenido de las páginas web. Se compone en base a etiquetas, también llamadas marcas o tags, con las cuales conseguimos expresar las partes de un documento, cabecera, cuerpo, encabezados, párrafos, etc. En definitiva, el contenido de una página web.

7. HTML HTML es el primer lenguaje que debe aprender cualquier persona interesada en construir un sitio web. A partir del HTML podemos pasar a muchos otros lenguajes interesantes que sirven para hacer cosas diversas y más avanzadas. Es decir, sea cual sea la tecnología, herramienta o gestor de contenido que nos hayamos propuesto aprender, o que tengamos que usar en nuestro día a día, HTML siempre será el lenguaje en el que toda web se construye y, por tanto, es de obligado conocimiento para todos. Aprender HTML es sencillo. En pocos días o semanas serás capaz de entender y usar las etiquetas más comunes y componer documentos HTML (páginas web) correctas.

8. Con HTML se expresa el contenido A la hora de aprender HTML es importante observar que sirve para expresar el contenido (el qué) y nunca la presentación (el cómo). Es decir, con HTML podemos colocar párrafos, listas, secciones, enlaces, imágenes, todo aquello que forma parte del contenido que va a tener una página web. Para definir la presentación se usa un lenguaje complementario, llamado  CSS . Además, para definir la funcionalidad en el ámbito de la web se usa el lenguaje  Javascript .

9. HTML en el momento de crearse Sin embargo, esto no siempre ha sido así. En el momento de crearse el lenguaje HTML sí que existían etiquetas que permitían cambiar el estilo o presentación de la página, tales como < font > que sirve para cambiar el color del texto o su tamaño. Todas estas etiquetas se han ido retirando del lenguaje a medida que se presentaban nuevas versiones, aunque por motivos de compatibilidad hacia atrás los navegadores siguen soportándolas. También existen atributos pensados para cambiar la forma como la que esa etiqueta se representa, como el atributo " align ", que permite cosas como centrar el texto del contenido de un párrafo, por ejemplo. Sin embargo, aunque existan etiquetas o atributos que sirvan para cambiar el formato o estilo de los elementos, no es una buena idea utilizarlos.

10. HTML Separación entre Contenido y presentación Gracias a la separación entre contenido y presentación, que conseguimos usando lenguajes separados para cada cosa, se obtienen múltiples beneficios. El más importante es que, para un mismo HTML podemos aplicar diversos tipos de presentación, solo cambiando el código CSS. De este modo, si en algún momento se decide cambiar el estilo de una página, se puede hacer simplemente alterando su código CSS y sin necesidad de cambiar el HTML. Se deduce también de aquí que, para desarrollar una página web, no solo se trata de aprender HTML, sino que será necesario también aprender CSS, un lenguaje imprescindible para poder aplicar el formato deseado a nuestro contenido.

11. Etiquetas en HTML La etiqueta es el elemento básico del código HTML. Es un bloque de contenido que puede tener naturaleza diversa, desde un párrafo a una imagen o un vídeo, por ejemplo. Las etiquetas se engloban entre signos menor y mayor que y tienen un inicio y un cierre. Dentro de estos signos mayor y menor que se coloca el nombre de la etiqueta. Por ejemplo: <p>Esto es un párrafo.</p> La anterior etiqueta <p> sirve para indicar el inicio de un párrafo. Dentro figura su contenido y finalmente tenemos la etiqueta de cierre del párrafo </p>.

12. Estructura de un documento en HTML Un documento HTML, una página web, contiene un árbol de etiquetas, que tiene una organización básica. La etiqueta raíz de un documento HTML es < html > y dentro tiene dos etiquetas principales: <head>: con la información de cabecera de la página. Es información que en principio no aparecerá en el cuerpo de la página, pero que sirve para saber de qué trata la página, cómo deben interpretarla los distintos clientes web, etc. < body >: que es la información del cuerpo, es decir, lo que se verá en el navegador cuando el usuario entre.

13. Etiquetas básicas de control en HTML <!DOCTYPE html > < html lang ="es"> <head> <meta charset ="UTF-8"> <meta name =" viewport " content =" width = device-width , initial-scale =1.0"> <meta http- equiv ="X-UA-Compatible" content =" ie = edge "> < title >Título del documento HTML</ title > </head> < body > </ body > </ html >

14. Etiquetas básicas de control en HTML La primera etiqueta (DOCTYPE) indica el tipo de documento. Esta etiqueta debe estar siempre al principio. Fue definido y simplificado así desde HTML 5, ya que antes el doctype se expresaba con una etiqueta mucho mayor. Posteriormente tenemos la etiqueta < html >, con el atributo " lang " opcional. En este caso hemos indicado que el idioma es español.

15. Etiquetas básicas de control en HTML Luego encontramos el <head>, que tiene varias etiquetas. Las importantes son: charset , siendo UTF-8 el recomendado. Lógicamente es importante que ese juego de caracteres se esté usando realmente al guardar el archivo con el código . html . Si usamos algún editor orientado a programadores seguramente se guarde con UTF-8 o al menos tengas la opción de escoger este juego de carácteres . Title , que es lo que mostrará el navegador en la pestaña donde se muestre esta página. También es muy importante para que Google y otros motores identifiquen bien el contenido.

16. Etiquetas básicas de control en HTML Hay otras etiquetas en el <head> que son realmente aconsejables. El caso más claro es el del  viewport . También es el lugar correcto para importar estilos CSS, por ejemplo. Para acabar, el < body > contendrá la mayor parte de las etiquetas, con todo el marcado necesario para definir el contenido completo que se verá en la página.

17. Fuente Bibliográfica: https://desarrolloweb.com/home/html Autores: Julián Pérez Porto y Ana Gardey. Publicado: 2008. Actualizado: 2012. Definición de: Definición de html ( https://definicion.de/html/ )