Avui he volgut parlar d’aquest llenguatge que tan poc coneixem i que tan usem. En primer lloc us diré que és un llenguatge que utilitzem per a crear contingut deixant de banda el disseny o estil de la web on el publiquem. D’això ja se n’ocupa les fulles d’estil i el Javascript (definició wikipedia).

Durant l’época del Web 1.0, només aquells que coneixien el llenguatge HTML podien crear webs, continguts… Ara gràcies a la revolució del Web 2.0 i sobretot a les eines d’escriptura XHTML que ens ofereixen molts de nosaltres, amb uns simples coneixements de nivell usuari, podem crear els nostres propis continguts i crear-nos una identitat digital. 

 

eines.jpg

 

Us resulten familiars aquestes eines?

Nosaltres veiem les icones i sabem que vol dir cada cosa. Per exemple B vol dir bold “negreta”, I vol dir italics “cursiva”, i així successivament. Però quan nosaltres clickem sobre aquesta icona què passa?

Per exemple al clickar sobre B allò que hem seleccionat i hem posat en negreta, en el llenguatge XHTML, estarà entre els següents elements: <strong> text que està en negreta </strong>.

Això passarà també amb la resta d’icones però, obviament, els elements seran diferents:

  • Cursiva <em></em>
  • Subrallat <u> </u>
  • Negreta <strong> </strong> 
  • Paràgraf  <p> </p>
  • Vinyetes <li> </li>

>> Aquesta petita llista són dels més fàcils de memoritzar i dels més útils, però hi ha una gran llista. Si voleu podeu practicar deixant comentaris en aquest post. <<

