Programmazione HTML

• Creare una nuova cartella
• Dentro la cartella creare un file con il nome “index.txt”
• cambiate l’estenzione in “index.html”
• aprite il file “index.html” con il programma “Blocco note”

Tags

Ora vi elenco alcuni elementi (tags) che si utilizzano per la programmazione, vi premetto che ogni tag ha una apertura e una chiusura, Apertura <(comando)> per la chiusura anteponiamo “/” al comando :

• html = tag apertura
• head = tag intestazione
• body = tag contenuto pagina
• p = tag scrivere paragrafo
• p align=”center” = tag per centrale la parola
• b = tag grassetto
• u = tag sottolineato
• i = tag corsivo
• br = tag andare a capo
• &nbsp = spazio vuoto
• &egrave = è
• &Egrave = È

Nell’immagine sottostante potete vedere un esempio di quello fin ora scritto:

Se non vedi l’immagine clicca qui

Modifica parola

Per modificare colore, carattere e dimensione si usa il comando (font color=”” face=”” size=””).
Vediamo un esempio

Elenco

Il comando che si usa è l’elenco è “OL”, se inoltre si vuole il puntuale si usa “UL” (per indicare i vari punti si scrive il comando “LI”)

Inserire un’immagine/video

Per inserire un’imamgine bisogna prima creare la struttura del nostro sito. Quindi iniziate a suddividere le varie pagine con il relativo contenuto in varie cartelle e sottocartelle. Questo ci serve per identificare il percorso per andar a individuare il file da inserire
Il comando che si usa é (IMG SRC=”images/Nome_file.jpg” width=”” height=””). Ricordate che i parametri consentiti per le dimensioni width=larghezza, height=altezza sono espresse in % o px.

Vediamo un esempio

Collegamenti ipertestuali

Possiamo fare il collegamento ipertestuali in modo che ci colleghi a un indirizzo internet (non dimenticare di inserire il suffisso “http://” prima del “wwww”) oppure che ci colleghi a un’immagine che abbiamo in una delle nostre cartelle. Il comando da usare è href=”(indicare il percorso)”.

Tabelle

In questo caso il comando che si usa di apertura è “table” poi per indicare le colonne si usa “td” e per le righe “tr”.

Per variare i dati base della tabella si usa il comando:

border = per far apparire le linee perimetrali e decidere lo spessore della linea

cellpadding = spazzio tra la tabella e il contenitore

cellspacing = spazio tra le singole celle

background = immagine di sfondo dentro la tabella

bgcolor = colora la tabella con tinta unica

bordercolor = colora il bordo

valign = allinea verticale del testo ( middle, top, baseline, bottom)

align = allinea orizzontale del testo (left, right, center, char, justify)

height = altezza della cella (px o %)

width = larghezza della cella (px o %)

rowspan = Crea una cella di altezza pari al numero di righe indicato

colspan = Crea una cella di larghezza pari al numero di colonne indicato

Parametri

Le dimensioni dei caratteri vanno da h1 a h7:

• Dimensione carattere h1

• Dimensione carattere h2

• Dimensione carattere h3

• Dimensione carattere h4

• Dimensione carattere h5

• Dimensione carattere h6

• Dimensione carattere h7

I colori esadecimali:

• 00FFFF
• FF0000
• 00FF00
• FFF000
• 0000FF
• FFFFFF
• FF00FF
• FFFF00
• ABCDEF
• 000000
• 990000
• 009900
• 000099
• 999900
• 990099
• 009999

Web Master: Michele Asaro