Si lo estas haciendo con Internet Explorer, se debe haber abierto el bloc de notas de Windows con un conjunto de códigos complejos. Se trata del lenguaje HTML (Hipertext Markup Language) que se traduce al español como Lenguaje de Etiquetas de Hipertexto, con el cual está escrita esta página y que nuestro navegador (Mozzilla Firefox, Opera, Internet Explorer) interpreta y nos visualiza la página tal y como la vemos habitualmente.
El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como Microsoft wordpad, etc.
Existen además, otros programas para la realización de sitios web o edición de código HTML, como por ejemplo Microsoft Frontpage. También existe el famoso software de Macromedia (que adquirió la empresa Adobe) llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que ves es lo que obtienes”). Esto significa que son editores en los cuales se ve el resultado de lo que se está editando en tiempo real a medida que se va desarrollando el documento.
El hecho de disponer de editores potentes no debería llevarnos a abandonar el conocimiento del lenguaje de marcas HTML. Aunque estos editores demuestran gran potencia para nuestro propósito, conocer las etiquetas básicas de una página web nos ayudará a corregir en momentos puntuales estos detalles que el programa editor no nos permite hacer automáticamente o realizar pequeños retoques a nuestra web personal desde cualquier ordenador donde no dispongamos de ningún editor avanzado. Por lo tanto, antes de entrar en el conocimiento de programa editor, es conveniente conocer los elementos de código más básicos:
Podríamos decir que una página web es un fichero de texto ASCII (texto plano) guardado con extensión .htm o .html y comienza siempre con la etiqueta html y acaba con /html (encerradas entre <>), indicando así el inicio y el final del contenido.
Ejemplo de un documento html :
Entre las etiquetas head y /head se escriben datos identificadores de la página.
Observad que entre title y /title se escribe el texto que aparecerá como título en la barra superior del navegador.
El contenido de la página ( texto, elementos multimedia, tablas, etc.) está entre las etiquetas body y /body .
La marca p nos indica inicio de párrafo. Observad que hay que escribir también el punto donde acaba /p.
Para hacer que una parte del texto aparezca en negrita, lo insertaremos entre las marcas b y /b. Igualmente si queremos subrayar lo escribiremos entre u y /u.
En medio del párrafo encontramos la marca br que nos indica que hay retorno de línea dentro del párrafo.
La marca hr hace aparecer una barra horizontal al final de la página.
Al almacenar el contenido de este fichero de texto plano con la extensión .htm o .html y seguidamente abrirlo con vuestro navegador se vería de esta forma:
