HTML M.G.T.I. María Enriqueta Castellanos Bolaños Facultad de Matemáticas, UADY.

Presentación del tema: "HTML M.G.T.I. María Enriqueta Castellanos Bolaños Facultad de Matemáticas, UADY."— Transcripción de la presentación:

1 HTML M.G.T.I. María Enriqueta Castellanos Bolaños Facultad de Matemáticas, UADY

2 Internet y World Wide Web Internet: Red de redes de computadoras. WWW: Subred de Internet que ofrece diversos servicios.

3 HTML Lenguaje de Marcación de Hipertexto Lenguaje en el que están codificados los documentos que son accedidos desde la Web. Archivo de texto ASCII con la extensión.html que contiene marcadores HTML. El HTML define la estructura del documento y esto indica la disposición que tendrá el documento. Las capacidades de despliegue del visor Web determinan la apariencia final del documento HTML en pantalla.

4 HTML El HTML permite definir: –El título de un documento, –La estructura jerárquica del documento con encabezados de nivel y nombres de secciones, –Listas numeradas, con viñetas, y anidadas, –Puntos de inserción de gráficas, –Énfasis especial para palabras claves o frases, –Hiperenlaces y URL asociados.

5 Sintáxis de Marcadores HTML Los marcadores HTML son colocados dentro de un menor que ( ). Marcadores Simples: – Marcadores Pares: – objeto No es sensitivo al uso de mayúsculas o minúsculas. Ejemplo:

6 Estructura de un documento HTML Elementos del Encabezado Título del documento Elementos del documento y contenido

7 Texto Párrafos: Saltos de Línea: Formato físico: Fuentes y colores: Ejemplo: Un texto

8 Listas Numeradas: Elemento 1 Elemento 2 Viñetas: Definición: Término Definición

9 Imágenes Soportadas: GIF y JPG, PNG. Sintaxis: Ejemplo:

10 URL’s Dirección de un archivo o directorio en un servidor. Tipos de URL’s –Absolutas: servicio://servidor/directorio/archivo –Relativas:..[/directorio1][/directorio2]/archivo Ejemplo: http://www.uady.mx/sitios/matemati/index.html../organización/index.html

11 Hiperenlaces Establece conexiones entre documentos HTML. Punto Inicial: Texto Punto final (opcional): Texto Ejemplo: La UADY Contenido

12 Tablas Está formado por los marcadores: (Fila) (Celda o columna) Ejemplo: Celda1 Celda2

13 Funcionamiento Visor Web Servidor Web Documentos Página Web Solicitud Entrega

14 FORMAS –ACTION –METHOD

15 FORMAS –TYPE CHECKBOX, Casillas de selección HIDDEN, Campos ocultos IMAGE, Imágenes que actúen como botones PASSWORD, Campos de claves RADIO, Casillas de opción RESET, Botón de borrado SUBMIT, Botón de envío TEXT, Cuadros de Texto

16 FORMAS <INPUT TYPE=“checkbox" CHECKED NAME="nombre" VALUE="valor”> Leer Viajar

17 FORMAS <INPUT TYPE="HIDDEN" NAME="nombre" VALUE="valor”> Por ejemplo :

18 FORMAS <INPUT TYPE=“password" MAXLENGTH="maxcaracteres" NAME="nombre" SIZE="largocaracteres" VALUE="valor”>

19 FORMAS <INPUT TYPE=“radio" CHECKED NAME="nombre" VALUE="valor”> Primaria Secundaria

20 FORMAS <INPUT TYPE=“reset" NAME="nombre" VALUE="etiqueta”>

21 FORMAS <INPUT TYPE=“submit" NAME="nombre" VALUE="etiqueta”>

22 FORMAS <INPUT TYPE=“text" MAXLENGTH="maxcaracteres" NAME="nombre" SIZE="largocaracteres" VALUE="valor”> Nombre

23 FORMAS <SELECT NAME="nombre" MULTIPLE SIZE="largolista”> – –... – Visor favorito: Navigator Explorer

24 FORMAS <TEXTAREA COLS="columnas" NAME="nombre" ROWS="filas" WRAP="OFF" | "HARD" | "SOFT”> Texto a desplegar Escribe un comentario

25 HTML M.G.T.I. María Enriqueta Castellanos Bolaños enriqueta.c@uady.mx Facultad de Matemáticas, UADY