INTRODUCCION
A HTML Y
JAVASCRIPT

Ing. Luis Enrique Gallegos

Objetivos del Curso
Proveer al asistente de conceptos fundamentales que le
permitan utilizar los lenguajes HTML y Javascript en sus
proyectos informáticos.

1

Temas del Curso
Internet y la WWW.
HTML.
Historia del HTML.
HTML – CSS – Javascript.
Elementos HTML.
Tipos
Atributos
Estructura
Contenedores
Tablas
Hipervínculos
ImágenesFormularios

Estilos CSS.
Javascript.
El Futuro.
Conclusiones.

Internet y la WWW
Internet
WWW. Sitios Web y páginas Web.
Otros objetos en la Web.
¿Cómo funciona?

2

HTML
HTML (Hypertext Markup Language)
HTML = Hypertext + MarkUp
Hypertext
Es texto ordinario al que se le incorporan funcionalidades adicionales como:
Formato,
Imágenes,
Multimedia
Y enlaces a otros documento.
MarkUp
Es el proceso detomar el texto ordinario e incorporarle símbolos
adicionales. Cada uno de estos símbolos identifica a un comando que le
indica al navegador como mostrar ese texto.

Historia del 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 (oHTML+)
En 1995 el W3C (World Wide Web Consortium) define el HTML 3.0
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.0
En 1999 aparece el estándar actual HTML 4.01

Tim Berners-Lee
Director del W3C

Más información en: http://www.w3.org/

3

El W3C
El W3C(World Wide Web Consortiun) es un consorcio internacional
donde Organizaciones miembro, Personal Full-time y el público en general
trabajan para desarrollar Estándares Web.
La misión del W3C es la de maximizar el potencial de la WWW desarrollando
protocolos y guías que aseguren el crecimiento futuro de la Web.
Algunas Organizaciones miembro del W3C
Adobe

Ericsson

Apple
AT&T

Nokia

Google,inc.

Opera Software

HP

Cisco

Sun Microsystems
IBM Corporation

Telefónica de España

Citigroup

Microsoft

Yahoo, inc.

Deutsche Telekom

Mozilla Foundation

VeriSign

…Y decenas de universidades de todo el mundo

HTML – CSS – Javascript
Página Web
Estructura

• Párrafos
•Tablas
• Encabezados • Capas
• Listas
• Etc.

Contenido

• Textos
• Imágenes
• Enlaces

Apariencia

• Colores
• Tipografías
•Alineación

Comportamiento

• Fondos
• Tamaños
• Etc.

• Efectos
• Validaciones
• Automatización

HTML

CSS
Javascript

4

Elementos HTML
Los elementos son los componentes fundamentales del HTML
Cuentan con 2 propiedades básicas:
Atributos
Contenido

En general se conforman con una Etiqueta de Apertura y otra Cierre.
Los atributos se colocan dentro la etiqueta de apertura, y el contenido se
colocaentre la etiqueta de apertura y la de cierre.

Elemento
Etiqueta de Apertura

Contenido

Etiq. de Cierre

Curso HTML CEMA

Nombre

Valor

Atributo

Atributos

Los atributos de un elemento son pares de nombres y valores separados por un
‘=‘ que se encuentran dentro de la etiqueta de apertura de algún elemento. Los
valores deben estar entre comillas.
Ejemplos:

Curso de HTML



Universidad del Cema


5

Tipos de Elementos

Algunos tipos de Elementos
Estructurales

Describen el propósito del texto y no denotan ningún formato específico.
Por ejemplo:

Curso HTML

De Presentacion
Describen la apariencia del texto,independientemente de su función.
Por ejemplo:
Curso HTML

Los elementos de presentación se encuentran obsoletos desde la aparición del
CSS.

De HiperTexto
Relaciona una parte del documento a otros documentos.
Por ejemplo:
Universidad del Cema

Estructura de un Documento HTML
…
Delimita el Documento HTML

…
Delimita el encabezado...

Leer documento completo

Regístrate para leer el documento completo.