Suggerimenti per la composizione

Formati del testo

HTML di base

  • Elementi HTML permessi: <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol type start> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt data-entity-type data-entity-uuid data-entity-substitution data-align data-caption width height> <u> <s> <sup> <sub> <div> <iframe src allowfullscreen width height frameborder> <object> <param> <a href hreflang data-entity-type data-entity-uuid data-entity-substitution data-entity-type data-entity-uuid data-entity-substitution> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr> <hr>

  • Indirizzi web ed indirizzi e-mail diventano automaticamente dei link.
  • È 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>.

HTML ristretto

  • Elementi HTML permessi: <a href hreflang data-entity-type data-entity-uuid data-entity-substitution> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol type start> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <u> <s> <sup> <span> <div> <iframe src allowfullscreen width height frameborder> <object> <param> <hr> <img src alt data-entity-type data-entity-uuid data-entity-substitution data-align data-caption> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr> <p> <h1>

    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="https://www.foudebasson.com">Drupal</a> Drupal
    Enfatizzato <em>Enfatizzato</em> Enfatizzato
    Grassetto <strong>Grassetto</strong> Grassetto
    Citazione <cite>Citazione</cite> Citazione
    Blocco testo citato <blockquote>Blocco testo citato</blockquote>
    Blocco testo citato
    Testo codice utilizzato per mostrare il codice sorgente dei programmi <code>Codice</code> Codice
    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>
    1. Prima voce
    2. 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
    Sottolineato <u>Sottolineato</u> Sottolineato
    Aiuto non disponibile per l'elemento s
    Scritto in alto Scritto <sup>in alto</sup> Scritto in alto
    Aiuto non disponibile per l'elemento span
    Aiuto non disponibile per l'elemento div
    Aiuto non disponibile per l'elemento iframe
    Aiuto non disponibile per l'elemento object
    Aiuto non disponibile per l'elemento param
    Aiuto non disponibile per l'elemento hr
    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
    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.

    Intestazione <h1>Titolo</h1>

    Titolo

    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 &amp; &
    Maggiore di &gt; >
    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" />
  • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.
  • Indirizzi web ed indirizzi e-mail diventano automaticamente dei link.

Testo semplice

  • Nessun tag HTML consentito.
  • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.
  • Indirizzi web ed indirizzi e-mail diventano automaticamente dei link.