Cómo hacer buenas páginas web (volver al índice)

Sobre HTML

Si eres de los que usan habitualmente cosas como <font>, <br>, <b> o <table>, lee esto, porque te ayudará. El HTML correcto es más sencillo que el que tú conoces, y permite hacer muchas más cosas.

¿Qué es el HTML?

Si las páginas fueran sólo líneas y líneas de texto, serían muy aburridas. Para evitar esto, el autor puede dejar escrita la estructura del texto para que los usuarios puedan -mediante sus navegadores- dar un formato especial a algunas secciones.

HTML es sólo para describir la estructura de una web. El autor le cuenta al navegador cómo es la web; y es trabajo del navegador decidir cómo va a mostrar cada sección (colores, tamaños, tipos de letra, ...). Si el autor quiere además especificar el diseño, puede usar CSS (hojas de estilo), que explico más adelante. No sirve el HTML.

¿Es necesario usar HTML?

No, hay más formas de estructurar contenido, por ejemplo XML o XHTML (que es una mezcla de XML y HTML).

Con el tiempo dejará de usarse HTML en favor de XHTML, que cumple mejor con su objetivo.

¿Es necesario saber HTML para hacer una web?

No. Hay programas con los que puedes dar la estructura al texto cómodamente, y generan código HTML correcto (excepto Frontpage). Yo uso el Mozilla Composer para ahorrar trabajo, aunque luego lo reviso a mano.

De todas formas, va muy bien saberlo, y es un lenguaje muy simple.

¿Es fácil escribir HTML?

Sí, tanto que hay muchos cursillos para principiantes en cualquier academia de informática. No hay que saber programar, y sólo hace falta un editor de textos.

Esta "facilidad" hace que mucha gente consiga hacer páginas casi sin saber qué es lo que ha escrito, con código de baja calidad y complicándose demasiado.

¿Es fácil escribir HTML correcto?

Para un principiante y a mano, cuesta, sobre todo cuando no sabes qué es correcto y qué no.

No obstante, se hace muy sencillo si tú evitas complicarlo. Hay muy poco código HTML en una página bien hecha; mira ésta como ejemplo. Eso es lo que explicaré en la sección de Consejos.

También hay un programa, HTML Tidy, que puede buscar errores sencillos en tu código y corregirlos un poco. El código resultante es muy complicado de entender; es mucho mejor si lo escribes bien desde el principio.

Cursillo de HTML

En inglés: puedes consultar la propia especificación HTML 4.01 del W3C. Es lo mejor que hay, porque no tiene fallos. Si hicieron algún error al escribir, ya no es un error, ¡ahora es oficial!.

En español: la mayoría de cursos enseñan HTML no correcto. El único que puedo recomendar, de momento, es el tutorial de HTML con clase, algo largo pero que no se deja nada importante por explicar (hasta habla de CSS). Otros cursos, medianamente buenos (en mi opinión), son: SelfHTML, el de Daniel Rodríguez, LuCAS.

Si lo que te interesa es el XHTML, tienes un tutorial de XHTML muy bueno hecho por Belén Albeza (BenKo). Consulta su web para más información.

Cómo es una dirección (URI)

Una URI (eso incluye a las URL) tiene el nombre del protocolo (suele ser http), el :// seguido del nombre de la máquina, y luego la ruta del archivo al que se accede. Por ejemplo,

http://www.danielclemente.com/html/index.html
http://www.danielclemente.com/html/
mailto://142857@ozu.quitando-esto.es
news://netscape.public.mozilla.svg/

son URIs. Fíjate en que la primera hace referencia a un arhivo de mi servidor, y la segunda a un directorio, por eso lleva la barra al final. Si no pusieras la barra, se te redirigiría a la dirección correcta; pruébalo: http://www.danielclemente.com/html (sin la barra final).

Extensión de los archivos: ¿ html o htm ?

¿Por qué index.html y no index.htm, si también funciona y es más corto?

Bueno, me gusta llamar a las cosas por su nombre, y esto es una página HTML. HTM no quiere decir nada; el lenguaje siempre se ha llamado HTML.

La culpa de este lío, es, como siempre, de Microsoft. Desde que compraron QDOS (MS-DOS), ya limitaban la extensión de un archivo a 3 caracteres. Tardaron 14 años en copiar el modelo de UNIX y Linux, en el que el nombre y la extensión pueden ser tan largos o cortos como se quiera.

Así que: llama a las cosas por su nombre: .xhtml para el XHTML, .html para HTML, .php para PHP, .xml para XML, etc. ¿Por qué habríamos de llamar XM al XML?

Efectos HTML

He visto que muchos entran en mi web buscando en Google efectos html. Pues que quede claro:

HTML es un lenguaje para estructurar texto.

No es para hacer animaciones, ni efectos especiales, ni juegos. Probablemente te interesa aprender CSS para hacer virguerías inimaginables con el diseño; eso sí que es posible.