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
CONTENIDOY 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.