Qué es HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores los cuales se encargan de interpretar el código HTML de los documentos, y de mostrar a los s las páginas web resultantes del código interpretado.
Los navegadores. Compatibilidad El navegador es el que interpreta el código HTML de la página web por lo que a veces puede ocurrir que dos s visualicen la misma página de forma distinta porque tienen instalados navegadores distintos o incluso versiones distintas del mismo navegador. 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. 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.
Editores 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.
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. Nosotros utilizaremos el Bloc de notas para crear nuestras páginas, ya que se trata de un editor de textos muy sencillo de manejar, que nos permitirá crear páginas a través del código HTML. Al abrir el bloc de notas aparece un documento en blanco. Al escribir en él, funciona como cualquier otro editor de texto, basta con situar el cursor en el documento y escribir. Es recomendable insertar una nueva línea para cada nueva etiqueta HTML Si escribiéramos todo el código seguido nos resultaría difícil interpretarlo. por ello es preferible programar insertando las etiquetas por separado, en diferentes líneas.
Abrir y guardar documentos Para abrir un documento web, puedes utilizar cualquiera de las siguientes operaciones una vez abierto el Bloc de notas.
• •
Pulsar la combinación de teclas Ctrl+A. Hacer clic sobre el menú Archivo y elegir la opción Abrir. Como el Bloc de notas sirve originalmente para escribir documentos de texto, cuando le decimos Abrir, por defecto nos muestra los documentos con extensión .txt, nuestras páginas tienen la extensión .htm o html, por lo que debemos cambiar en el cuadro de diálogo abrir el tipo de archivo para visualizarlos todos y poder ver así nuestras páginas.
Antes de guardar el documento recuerda cambiar el tipo de archivo, selecciona “Todos los archivos”.
No debes olvidar guardar con la extensión htm o html. Por ejemplo, puedes guardar un documento con el nombre mipagina.htm
Etiquetas Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas: LA ETIQUETA DE COMIENZO está delimitada por los caracteres < >. Está compuesta por el identificador, puede contener atributos opcionales. Su sintaxis es:
Los atributos toman un valor propio del , o valores HTML predefinidos. LA ETIQUETA DE FINAL está delimitada por los caracteres . Está compuesta por el identificador y no contiene atributos. Su sintaxis es:
Algunas etiquetas no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre.
A continuación tenemos un ejemplo en el que tenemos la etiqueta
anidada dentro de la etiqueta .
Bienvenidos a la Clase
Este código daría como resultado el siguiente texto: Bienvenidos a la Clase Es importante anidar bien las etiquetas, las etiquetas no se pueden 'cruzar', en nuestro ejemplo hemos empezado por la etiqueta
, antes de cerrar esta etiqueta hemos puesto la
por lo que antes de cerrar la etiqueta
debemos cerrar la etiqueta
.
Estructura de una página La estructura básica de una página es:
… 3i1a26 ... ...
