Di seguito viene presentata la sintassi per scirvere i contenuti
#Questo è un h1
Diventa:
Questo è un h1
##Questo è un h2
Diventa:
Questo è un h2
###Questo è un h3
Diventa:
Questo è un h3
####Questo è un h4
Diventa:
Questo è un h4
#####Questo è un h5
Diventa:
Questo è un h5
######Questo è un h6
Diventa:
Questo è un # h6
Un testo tra due* diventa corsivo
testo *CORSIVO* e altro *CORSIVO* e basta
Diventa:
testo CORSIVO e altro CORSIVO e basta
Un testo tra due** diventa grassetto
testo **GRASSETTO** e altro **GRASSETTO** e basta
Diventa:
testo GRASSETTO e altro GRASSETTO e basta
Un testo tra due*** diventa grassetto
testo ***CORSIVOGRASSETTO*** e altro ***CORSIVOGRASSETTO*** e basta
Diventa:
testo CORSIVOGRASSETTO e altro CORSIVOGRASSETTO e basta
Per fare un lista UL/LI non numerata iniziare la riga con il simbolo + o -
+ulriga1
-ulriga2
+ulriga3
+ulriga4
-ulriga5
-ulriga6
Diventa:
- ulriga1
- ulriga2
- ulriga3
- ulriga4
- ulriga5
- ulriga6
Note: ul-ol-blockquote annidati non funzionano
Per fare un lista OL/LI numerata iniziare la riga con il simbolo 1.
1.olriga1
1.olriga2
1.olriga3
1.olriga4
1.olriga5
1.olriga6
Diventa:
- olriga1
- olriga2
- olriga3
- olriga4
- olriga5
- olriga6
Note: ul-ol-blockquote annidati non funzionano
Per fare un blockquote iiziare le righe con >
>Questo è un esempio di blockquote
>di 3 righe
>terza riga
[Riga vuota]
>di 2 righe
>seconda riga
Diventa:
Questo è un esempio di blockquote
di 3 righe
terza riga
di 2 righe
seconda riga
Note: ul-ol-blockquote annidati non funzionano
Per fare una tabella, si devono iniziare le righe con | (pipe) e separare ogni colonna con |
|tabella|colonna1|colonna2|fine
|r1|colonna1|colonna2|fine
|r2|colonna1|colonna2|fine
|r3|colonna1|colonna2|fine
|r4|colonna1|colonna2|fine
Diventa:
tabella | colonna1 | colonna2 | fine |
---|---|---|---|
r1 | colonna1 | colonna2 | fine |
r2 | colonna1 | colonna2 | fine |
r3 | colonna1 | colonna2 | fine |
r4 | colonna1 | colonna2 | fine |
La prima riga sarà considerata il titolo e rappresentto come TH, al momento non sono previsti allineamenti a destra/sinistra o altro
Per mettere dei link si usa la sintassi
[http://www.netmoole.it](http://www.netmoole.it)
Diventa:
Per includere un immagine si usa
\
Diventa:
Il titolo è facoltativo
\
Diventa:
Se avete bisogno di mostrare a video i simboli usati nel linguaggio senza farli interpretare il caratere di escape \
Test escape*
escape code is \:
\* = *
\- = -
\+ = +
\> = >
\< = <
\1 = 1 (per <ol> 1.)
\# = #
\| = |
\[ = [
\] = ]
\( = (
\) = )
\" = "
\' = '
\\ = \\
\ = \
E' possibile includere nel file del codice html
<font color="red">Questo è un pezzo di tag code gestito direttamente in html</font>
Diventa:
Questo è un pezzo di tag code gestito direttamente in html
Il template prevede che la pagina possa essere divisa in 12 colonne, se volte fare ad esempio 3 colonne di contenuti dovee scrivere questo codice per fare 3 colonne larghe 4
<div class="col-block-4">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="col-block-4">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="col-block-4">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
Diventa:
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
se volte fare 2 colonne le farete larghe 6
<div class="col-block-6">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="col-block-6">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
Diventa:
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
le 2 colonne possono essere larhe anche in modo differente, ad esempio 9 e 3
<div class="col-block-9" style="background-color: yellow; border: 1px solid blue; border-inline-style: dashed;">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="col-block-3" style="background-color: red; border: 1px solid green; border-inline-style: dashed;">
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
Diventa:
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
i DIV possono anche essere annidati e ogni DIV è a sua volta diviso in 12 colonne
Se una riga inizia con tre simboli --- (meno) viene generata una linea HR
---
Diventa: