Introducción a HTML, Guías, Proyectos, Investigaciones de Desarrollo de Aplicaciones Web

¡Descarga Introducción a HTML y más Guías, Proyectos, Investigaciones en PDF de Desarrollo de Aplicaciones Web solo en Docsity!

TEMA 04

Lenguaje HTML

Fundamentos de Tecnologías Web Ingeniería de Sistemas Ing. Liliana Ocampo Moreno

▪Los programas del lado del cliente están

incluidos dentro de la página HTML y se

descargan del servidor junto con estas.

▪Los programas se ejecutan dentro del

ámbito del navegador.

INTRODUCCIÓN…

PÁGINA WEB Estructura Contenido Apariencia Comportamiento HTML CSS JavaScript

• Colores
• Tipografías
• Alineación
  • Efectos
  • Validaciones
  • Automatización
• Párrafos
• Encabezados
• Listas
  • Tablas
  • Capas
  • Etc.
• Textos
• Imágenes
• Enlaces
  • Fondos
  • Tamaños
  • Etc.

¿QUÉ ES HTML… ▪HTML es un lenguaje de marcado para describir páginas web. ▪HTML (HyperText Markup Language) ▪Hypertexto ▪Texto que sirve de enlaces a otros documentos. ▪Markup ▪Conjunto de etiquetas, cada una de ellas indica

al navegador como mostrar este texto.

HISTORIA DE HTML ▪ En 1986 la Organización internacional de Estándares publica el SGML (Standard Generalized Markup Language). ▪ En 1990 Tim Berners-Lee crea la WWW y el HTML con base en un subconjunto del SGML. ▪ En 1993 se crea el HTML 2.0 (o HTML+) ▪ En 1995 el W3C define el HTML 3. ▪ El HTML 3.2 abandona las sugerencias del HTML 3.0 y adopta elementos desarrollados por Netscape. (Incorpora Tablas, Applets, Texto alrededor de imágenes) ▪ En 1997 se define el estándar HTML 4. ▪ En el 2000 se define el XHTML ▪ En 2014 aparece el estándar HTML 5. ▪ Actualmente se encuentra la versión HTML 5.

SINTAXIS DE SENTENCIA HTML

Esto es un párrafo

Elemento

Etiqueta

inicio

Atributo Valor Etiqueta fin

Contenido

▪ Las etiquetas HTML generalmente vienen en pares como

y

. ▪ La primera etiqueta es la etiqueta de apertura, la segunda etiqueta es la etiqueta de cierre. ▪ La etiqueta de cierre está escrita como la etiqueta de inicio, pero con una barra inclinada insertada antes del nombre de la etiqueta.

▪La declaración representa el tipo de documento, y ayuda

a los navegadores a mostrar las páginas web correctamente.

▪Solo debe aparecer una vez, en la parte superior de la páginas (antes de

cualquier etiqueta HTML).

▪La declaración no es case sensitive. ▪La declaración para HTML 5 es:

**LA DECLARACIÓN **

▪ Define el título del documento html. ▪ Especifica un estilo CSS para ser utilizado en el documento. ▪ Se utiliza para incluir programas al documento, en general se tratan de Javascripts. ▪ Permite especificar información de interés como: autor, fecha de publicación, autor, palabras clave, etc. ▪ Título del documento html

ELEMENTOS DEL HEAD

▪Los atributos proveen información adicional en los elementos HTML. ▪Todo elemento HTML puede tener atributos. ▪Los atributos siempre se especifican en la etiqueta de apertura. ▪Los atributos generalmente vienen en pares nombre/valor. Ej: name="value" ATRIBUTOS HTML

▪El lenguaje del documento puede ser declarado en la etiqueta . ▪El lenguaje es declarado con el atributo lang. ▪Declarar un lenguaje es importante para aplicaciones de accesibilidad (lectores de pantalla) y motores de búsqueda.

...

ATRIBUTO LANG

No puede estar seguro de cómo se mostrará HTML. Las pantallas grandes o pequeñas y las ventanas redimensionadas crearán resultados diferentes. Con HTML, no puede cambiar la visualización agregando espacios adicionales o líneas adicionales en su código HTML. El navegador eliminará automáticamente cualquier espacio y línea adicional cuando se muestre la página:

This paragraph contains a lot of lines in the source code, but the browser ignores it.

This paragraph contains a lot of spaces in the source code, but the browser ignores it.

**VISUALIZACIÓN DEL HTML**

El valor del atributo title será mostrado como un tooltip cuando se

pase el mouse sobre el elemento.

Este es un párrafo.

**EL ATRIBUTO TITLE**

Los motores de búsqueda utilizan los encabezados para indexar la estructura y el contenido de sus páginas web. Los usuarios a menudo hojean una página por sus títulos. Es importante utilizar encabezados para mostrar la estructura del documento. Los encabezados deben usarse para los encabezados principales, seguidos de los encabezados , luego los menos importantes , y así sucesivamente. Nota: Use encabezados HTML solo para encabezados. No use encabezados para hacer que el texto sea GRANDE o en negrita. LOS ENCABEZADOS SON IMPORTANTES

▪La etiqueta define un salto temático en una página HTML, y es comúnmente mostrado como una línea horizontal. ▪El elemento es utilizado para separar contenido en una página HTML. This is heading 1

This is some text.

This is heading 2

This is some other text.

LÍNEA HORIZONTAL