This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

2. Conceptos Básicos


El html o xhtml no son lenguajes de programación, sino lenguajes de marcado. Lo único que hacemos con ellos es darle formato al texto, imagenes, video y elementos multimédia que mostremos en nuestra página.

Un claro ejemplo para ver como funciona este tipo de lenguajes, es cuando un director dicta a su secretaria una carta. Diria:

"Hola Jose:

Te comunico con estas cartas ..."

Con codigo de marcado seria

<carta>

<comillas>Hola jose:<saltodelínea>

Te comunico con estas <negrita><cursiva><subrayado> cartas</subrayado></cursiva></negrita>...</comillas>

</carta>

Como podras comprobar estas etiquetas no son reales, sino un ejemplo para mostrarte la forma de utilizar el lenguaje xhtml. No son más que una serie de etiquetas para poder dar formato a la página. Observa que estas etiquetas estan acotadas por dos simbolos < y >. Es por ellos por los que podemos identificar y definir cada elemento de nuestra página.

Como también podemos apreciar, estas etiquetas tienen un principio y un final. Las dos formas de cerrar una etiqueta son las siguientes:

  1. <etiqueta> bloque de contenido</etiqueta>
  2. <etiqueta />

Para terminar con este articulo decir que, el lenguaje xhtml, a diferencia de otros lenguajes de programación no distingue entre mayusculas y minusculas.

Task Discussion


  • Gonzalo   April 16, 2012, 12:32 p.m.

    Una pregunta, que es más recomendable escribir los tag en mayúscula o minúscula?

  • jose francisco   April 16, 2012, 5:44 p.m.
    In Reply To:   Gonzalo   April 16, 2012, 12:32 p.m.

    Según las recomendaciones del w3c, todas las etiquetas que se escriben en xhtml, se hacen en minuscula. Aunque este lenguaje no distinga entre ellas. Solo a los nombres de las clases y las id se suele poner la primera palabra en mayúscula, pero por claridad en la escritura como ya indicare en su momento, no por norma.

    por ejemplo:

    no es lo mismo:

    noEsLoMismoEstoQueLoOtro

    que esto: 

    noeslomismoestoquelootro

    Al poner la primera letra en mayúscula, se aprecian mejor las palabras que estando todas en minúscula.

    Pero lo que es las etiquetas son todas en minusculas.

    <div><img>

    incluso en html5 que después veremos

    <nav><footer><header>

  • Gonzalo   April 17, 2012, 9:17 a.m.
    In Reply To:   jose francisco   April 16, 2012, 5:44 p.m.

    Entendido, muchas gracias!!