Aiuto:HTML: differenze tra le versioni
pagina di aiuto in fase sperimentale |
(Nessuna differenza)
|
Versione delle 19:25, 3 nov 2014
Wikificare e Dewikificare
Immagini · Wikilink e Interlink · Tabelle · Note · Formule matematiche · File multimediali e suoni · Quiz
HTML · CSS · Caratteri speciali e Unicode · Variabili · Funzioni di parsing · Inputbox
Il software MediaWiki permette di utilizzare un subset di tag HTML 5 con i relativi attributi per la formattazione delle pagine. Per molti di questi esistono d'altra parte degli equivalenti nel linguaggio Wiki oppure possono essere sostituiti da appostiti template. Generalmente, all'intenro delle pagine vengono preferiti questi ultimi due, anche se l'HTML è molto utile quando per la formattazione non esistono template.
Tutorial
Questa pagina d'aiuto fornisce solo qualche informazione generale sul markup. Per maggiori informazioni si veda
- (EN) HTML5 Introduction sul sito w3schools.com
Attributi
Gli attributi HTML forniscono informazioni aggiuntive su un elemento e sono sempre specificate nel tag di apertura. La loro sintassi richiede una coppia nome/valore, del tipo nomeattributo="valore".
Di seguito elenchiamo gli attributi globali applicabili a tutti i tag. Quelli non presenti nella lista non sono riconosciuti da MediaWiki:
class: la/e classe/i a cui l'elemento appartiene.dir: direzione del testo. Accetta i valori "ltr" (left-to-right, da sinistra a destra), "rtl" (right-to-left, da destra a sinistra) or "auto".id: identifica univocamente l'elemento.lang: Lingua principale dei contenuti della pagina secondo il BCP 47. Il software MediaWiki aggiunge automaticamente l'attributoxml:langogni volta che viene definitolang.style: applica stili CSS al contenuto di un elemento.title: informazione associata all'elemento.
Gli attributi dei microdati di HTML 5 che si applicano a tutti i tag:
- Qualsiasi attributo che inizi con
data- itemiditempropitemrefitemscopeitemtype
MediaWiki è in grado di ovviare ad alcuni errori. È però preferibile usare correttamente la sintassi.
Elementi base
Nei prossimi paragrafi fornita una breve panoramica degli elementi HTML e dei loro corrispettivi in linguaggio Wiki. Si ricorda che, quando si scrive una pagina, è sempre preferibile utilizzare il markup wiki.
Titoli
| HTML | Wiki | Descrizione e stile |
|---|---|---|
| <h1>Titolo</h1> | =Titolo= | Titolo di primo livello. N.B.: è il tag associato al titolo della pagina e viene inserito automaticamente. Non inseririlo mai manualmente in una pagina
|
| <h2>Titolo</h2> | ==Titolo== | Titolo di secondo livello.
|
| <h3>Titolo</h3> | ===Titolo=== | Titolo di terzo livello.
|
| <h4>Titolo</h4> | ====Titolo==== | Titolo di quarto livello.
|
| <h5>Titolo</h5> | =====Titolo===== | Titolo di quinto livello.
|
| <h6>Titolo</h6> | ======Titolo====== | Titolo di sesto livello.
|
Paragrafi, interruzioni di riga, linee, commenti
| HTML | Wiki | Descrizione e stile |
|---|---|---|
| <p>Testo del primo paragrafo</p> <p>Testo del secondo paragrafo</p> |
Testo del primo paragrafo Testo del secondo paragrafo |
Il tag <p> è utilizzato per markare l'inizio e la fine di ciascun paragrafo. Nel markup wiki, invece, basta lasciare una riga bianca tra due paragrafi per segnalare la fine di uno e l'inizio del successivo |
| <br> oppure <br/> | Interruzione di riga: forza il testo ad andare a capo, senza però chiudere il paragrafo. Entrambe le forme sono supportate dall'HTML 5 e riconosciute da MediaWiki. | |
| <br clear="all"> | {{Clear}} | Il codice fa in modo che gli oggetti che lo seguono nella pagina scorrano verso il basso fino ad occupare l'intera larghezza della pagina. Su Wikibooks viene sostituito dal Template:Clear, che ha la stessa funzione. |
| <hr> | Traccia un linea lunga tutto lo schermo. | |
| <!-- Testo del commento --> | Il testo inserito tra i due marcatori non sarà visualizzato sullo schermo, ma potrà essere utile a un utente che in futuro vorrà modificare il testo della pagina. | |
Formattazione
| HTML | Wiki | Descrizione e stile |
|---|---|---|
| <abbr title="HyperText Markup Language">HTML</abbr> Risultato: HTML |
Con abbreviazioni e acronimi, abbr e crea un pop up che compare al passaggio del mouse, con il testo della definizione.
| |
| <b>Testo in grassetto</b> | '''Testo in grassetto''' | Visualizza una parola o una parte di frase in grassetto. |
| اليمين إلى اليسار<bdi>left to right</bdi> Risultato: اليمين إلى اليسارleft to right |
Il tag bdi cambia la direzione di una parte del testo.N.B.: è supportato da Firefox e Chrome. | |
| <bdo></bdo> Per esempio: <bdo dir="rtl">HyperText Markup Language</bdo> HyperText Markup Language |
Specifica la direzione del testo. Accetta l'attributo dir, che prevede due attributi: ltr (da sinistra a destra) e rtl (da sinistra a destra).
| |
| <blockquote> ... </blockquote> | {{Quote}} | blockquote, al cui interno possono essere annidati uno o più tag p, marca una citazione nel testo. Su Wikibooks è sostituito dal Template:Quote.
|
Elenchi ordinati e non ordinati
| HTML | Wiki | Descrizione |
|---|---|---|
| <dl> <dt>Termine</dt> <dd>Definizione</dd> </dl> |
;Termine :Definizione |
Elenco non ordinato di elementi. Il termine da definire verrà visualizzato in grassetto, la definizione in tondo con un rientro a sinistra. |
| <ol> <li>Elemento 1</li> <li>Elemento 2</li> </ol> |
#Elemento 1 #Elemento 2 |
Elenco ordinato di elementi: di fianco a ciascuno comparirà un numero. |
| <ul> <li>Elemento 1</li> <li>Elemento 2</li> </ul> |
*Elemento 1 *Elemento 2 |
Elenco non ordinato di elementi: di fianco a ciascuno comparirà un pallino. |