Universidad Autónoma de Nuevo León
Facultad de Ingeniería Mecánica y Eléctrica
LABORATORIO PROGRAMACION
WEB
Docente: LILIA LIZETH SANTOS LOPEZ
Nombre del alumno: Evelin Berenice
Picazo García
Matricula: 1986785
Carrera: ITS
SEMESTRE AGOSTO-DICIEMBRE 2021
Fecha de elaboración: 25 de Agosto 2021
San Nicolas De los Garzas Nvl.
HTML
El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para añadir un
elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta
directamente en el código de la página, sino que se hace una referencia a la ubicación
de dicho elemento mediante texto. De este modo, la página web contiene solamente
texto mientras que recae en el navegador web (interpretador del código) la tarea de
unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca
ser un lenguaje que permita que cualquier página web escrita en una determinada
versión, pueda ser interpretada de la misma forma (estándar) por cualquier
navegador web actualizado.
HTML es un lenguaje de marcado que nos permite indicar la estructura de nuestro
documento mediante etiquetas. Este lenguaje nos ofrece una gran adaptabilidad, una
estructuración lógica y es fácil de interpretar tanto por humanos como por máquinas.
REPORTE DE HISTORIA
La historia completa de HTML es algo larga, por lo que se muestra resumida a partir de la
información que se puede encontrar en Wikipedia.
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, investigador
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. En el ámbito de la
informática, el hipertexto permite que los
usuarios accedan a la información relacionada
con los documentos electrónicos que visualizan.
En cierta manera, los primitivos sistemas de
hipertexto podrían asimilarse a los enlaces de las
páginas web actuales.
Tras finalizar el desarrollo de su sistema, Tim
Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de
hipertexto para internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert
Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3). El primer
documento formal con la descripción de HTML se publicó en 1991 bajo el nombre “HTML
Tags” (Etiquetas HTML) y todavía hoy puede ser consultado en línea a modo de reliquia
informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por
parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron
avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y
formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+
consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organizó un grupo de trabajo de HTML y el 22 de septiembre
publicaron el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar
oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización,
el W3C. La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera
recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos
avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que
fluye alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (versión corregida de la publicación del 18 de
Diciembre de 1997) y supuso un gran salto desde las versiones anteriores. Entre sus
novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de
incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de
las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se
denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0,
por lo que no incluye novedades significativas.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y
el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004,
las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del
W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web
Hypertext Application Technology Working Group). La actividad actual del WHATWG se
centra en el estándar HTML5, cuyo primer borrador oficial se publicó el 22 de enero de
2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la
publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la
actividad estandarizadora de HTML.
HTML5 ya es un estándar (recomendado), el consorcio W3C, con el inventor de la Web Sir
Tim Berners-Lee, presentó el 27 de octubre de 2014 la versión final. Su intención es que
se construya lo que se ha llamado Plataforma Web abierta, donde el HTML5, junto a
Javascript y CSS3, se podrá utilizar para el desarrollo de aplicaciones multiplataforma
(Linux, Windows, Android, iOS..).
Como parte de la estrategia para vincular a más gente en el proceso actual, el director
ejecutivo del Consorcio, el Dr. Jeff Jaffe (MIT) ha publicado un texto acerca de las
prioridades del mismo bajo el título de ‘Fundamentos de Aplicación‘ que sostienen todo el
trabajo orientado hacia la plataforma actual y de “nueva generación”:
Seguridad y privacidad, todo lo relacionado con autenticaciones, encriptación,
protección de identidad y actividad en línea.
Diseño y desarrollo de la web, en cuanto a estilo, formato, gráficos, animación y
tipografía.
Interacción con distintos equipos como sistemas de sensores y Bluetooth.
Ciclo de uso de aplicación para administración de tareas fuera de conexión y
sincronización.
Medios y comunicaciones en tiempo real, para efectos, por ejemplo, de transmisiones
en vivo (streaming).
Desempeño y afinación de la capacidad y precisión en la respuesta y descarga de sitios
web con sus funciones.
Usabilidad y accesibilidad, para un web internacional, multilingüe y de acceso para
personas con distintas discapacidades.
Servicios como pagos y web social.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización
de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de
XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se
revisó el uno de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML por lo que mantiene casi
todas sus etiquetas y características, pero añade algunas restricciones y elementos
propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y
pretende modularizar.
ESTRUCTURA DE CODIGO
Estructura básica
• Cada página comienza con: < HTML > .
• A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .
• Después, el comando < BODY >, que indica el comienzo del cuerpo de la página.
Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY
>.
• La página acabará con < /HTML > .
Es decir:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>
Cabecera
La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD
> Sus componentes son opcionales. El más importante es <TITLE> , que permite escribir
el título del documento. El título no se muestra en la página, sino en la parte superior de
la ventana del visualizador, como identificador en los bookmarks y en la history list. Se
utiliza de la siguiente forma:
<HEAD>
<TITLE>Título del documento HTML</TITLE>
</HEAD>
Cuerpo
Es la parte delimitada por <BODY> y < /BODY > . Puede llevar los siguientes atributos:
• BACKGROUND="imagen": define el fondo. Más adelante veremos más
sobre imágenes.
• BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o
si ésta imagen no puede obtenerse.. Más adelante veremos más sobre colores. Por
ahora nos basta saber que para los colores básicos se puede utilizar su nombre en
inglés: white, blue, red, green ...
• TEXT="######": color del texto. Por defecto será negro.
• LINK="######": color de los links. Por defecto será azul.
• VLINK="######": color de los links visitados. Por defecto será violeta.
PRINCIPALES ETIQUETAS
¿Qué es una etiqueta HTML?
HTML es un markup language, lo que significa que está escrito con códigos que puede
leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en
una página web está «marcado» con estos códigos para dar instrucciones al navegador
web sobre cómo mostrar el texto. Estas etiquetas de marcado son las propias etiquetas
HTML.
Cuando escribes código en HTML, estás escribiendo etiquetas HTML. Todas las etiquetas
HTML están hechas con un número de partes específicas, incluyendo:
El carácter “menor que” <
Una palabra o carácter que determina qué etiqueta se está escribiendo
Cualquier número de atributos HTML que se quiera usar, escritos de la forma nombre
=”valor”
El carácter “mayor que” >
El hipertexto (HTML) es un lenguaje informático que forma la mayoría de las páginas web
y plataformas online. HTML no se considera un lenguaje de programación, ya que no
puede crear una funcionalidad dinámica. Sin embargo, los usuarios web pueden crear y
estructurar secciones, párrafos y enlaces usando elementos, etiquetas y atributos.
