HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...). Este lenguaje es el que se utiliza para presentar información en el World Wide Web.
•La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc.), así como los diferentes efectos que se quieren dar (cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializado (como Mosaic o Netscape
•HTML HyperText Markup Language: HTML es un SGML DTD. En términos prácticos, es una colección de estilos (indicados por tags, marcas de markup) que definen los componentes variados de un documento World Wide Web.
•PARA CREAR UN HTML:
Para comenzar solo es necesario:
Un procesador de texto: los documentos HTML están en formato de texto sencillo (también conocido como ASCII). El procesador de texto se utiliza para escribir el documento en lenguaje HTML, que será posteriormente interpretado por el programa navegador correspondiente, siempre que el documento esté guardado en formato: "sólo texto".
•El texto escrito tiene dos partes bien diferenciadas, el contenido de la información y el conjunto de etiquetas del lenguaje HTML, que permiten determinar el estilo y el tipo de letra que tendrá la presentación del documento final y que pueda ser leído por un programa cliente.
•versiones de HTML
2.0
Cuando se produjo la explosión de Internet el estándar de HTML que circulaba era el 2.0 (establecido en noviembre del 95), de modo que cualquier navegador que encontremos será capaz de interpretarlo.
•2.2. HTML 3.0 y 3.2
•Aunque la versión 2.0 cumplía bien el objetivo para el que se creó, carecía de herramientas para tener un control mínimamente complejo de los documentos. No se consideró necesario que lo tuviera, ya que por aquel entonces Internet era un fenómeno más bien circunscrito a la actividad académica y el contenido primaba sobre el diseño. Debido a ello, Netscape (líder del mercado de navegadores por aquel entonces) empezó a incluir etiquetas nuevas no incluidas en ningún estándar.
•2.3. HTML 4.0
•En julio de 1997 se presenta el borrador de este estándar. Por fin se estandarizan los marcos (frames), las hojas de estilo y los scripts (entre otras cosas). El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado.
•2.4. Estándares en este curso
•En principio cualquier navegador debería ser capaz de interpretar el HTML 3.2, pero por si necesitas saber por alguna razón el estándar al que pertenece una etiqueta o parámetro en particular, se incluirá una de las siguientes indicaciones:
•ESTRUCTURAS DE UNA PAGUINA WEB
•Lo primero que debemos de hacer es abrir el blog de notas de Windows. Una vez hecho esto, estamos preparados para empezar a escribir código html. Las primeras etiquetas que vamos a aprender son las etiquetas , y .
•Veamos el código siguiente para saber como estructurar estas etiquetas:
• Vemos que primero tenemos la etiqueta , y que ésta engloba a las otras dos. De esta forma, escribiendo la etiqueta y su cierre, declaramos al navegador que se trata de un documento html. Posteriormente temenos las etiquetas y . Lo que escribamos dentro de la etiqueta será lo que muestre el navegador a nuestros visitantes. Veamos un ejemplo:
• Esta es mi primera página web En este código hemos puesto, dentro de la etiqueta , una frase. De esta manera, los que visiten la página verán nuestra frase apareciendo en pantalla. Puedes escribir el código en tu blog de notas y guardarlo como pagina.html (sin tilde), depués abrir el archivo resultante y verás la página; algo similar a la figura 4.
•En la grafica anterior nos muestra el navegador de nuestra pagina
•Así pues, lo que metamos dentro de la etiqueta será el contenido de nuestra página web. La etiqueta tiene otro cometido; sirve para proporcionar los datos que pudiesen necesitar otros sistemas informáticos, como puede ser un buscador de páginas web o el propio navegador.
•Por ejemplo, con la etiqueta Esta es mi primera página web Así podemos darle un título a nuestro documento web que el navegador lo reconocerá y escribirá en la parte superior de la ventana (figura 5). Escribe el código y guárdalo con el nombre pagina.html. Es conveniente que no lo cortes y peges, sino que lo escribas para ir practicando. Así puedes ir asimilando conceptos.
•NAVEGADORES COMPATIBLES
•Los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión.
•Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Netscape Navigator, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores.
•Los navegadores tienen que ser compatibles con la última versión HTML para poder interpretar el mayor número posible de etiquetas. Si un navegador no reconoce una etiqueta, la ignora y el efecto que pretendía la etiqueta no queda reflejado en la página.
•Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya existentes, o se añaden nuevas etiquetas.
•EDITORES (BLOC DE NOTAS)
•Un editor es un programa que nos permiten redactar documentos. Hoy en día existen un gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una sola línea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar rapidez.
•Estos editores visuales pueden generar en ocasiones código basura, es decir, código que no sirve para nada, en otras ocasiones puede ser más efectivo corregir directamente el código por lo que resulta necesario saber HTML para poder depurar el código de nuestra páginas.
•Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos.
•En aulaClic puedes encontrar los cursos de Macromedia Dreamweaver y Microsoft Frontpage, dos de los editores más usados hoy en día.
•Es aconsejable comenzar utilizando una herramienta lo más sencilla posible, para tener que insertar nosotros mismos el código HTML. Esto permite familiarizarse con el lenguaje, para poder utilizar algún editor visual posteriormente, y depurar el código cuando fuera necesario.
•Para crear páginas web escribiendo directamente el código HTML puedes utilizar la herramienta Wordpad o el Bloc de notas que proporciona Windows.
•ETIQUETAS
•Las etiquetas
•Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
•La etiqueta de comienzo está delimitada por los caracteres <>. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es:
•Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y pueden tomar cualquier valor propio del usuario
•Bloc de notas
•(en inglés llamado Notepad) es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy sencilla. Algunas características propias son:
•Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
•Inserción de hora y fecha actual automática si el documento comienza por ".LOG".
•Ajuste de línea.Aunque Bloc de notas es un programa antiguo, no tiene ningún archivo de configuración. Por lo tanto si necesitamos hacer uso de algunas funcionalidades avanzadas o establecer los valores por defecto de algunos parámetros hemos de editar directamente el registro de Windows y cambiar o crear las parejas clave/valor correspondientes
