Introduccin al Html USBIngeniera de Sistemas Programacin en

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

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.

HTML ü HTML (Hypertext Markup Language) ü HTML = Hypertext + Mark. Up ü Hypertext Es texto ordinario al que se le incorporan funcionalidades adicionales como: ü Formato, ü Imágenes, ü Multimedia ü Y enlaces a otros documento. ü Mark. Up 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.

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 W 3 C (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)

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

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

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 Apertura Contenido Etiq. de Cierre

Tipos de Elementos ü Algunos tipos de Elementos ü Estructurales ü Describen el propósito del texto y no denotan ningún formato específico. ü Por ejemplo: <h 1>Curso HTML</h 1> ü 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 Hiper. Texto ü Relaciona una parte del documento a otros documentos. ü Por ejemplo: <a href=“http: //www. cema. edu. ar”>Universidad del Cema</a>

Ejemplo �El resultado en el browser será:

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 simplesalto . de párrafo <blockquote> </blockquote> <center> <Hn>. . . < /Hn> 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.

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

EJERCICIO 2 DISEÑE LA SIGUIENTE PÁGINA

Formato de texto

EJERCICIO 3 DISEÑE LA SIGUIENTE PÁGINA

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

EJERCICIO 4 DISEÑE LA SIGUIENTE PÁGINA