Etiquetes HTML permeses: <a> <em> <it> <b> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <div> <img> <span> <center> <h1> <h2> <h3> <h4> <h5> <h6> <!-- break -->
Aquest lloc permet contingut HTML. Mentre aprendre HTML pot semblar intimidatori, aprendre com utilitzar un nombre petit de les "etiquetes" HTML més bàsiques és molt senzill. Aquesta taula proveeix exemples de cada etiqueta que es pot utilitzar en aquest lloc.
Per a més informació consulteu les especificacions HTML de W3C o utilitzeu el vostre motor de cerca favorit per trobar altres llocs que expliquin HTML.
| Descripció d'etiqueta | Escriviu | Obteniu |
| Les àncores es fan servir per fer enllaços a altres pàgines. | <a href="http://teatraviesas.org">Teatraviesas | Teatro de las oprimidas y los oprimidos</a> | Teatraviesas | Teatro de las oprimidas y los oprimidos |
| Emfatitzat | <em>Emfatitzat</em> | Emfatitzat |
| No hi ha ajuda per l'etiqueta it. |
| En negreta | <b>En negreta</b> | En negreta |
| Fort | <strong>Fort</strong> | Fort |
| Citat | <cite>Citat</cite> | Citat |
| Text codificat emprat per mostrar codi font de programació | <code>Codificat</code> | Codificat |
| Llista sense endreçar - empreu <li> per començar cada element de llista | <ul> <li>Primer element</li> <li>Segon element</li> </ul> | - Primer element
- Segon element
|
| Llista endreçada - empreu <li> per començar cada element de llista | <ol> <li>Primer element</li> <li>Segon element</li> </ol> | - Primer element
- Segon element
|
| Les llistes de definicions són similars a altres llistes HTML. <dl> comença la llista de definició, <dt> comença el terme definit i <dd> comença la descripció de la definició. | <dl> <dt>Primer terme</dt> <dd>Primera definició</dd> <dt>Segon terme</dt> <dd>Segona definició</dd> </dl> | - Primer terme
- Primera definició
- Segon terme
- Segona definició
|
| Per defecte les etiquetes de paràgraf s'afegeixen automàticament, així que utilitza aquesta etiqueta per afegir els addicionals. | <p>Paràgraf u.</p> <p>Paràgraf dos.</p> | Paràgraf u. Paràgraf dos. |
| No hi ha ajuda per l'etiqueta div. |
| No hi ha ajuda per l'etiqueta img. |
| No hi ha ajuda per l'etiqueta span. |
| No hi ha ajuda per l'etiqueta center. |
| Capçalera | <h1>Títol</h1> | Títol |
| Capçalera | <h2>Subtítol</h2> | Subtítol |
| Capçalera | <h3>Subtítol tres</h3> | Subtítol tres |
| Capçalera | <h4>Subtítol quatre</h4> | Subtítol quatre |
| Capçalera | <h5>Subtítol cinc</h5> | Subtítol cinc |
| Capçalera | <h6>Subtítol sis</h6> | Subtítol sis |
Molts caràcters poc usuals es poden entrar sense cap problema.
Si teniu problemes, intenteu utilitzar entitats de caràcters HTML. Un exemple comú se semblaria a & per un caràcter Y &. Per una llista completa d'entitats consulteu la pàgina d'entitats. Alguns dels caràcters disponibles inclouen:
| Descripció de caràcter | Escriviu | Obteniu |
| Àmpersand | & | & |
| Més gran que | > | > |
| Més petit que | < | < |
| Marca d'interrogació | " | " |
To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example:
<a href="image-1.jpg" rel="lightbox">image #1</a>
<a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>
To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.
If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example:
<a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
<a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>
There are no limits to the number of image sets per page or how many images are allowed in each set.
If you wish to turn the caption into a link, format your caption in the following way:
<a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>