Suggerimenti per la composizione

HTML di base

• Elementi HTML permessi: <a href hreflang class data-dialog-options data-dialog-type data-dialog-renderer> <em> <strong> <dfn class tabindex title> <button class disabled> <blockquote cite> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr>

  Questo sito permette di utilizzare contenuti HTML. Una conoscenza totale del codice HTML potrebbe intimorire ma imparare a usare pochi "tag" basilari di HTML è molto semplice. Questa tabella fornisce esempi per ogni tag attivato in questo sito.

  Per ulteriori informazioni leggere le Specifiche HTML del W3C o in alternativa usare un motore di ricerca per trovare informazioni sul formato HTML.

  Descrizione elemento	Cosa scrivi	Cosa vedi
  Le ancore servono a creare collegamenti ad altre pagine.	<a href="http://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Enfatizzato	<em>Enfatizzato</em>	Enfatizzato
  Grassetto	<strong>Grassetto</strong>	Grassetto
  Aiuto non disponibile per l'elemento dfn
  Aiuto non disponibile per l'elemento button
  Blocco testo citato	<blockquote>Blocco testo citato</blockquote>	Blocco testo citato
  Elenco non ordinato - utilizza <li> all'inizio di ogni voce dell'elenco	<ul> <li>Prima voce</li> <li>Seconda voce</li> </ul>	Prima voce Seconda voce
  Elenco ordinato - utilizza <li> all'inizio di ogni voce dell'elenco	<ol> <li>Prima voce</li> <li>Seconda voce</li> </ol>	Prima voce Seconda voce
  Aiuto non disponibile per l'elemento li
  Gli elenchi definizione sono simili agli altri elenchi HTML. <dl> inizia l'elenco definizione, <dt> inizia il termine da definire e <dd> inizia la descrizione della definizione.	<dl> <dt>Primo termine</dt> <dd>Prima definizione</dd> <dt>Secondo termine</dt> <dd>Seconda definizione</dd> </dl>	Primo termine Prima definizione Secondo termine Seconda definizione
  Aiuto non disponibile per l'elemento dt
  Aiuto non disponibile per l'elemento dd
  Intestazione	<h2>Sottotitolo</h2>	Sottotitolo
  Intestazione	<h3>Sottotitolo tre</h3>	Sottotitolo tre
  Intestazione	<h4>Sottotitolo quattro</h4>	Sottotitolo quattro
  Intestazione	<h5>Sottotitolo cinque</h5>	Sottotitolo cinque
  Intestazione	<h6>sottotitolo sei</h6>	sottotitolo sei
  Come impostazione predefinita, gli elementi che definiscono i paragrafi sono aggiunti automaticamente, quindi utilizza questo elemento per aggiungerne di ulteriori.	<p>Paragrafo uno.</p> <p>Paragrafo due.</p>	Paragrafo uno. Paragrafo due.
  Come impostazione predefinita, gli elementi di interruzione linea sono inseriti automaticamente, quindi utilizza questo elemento per aggiungerne di ulteriori. L'uso di questo elemento è differente perché non prevede una coppia aperto/chiuso come tutti gli altri. Aggiungi un " /" extra all'interno dell'elemento per mantenere la compatibilità con XHTML 1.0	Testo con interruzione di linea <br />	Testo con interruzione di linea
  Aiuto non disponibile per l'elemento span
  Aiuto non disponibile per l'elemento img
  Tabella	<table> <tr><th>Intestazione tabella</th></tr> <tr><td>Cella tabella</td></tr> </table>	Intestazione tabella Cella tabella
  Aiuto non disponibile per l'elemento caption
  Aiuto non disponibile per l'elemento tbody
  Aiuto non disponibile per l'elemento thead
  Aiuto non disponibile per l'elemento tfoot
  Aiuto non disponibile per l'elemento th
  Aiuto non disponibile per l'elemento td
  Aiuto non disponibile per l'elemento tr

  La maggioranza dei caratteri inusuali può essere immessa direttamente senza problemi.

  If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

  Descrizione carattere	Cosa scrivi	Cosa vedi
  E commerciale	&	&
  Maggiore di	>	>
  Minore di	&lt;	<
  Virgolette	&quot;	"

• È possibile allineare immagini, video, elenchi ed altro a sinistra, destra oppure centro. Esempio:

  • Allinea una immagine a sinistra: <img src="" data-align="left" />
  • Allinea una immagine al centro: <img src="" data-align="center" />
  • Allinea una immagine a destra: <img src="" data-align="right" />
  • … ed è possibile applicare questo ad altri elementi come: <video src="" data-align="center" />

• È possibile aggiungere didascalie a immagini, video, blocchi di citazione e così via. Esempi:

  • <img src="" data-caption="Questa è una didascalia" />
  • <video src="" data-caption="Il ballo di Drupal" />
  • <blockquote data-caption="Dries Buytaert">Drupal è pazzesco!</blockquote>
  • <code data-caption="Hello world in JavaScript.">alert("Ciao mondo!");</code>
• Solo le immagini ospitate su questo sito possono essere utilizzate nel tag <img>.