OBJETIVOS
Conocer los fundamentos de HTML
Escribir HTML usando un editor sencillo
Escribir HTML usando otra herramienta
Conocer las marcas HTML
Visualizar el HTML en un navegador
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.
Archivo HTML básico
Elementos
Etiquetas
< BR>
< HR>
< P>
Pares de etiquetas
< Etiqueta> Texto < /Etiqueta>
Etiquetas con atributos
< Etiqueta Atributo="Valor">
Las etiquetas pueden anidarse
Estructura básica
< HTML>
Código de la página
< /HTML>
Estructura General
< !DOCTYPE HTML PUBLIC version html>
< HTML>
< HEAD>
< TITLE> Titulo de mi Página< /TITLE>
…… Información opcional …..
< /HEAD>
< BODY>
…. el texto del documento con marcas….
< /BODY>
< /HTML>
Cabecera
Cuerpo
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
Reglas Generales
Puede contener comentarios
< !- Comentario ->
Anidamiento estricto (bien formado)
Ignora elementos desconocidos
Ignora atributos desconocidos
Los browsers suelen ser permisivos
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
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).
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
Elemento HTML
Nombre de
La Etiqueta
Nombre del
atributo
Valor del
atributo
Atributo
Contenido
Etiqueta
Final
Elemento HTML
< H1 ALIGN=LEFT> Encabezado de Ejemplo < /H1>
Etiqueta de Inicio
Página siguiente |