Hypertext Markup Language HTML. HTML HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición.

Presentación del tema: "Hypertext Markup Language HTML. HTML HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición."— Transcripción de la presentación:

1 Hypertext Markup Language HTML

2 HTML HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición de Tipo de Documento (DTD)" SGML (Standard Generalised Markup Language) que contiene un juego de marcas con las que se identifican gran parte de los elementos que se encuentran en los documentos electrónicos típicos.

3 Archivo HTML básico

4 Elementos Etiquetas Pares de etiquetas Texto Etiquetas con atributos Las etiquetas pueden anidarse

5 Estructura básica Código de la página

6 Estructura General Titulo de mi Página...... Información opcional......... el texto del documento con marcas.... Cabecera Cuerpo

7 Reglas Generales Los documentos son estructurados Nombres de elementos o atributos no sensibles a mayúsculas Valores de atributos pueden ser sensibles a mayúsculas Nombres de elementos no pueden contener espacios Usar comillas para valores de atributos El browser destruye e ignora caracteres de espacio No es un WYSIWYG

8 Reglas Generales Puede contener comentarios Anidamiento estricto (bien formado) Ignora elementos desconocidos Ignora atributos desconocidos Los browsers suelen ser permisivos

9 Herramientas para escribir HTML Conversores: son programas con otra función que la de la programación Web pero que permiten convertir a HTML Son ejemplos de conversores Microsoft Word ™,Quark XPress™ y PageMaker™

10 Herramientas para escribir HTML Asistentes : ayudan a crear el código HTML e incluyen plantillas de código prefabricadas, por ejemplo: HotDog™ (Win), HomeSite™(Win),HTML Editor™ (Mac), Quanta™ (Linux, KDE) o Bluefish™ (Linux, GNOME).

11 Herramientas para escribir HTML Editores WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes): estos editores permiten crear páginas web sin escribir código HTML como si se tratase de un programa de dibujo por ordenador. Algunos ejemplos de este tipo de editores son Macromedia Dreamweaver™, HotMetal™ o Microsoft Frontpage™

12 Elemento HTML Nombre de La Etiqueta Nombre del atributo Valor del atributo AtributoContenido Etiqueta Final Elemento HTML Encabezado de Ejemplo Etiqueta de Inicio

13 Documento HTML con cabecera Elementos de la cabecera... Resto de código de la página...

14 Documento HTML con título Mi primera página WEB

15 Documento HTML con contenido Mi primera página WEB Hola a todos, como han deducido por el titulo esta es la primera pagina web que hago, espero que les guste. Seguiré mejorando.

16 Documento HTML con encabezados Encabezado 1 Encabezado 2 Encabezado 3 Encabezado 4 Encabezado 5 Encabezado 6

17 Uso de etiquetas HTML Dibujo de líneas horizontales Escritura de contenido sin tener en cuenta espacios en blanco Escritura de párrafos Comentarios

18 Presentación de texto en HTML Alineamiento align "center", "left" y "right" Espaciado Tipo de letra,,,,,,,,,,,,,,, Tamaño de letra Color de letra

19 Presentación de texto en HTML Escritura de caracteres del alfabeto español á, é, í, ó, ú, ñ Á, É, Í, Ó, Ú, Ñ Escritura de caracteres especiales, &, " &# nnn ;

20 Presentación de texto en HTML Listas –Numerada u ordenada –No ordenada –Listas de glosario o de definición –Menús –Listas de directorio Tablas,,,

21 Imágenes en HTML La imagen tiene que estar en un archivo separado Ejemplos de tipo de archivo: BMP, GIF, JPEG, XPM, XBM, PNG, TIFF,

22 Enlaces hipertexto en HTML Página en otro directorio: dir/subdir/arch Uso de anclas: Comienzo Referencia externa: Texto sensible

23 Apariencia de una página Color de fondo Imágenes de fondo Imágenes y texto Texto … Imagen de enlace

24 Otras facilidades en HTML Uso de frames Videos Sonido Multimedia Un archivo multimedia

25 Otras facilidades en HTML Plug-ins Cookies Applets Formularios Botones de acción Botones de Selección Cajas de selección Cajas de texto multilínea

26 Bibliografía www.w3.org http://java.sun.com/applets/index.html

27 ¿Preguntas?