Recordem que en el llenguatge XHTML els elements sempre s’han de tancar (tancar vol dir que si hem posat <em> quan vulguem que la cursiva s’acabi ho haurem de fer per mitjà de </em>. I si quelcom posseeix més d’un elements, aquests s’hauran de tancar d’acord amb un ordre: el que s’obre últim es tanca primer.

 

Si voleu saber més i/o aprendre a escriure amb XHTML sense usar les icones visiteu:

XHTML (Wikipedia)

Tutorial: código XHTML

Primeros pasos hacia el XHTML (Maestros del web)

Manual XHTML aquest és per mi el link més interessant

I si no us acaben de fer el pes, busqueu per la xarxa!!!

 

Eli ^^

______________________________________________________

I ara per a què realment us doneu compte de la facilitat que suposa treballar amb aquestes eines us proposo que observeu el següent text. Sabeu què és?

<p align=”justify”>Avui he volgut parlar d’aquest <strong>llenguatge que tan poc coneixem i que tan <u>usem</u></strong>. En primer lloc us diré que és un llenguatge que utilitzem per a crear contingut deixant de banda el disseny o estil de la web on el publiquem. D’això ja se n’ocupa les fulles d’estil i el <a target=”_blank” href=”http://www.javascript.com/&#8221; mce_href=”http://www.javascript.com/&#8221; title=”web de Javascript”>Javascript</a> <em>(</em><a target=”_blank” href=”http://es.wikipedia.org/wiki/JavaScript&#8221; mce_href=”http://es.wikipedia.org/wiki/JavaScript”><em>definició wikipedia</em></a>).</p> <p align=”justify”>Durant l’época del <font color=”#ffffff”>Web 1.0</font>, només aquells que coneixien el llenguatge HTML podien crear webs, continguts… Ara gràcies a la revolució del <font color=”#ffffff”>Web 2.0</font> i sobretot a les eines d’escriptura XHTML que ens ofereixen molts de nosaltres, amb uns simples coneixements de nivell usuari, podem crear els nostres propis continguts i crear-nos una identitat digital. </p><p align=”justify”> </p><div style=”text-align: center”><img src=”https://mikadoblog.files.wordpress.com/2008/02/eines.jpg&#8221; mce_src=”https://mikadoblog.files.wordpress.com/2008/02/eines.jpg&#8221; alt=”eines.jpg” /></div><p align=”justify” style=”text-align: center”> </p><p align=”justify”>Us resulten familiars aquestes eines?</p><p align=”justify”>Nosaltres veiem les icones i sabem que vol dir cada cosa. Per exemple <strong>B</strong> vol dir bold “negreta”, <em>I</em> vol dir italics “cursiva”, i així successivament. Però quan nosaltres clickem sobre aquesta icona <font color=”#ebf40a”>què passa?</font></p><p align=”justify”>Per exemple al clickar sobre <strong>B</strong> allò que hem seleccionat i hem posat en negreta, en el llenguatge XHTML, estarà entre els següents elements: <strong> text que està en negreta </strong>.</p>

<p align=”justify”>Això passarà també amb la resta d’icones però, obviament, els elements seran diferents:</p>

<ul>

            <li>

<div align=”justify”>Cursiva <em></em></div>

</li>

            <li>

<div align=”justify”>Subrallat <u> </u></div>

</li>

            <li>

<div align=”justify”>Negreta <strong> </strong> </div>

</li>

            <li>

<div align=”justify”>Paràgraf  <p> </p></div>

</li>

            <li>

<div align=”justify”>Vinyetes <li> </li></div>

</li>

</ul>

<p align=”justify”><font color=”#ff6600″><strong>>> </strong></font><em>Aquesta petita llista són dels més fàcils de memoritzar i dels més útils, però hi ha una gran llista. Si voleu podeu practicar deixant comentaris en aquest post.</em> <font color=”#ff6600″><strong><<</strong></font></p>

<p align=”justify”>Recordem que en el llenguatge XHTML els elements sempre s’han de tancar (tancar vol dir que si hem posat <em> quan vulguem que la cursiva s’acabi ho haurem de fer per mitjà de <<strong>/</strong>em>. I si quelcom posseeix més d’un elements, aquests s’hauràn de tancar d’acord amb un ordre: el que s’obre últim es tanca primer.</p>

<p align=”justify”> </p>

<p align=”justify”>Si voleu saber més i/o aprendre a escriure amb XHTML sense usar les icones visiteu:</p>

<p align=”center”><a target=”_blank” href=”http://es.wikipedia.org/wiki/XHTML&#8221; mce_href=”http://es.wikipedia.org/wiki/XHTML”>XHTML</a&gt; (Wikipedia)</p>

<p align=”center”><a target=”_blank” href=”http://www.htmlquick.com/es/tutorials/xhtml.html&#8221; mce_href=”http://www.htmlquick.com/es/tutorials/xhtml.html”>Tutorial: código XHTML</a></p>

<p align=”center”><a target=”_blank” href=”http://www.maestrosdelweb.com/editorial/haciaxhtml/&#8221; mce_href=”http://www.maestrosdelweb.com/editorial/haciaxhtml/”>Primeros pasos hacia el XHTML</a> (Maestros del web)</p>

<p align=”center”><a target=”_blank” href=”http://manual-xhtml.blogspot.com/&#8221; mce_href=”http://manual-xhtml.blogspot.com/”>Manual XHTML</a> <em>aquest és per mi el link més interessant</em></p>

<p align=”justify”>I si no us acaben de fer el pes, busqueu per la xarxa!!!</p>

<p align=”justify”> </p>

<p align=”justify”>Eli ^^</p>

 

És la codificació d’aquesta entrada des d’ “Avui” -la primera paraula- fins a “Eli ^^” -la meva signatura-. Sabrieu fer una entrada com aquesta (amb negretes, cursives, canvi de colors, enllaços…) emprant el llenguatge XHTML? Difícil, no? Doncs sí, millor seguim utilitzant aquestes eines… jejej.

 

Per cert, en aquesta entrada he intentat posar molts elements per tal que veieu que aquestes eines, les icones, ens faciliten molt de treball i sobretot treballar des d’un camp visual i no des de la pròpia codificació que a més d’un ens produiria un gran mal de cap.