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!!
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
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:
Enter your email and we'll send you reset instructions
Network
My requests
You don't have any notifications
You have no active requests
Please introduce yourself to proceed
My Uploads
Score:
Embed HTML
Many sites and online services, like Google Maps, suggest HTML code (usually iframes) to embed widgets and content on your page.
You can add such HTML widgets in your quizzes.
Please note:
In case pasted code is not just iframe tag it will be wrapped into HTTPS iframe.
Only HTTPS sources for iframes, styles and javascript links are supported.
Non-HTTPS sources will be blocked by the browser and won't behave properly.