¿Quién es quién...? Etiquetado HTML: El lenguaje básico para internet, es un lenguaje de etiquetado (markup). Simplemente marcas secciones de textos o bloques como
<p>"esto es un párrafo"
</p> y
<h1>"esto es un título"
</h1>.
XML: Es un lenguaje mucho más abierto que el html. En aquel tienes un cierto número de etiquetas específicas: párrafos, títulos, tablas... pero en xml puedes inventar tus propias etiquetas. El ejemplo
<rojo>Texto rojo</rojo> es una etiqueta xml válida, porque se me pegó la gana, pero no existe en html.
Ciertamente no ocupas xml como tal en páginas web (normales), sino html, pero es importante saber que esto existe.
XHTML: Ajá, ¿por qué saber que existe la cosa anterior? Pues porque el Xhtml es una variación del html pero basado en la correcta sintáxis del XML, donde hay que escribir las cosas bien. Html permite anidar chueco, xhtml no, entre otras cosas.
Html:
<p><b>Texto en bold
</p></b>
Xhtml
<p><b>Texto en bold
</b></p>
Pues hasta ahí no hay nada de programación. Puro etiquetado.
Update: Esto lo escribí en el 2009. En el 2013 el Xhtml ya está obsoleto, pero buenas prácticas aprendidas funcionan con el HTML5. Programación JavaScript:Cuando ves que pasan cosas en una página de internet, un menú que se abre cuando pasas el ratón en un link, los formatos que puedes usar en este mismo foro, al usar el modo avanzado para escribir un post, y cosas así, el primer lugar donde revisar es un posible JavaScript. Hay una variante llamada Jscript. Pero a grandes rasgos lo podemos considerar Javascript. Casi todos los navegadores pueden interpretar este lenguaje directamente, a diferencia de los que siguen.
Update2: Algunos efectos de menús bonitos y cosas que salen volando, animaciones son ya elaboradas con Css3. ActionScript:Es el lenguaje utilizado para que sucedan cosas dentro de Flash. A diferencia del Html, Css y JavaScript, ActionScript es propiedad de una empresa y hay que utilizar software propietario para elaborarlo. Cabe aclarar que Flash es una cosa aparte del html, por eso hay que instalar el flash player en nuestra computadora de manera independiente al navegador, aunque interactúe completamente con la página html que lo contiene.
¿Dónde es dónde...? De tu lado
En tu pc puedes ver páginas
Html y htm (Que son lo mismo). Quizá uses estilos con Hoja de estilos;
Css, y quizá tengas un comportamiento por ahí
JavaScript. Ya usaste algo de Flash,
ActionScript. Estos lenguajes son procesados en la computadora del usuario, "
Lenguajes del lado del Cliente", pero hay otros que se trabajan en el servidor donde se hospeda la página "
Lenguajes del Lado del Servidor".
del otro lado
Un Servidor
http://es.wikipedia.org/wiki/Servidor no es solamente una computadora que hospeda una página en algún lugar, sino que tiene un programa llamado Servidor Web
http://es.wikipedia.org/wiki/Servidor_web (a poco), o sea el que entrega (sirve) las páginas cuando se solicitan. El ejemplo más conocido y usado es
Apache http://www.apache.org/.
Adicionalmente hay otros lenguajes que corren en estos servidores, el más usado es
Php http://www.php.net/.
Este es usado por ejemplo, para procesar información enviada por un formulario Html para enviarla a un correo electrónico, para generar páginas automáticamente desde bases de datos, para procesar solicitudes a estas bases, contadores, etc...
Estos archivos pueden ser semejantes a uno html con algunos JavaScripts metidos, solo que la extensión debe ser .php en vez de .html, para que el servidor entienda que debe buscar código específico para procesarlo de manera especial.
Algunos de estos lenguajes son:
Php
Python
Asp
Perl
ColdFusion
Java (del lado del servidor) y ¿Contenido y forma...?
Por un lado la estructura la defines con el HTML que ya comentamos. Esta estructura, junto con el mismo texto forman el contenido.
Pero hay que separar contenido de la forma. La forma, el cómo se ve tu sitio, está definido por una hoja de estilos.
CSS: Como diseñador este es donde hay que poner atención, este es un lenguaje para dar estilo (forma) al etiquetado html.
"Tal título debe tener una letra grande y roja, y cargado a la derecha, con una letra bonita..."
h1 {size: big; color: red; text-align: right; font-family: vivaldi;}