HTML
(Hyper Text Markup Language)




VUOI CREARE UN SITO WEB??

QUESTO VIDEO E' QUELLO CHE FA PER TE!!



COME FACCIO A CREARE UNA PAGINA WEB HTML?


Per creare una pagina web basta scrivere un modello di base nel blocco note e infine quando si ha finito bisogna salvarlo in html ed il gioco è fatto!!! Creare una pagina web non è complicatissimo e quando si ha trovato la dimestichezza giusta ci si può regalare molto soddisfazioni.

COS'E' DOCTYPE?


Doctype viene collocato all'inizio della pagina web e semplicemente specifica che la pagina web è scritta in HTML.
Il codice di base è: <!DOCTYPE html>


IL MODELLO DI BASE DI UNA PAGINA HTML E' IL SEGUENTE:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titolo della pagina </title>
</head>
<body>

Contenuto della pagina

</body>
</html>

DIMENSIONI E STILE DEI CARATTERI


Solitamente è necessario differenziare le dimensioni dei caratteri per distinguere il titolo dal resto. I valori di queste dimensioni sono preceduti dal tag "h" : <hn> ...... </hn>, dove n è il valore corrispondente alla dimensione del carattere che varia da 1 a 6, dove 1 risulta essere il più importante.
Esempio:

<h1>Liceo Don Quirico Punzi</h1> Questo è il sottotitolo con la scritta più grande;
<h2>Indirizzo Scienze Applicate</h2> Questo è il sottotitolo con la scritta meno grande.

E così via...

PARAGRAFO


Il paragrafo è una porzione di testo separata dalle altre e per specificarne i contenuti si utilizza il tag: "<p>.....</p>"
Per andare a capo nel paragrafo oppure in qualsiasi altro sottotitolo bisogna utilizzare il tag: "<br>"
Per creare una riga orizzontale che separi due paragrafi bisogna utilizzare invece il tag: "<hr>"
Questi ultimi due tag non hanno il corrispondente tag di chiusura.

QUESTO SITO SPIEGA BENE COME INSERIRE IN UNA PAGINA HTML I PARAGRAFI E I TITOLI!!
https://www.html.it/pag/16042/titoli-paragrafi-e-testi/

COLORI

Per rappresentare i colori dei caratteri o dello sfondo di una pagina bisogna utilizzare una combinazione dei tre colori fondamentali RGB (Red, Green, Blue) attraverso tre numeri, compresi ciascuno tra 0 e 255, che specificano la gamma cromatica dei tre colori. Sono scritti in formato esadecimale cioè base 16 e quindi variano da 00 a FF.

Esempi:

000000 è il colore NERO perchè il livello dei tre colori è al minimo cioè equivalente a nessun colore;
FFFFFF è il colore BIANCO perchè il livello dei tre colori è al massimo cioè equivalente al bianco;
FF0000 è il colore ROSSO perchè il livello del rosso è al massimo mentre il verde e il blu sono al minimo;
00FF00 è il colore VERDE perchè il livello del verde è al massimo mentre il rosso e il blu sono al minimo;
0000FF è il colore BLU perchè il livello del blu è al massimo mentre il rosso e il verde sono al minimo.
Per assegnare un colore di sfondo ad una pagina web si usa l'attributo "bgcolor" del tag <body>.
<body bgcolor=" FFFFFF">

LISTE


Il linguaggio HTML ci permette di creare delle liste. Come?
E' semplice!!!!
Si inizia con un tag di apertura: "<ul>"
Successivamente si mette il tag <li>......</li> per ogni riga della lista
Infine si chiude con il tag "</ul>

https://www.html.it/pag/16046/elenchi-puntati-e-numerati-2/

LINK


Per inserire un link in una pagina web html è facile!!!!
Basta inserire il tag:
<a href="............."> Vai su Google</a>
Nei puntini bisogna inserire l'indirizzo URL.

TABELLE


In una pagina web si possono inserire delle tabelle per organizzare dati in righe e colonne, secondo una griglia che facilita la visualizzazione di informazioni.
I tag del linguaggio HTML che definiscono una tabella sono "<table>.......</table>"
La riga di intersezione delle colonne, con i caratteri in grassetto è denominata dai tag "<th>.....</th>"
All'interno vengono definite le righe, ciascuna racchiusa tra "<tr>......</tr>"
All'interno della riga ogni cella è racchiusa tra i tag "<td>.......</td>"

IMMAGINI

Molti si chiedono: Ma si possono inserire immagini?
Certo!!!!!!
Per includere un'immagine nel documento bisogna utilizzare il tag "img" con l'attributo src (abbreviazione di source).
Successivamente bisogna vedere il formato dell'immagine che può essere GIF, JPEG o JPG e PNG. In base al formato dell'immagine andiamo a scrivere:
<img src="indirizzo URL.(il formato dell'immagine)">