MCVS
La Sintassi

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:

  1. olriga1
  2. olriga2
  3. olriga3
  4. olriga4
  5. olriga5
  6. 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:

tabellacolonna1colonna2fine
r1colonna1colonna2fine
r2colonna1colonna2fine
r3colonna1colonna2fine
r4colonna1colonna2fine

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:

http://www.netmoole.it

Per includere un immagine si usa

\![testo che esce come alt](http://us2.php.net/images/php.gif "Eventuale titolo")

Diventa:

testo che esce come alt

Il titolo è facoltativo

\![testo che esce come alt](http://us2.php.net/images/php.gif)

Diventa:

testo che esce come alt


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: