USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.

Presentación del tema: "USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html."— Transcripción de la presentación:

1 USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html

2 Introducción Un documento HTML (lenguaje de marcas hipertextual) es un simple archivo conteniendo un lenguaje de etiquetado específico llamado HTML. Dicha información, aun cuando está escrita en una forma estructurada que la hace coincidir con el estándar del lenguaje de etiquetado, es una simple secuencia de caracteres que pueden ser encontrados en un teclado normal.

3 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 de tomar 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.

4 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 (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 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

5 Página Web HTML – CSS – Javascript 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.

6 Estructura básica de una página El resultado en el browser será:

7 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 coloca entre la etiqueta de apertura y la de cierre. Elemento Etiqueta de AperturaEtiq. de CierreContenido

8 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

9 Ejemplo El resultado en el browser será:

10 Formato de párrafos Cada párrafo va definido entre las etiquetas y. Para insertar un salto de línea, lo haremos con la etiqueta simple.... salto de párrafo salto de línea sangrado centrar el texto párrafo centrado párrafo alineado a la derecha Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño.

11 Formato de párrafos (cont…) Múltiples párrafos en un mismo formato: Puede realizar esto de una de las siguientes formas

12 EJERCICIO 2 DISEÑE LA SIGUIENTE PÁGINA

13 Formato de texto

14 EJERCICIO 3 DISEÑE LA SIGUIENTE PÁGINA

15 Subíndices y superíndices Ejemplo El resultado:

16 EJERCICIO 4 DISEÑE LA SIGUIENTE PÁGINA

17