HTML Hyper Tutorial Markup Language
Ciao a tutti, bentornati su 4kblog, sono Valentix e oggi vi
parlerò delle novità tecniche che riguardano il blog.
Come vedete sto lavorando ad un nuovo design per rendere più
piacevole la lettura e per rendere più accattivante lo stile.
Per fare tutto ciò non sto utilizzando l’editor di stili di
blogger ma sto modificando la pagina html in modo da fare letteralmente quello
che voglio.
Vi assicuro che il lavoro non è semplice perché devo capire
cosa fa ogni elemento e il codice NON è COMMENTATO!!! (chi sa un minimo di
programmazione mi comprende)
Per chi è alle prime armi con pagine html o per chi si vuole
buttare nel mondo della programmazione non consiglio assolutamente di fare ciò
che sto facendo io. Ma gli consiglio di provare a seguire il corso che parte
oggi.
Vi do il benvenuto al CORSO DI HTML!!!
L’HTML non è un linguaggio di programmazione ma può fungere
da fondamenta per tutti coloro che vogliono cominciare.
HTML è l’acronimo di HyperText Markup Language, è nato per
la formattazione e impaginazione di documenti ipertestuali ovvero le pagine
internet.
Una pagina HTML è formata quindi da dei Markup ovvero dei
Tag che contrassegnano gli elementi della pagina stessa. I Tag devono essere
inseriti nel mezzo di “<”e“>”, per chiudere un Tag basta inserire prima
del nome del Tag il carattere “/”.
<esempio></esempio>
Per creare una pagina web bisogna disporre di un editor di
testo come Blocco note per Windows o Gedit per Linux; vi consiglio comunque di
utilizzare un editor di terze parti per Windows e per Mac come notepad++, Atom,
Visual Studio Code( NON UTILIZZATE WORD! ); e di un browser web come Firefox o
Chrome.
Create quindi un file e salvatelo dove volete con estensione
“.html”.
Oggi creeremo una pagina semplice con i Tag basilari.
1.
Tag html
<html>
</html>
Il Tag html serve per definire l’inizio e
la fine di una pagina, tutto quello che verrà messo fuori dal Tag html non
verrà visualizzato.
2.
Tag head
<head>
</head>
Inseriamo head dentro html. All’interno del
Tag head si inseriscono tutte le regole che vigono sull’intera pagina(li
vedremo più avanti). I testi all’interno di questo Tag non verranno
visualizzati.
3.
Tag body
<body>
</body>
Sotto head inseriamo il Tag body. Tutte le
cose visualizzabili saranno in questo Tag.
4.
Tag p
<p>
testo
</p>
Dentro a body inseriamo il Tag p . Il Tag p
serve per visualizzare del testo che si trova tra un <p> e </p>.
Ora il documento dovrebbe risultare così:
<html>
<head>
</head>
<body>
<p>
testo
<p>
testo
</p>
</body>
</body>
</html>
Sostituiamo a testo qualsiasi parola o frase e verrà
visualizzata nella pagina aperta nel browser ogni volta che la aggiornate.
Ed ecco a voi la vostra prima pagina HTML!
Al prossimo post-tutorial
Valentix
Commenti