Html

INTRODUCCIÓN A HTML
Programación Visual
Extensión Áulica San Salvador de Jujuy
UNJu – Facultad de Ingeniería Ing. José Zapana

OBJETIVOS
Proveer los conceptos fundamentales permitan diseñar páginas HTML estáticas. Conocer los la estructura de los documentos HTML Conocer la sintaxis de los TAG’s elementales de HTML

2
UNJu – Facultad de Ingeniería – Programación Visual– San Salvador deJujuy Ing. José Zapana

19/08/2011

TEMAS
HTML Historia HTML – CSS - Javascript Elementos
Tipos Atributos Estructura Contenedores Tablas Hipervínculos Imágenes

3
UNJu – Facultad de Ingeniería – Programación Visual– San Salvador de Jujuy Ing. José Zapana

19/08/2011

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

indica al navegador como mostrar ese texto.
UNJu – Facultad de Ingeniería – Programación Visual– San Salvador de Jujuy Ing. José Zapana

19/08/2011UN POCO DE HISTORIA
- 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 (World Wide Web Consortium) define el HTML 3.0 - El HTML 3.2 abandona las sugerencias del HTML 3.0 y adopta elementosdesarrollados 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 - Más información en: http://www.w3.org/
UNJu – Facultad de Ingeniería – Programación Visual – San Salvador de Jujuy Ing. José Zapana

5

19/08/2011

HTML – CSS - JAVA SCRIPT

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

HTML

CSS Javascript
6
19/08/2011

Comportamiento

UNJu – Facultad de Ingeniería – Programación Visual – San Salvador de Jujuy Ing. José Zapana

HTML - ELEMENTOS
- Los elementos son los componentesfundamentales 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 coloca entre la etiqueta de apertura y la de cierre.

Elemento
Etiqueta de Apertura Contenido Etiq. de Cierre

Curso programación Visual
Nombre Valor
7

AtributoUNJu – Facultad de Ingeniería – Programación Visual – San Salvador de Jujuy Ing. José Zapana

19/08/2011

HTML - 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 Nacional de Jujuy
UNJu – Facultad deIngeniería – Programación Visual – San Salvador de Jujuy Ing. José Zapana

8

19/08/2011

TIPOS DE ELEMENTOS
Algunos tipos de Elementos
Estructurales Describen el propósito del texto y no denotan ningún formato específico. Ejemplo: Curso HTML De Presentacion Describen la apariencia del texto, independientemente de su función. Por ejemplo: Curso HTML Los elementos de presentación seencuentran obsoletos desde la aparición del CSS. De HiperTexto Relaciona una parte del documento a otros documentos. Por ejemplo: Universidad Nacional de Jujuy
9
UNJu – Facultad de Ingeniería – Programación Visual – San Salvador de Jujuy Ing. José Zapana

19/08/2011

ESTRUCTURA DE UN DOCUMENTO HTML
•

… Delimita el Documento HTML … Delimita el encabezado del Documento HTML En general...