La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Indice: Pagina 2: cosa è l’html e impostazione di base di una pagina html Pagina 3: tag tag Pagina 4: tag Pagina 5: tag Pagina 6: Paragrafi, allineamento.

Presentazioni simili


Presentazione sul tema: "Indice: Pagina 2: cosa è l’html e impostazione di base di una pagina html Pagina 3: tag tag Pagina 4: tag Pagina 5: tag Pagina 6: Paragrafi, allineamento."— Transcript della presentazione:

1 Indice: Pagina 2: cosa è l’html e impostazione di base di una pagina html Pagina 3: tag tag Pagina 4: tag Pagina 5: tag Pagina 6: Paragrafi, allineamento e blocchi Pagina 7: inserire una immagine Pagina 8: tag Pagina 9: tag Pagina 1 Progetto e realizzazione di Gabriele Branchi

2 Pagina 2 L’html (hypertext markup language) è un tipo di scrittura basato sull’apertura e la chiusura dei tag html che permette di creare una pagina web. Per i principianti è consigliato l’uso del notepad di Windows per creare il codice delle pagine html. L’impostazione di base di una pagina html è questa: È importante quando si chiude un tag mettere il simbolo / prima della parola per segnare la fine del comando.

3 Pagina 3 Nel tag viene inserito il titolo della pagina perciò se voglio che una pagina si chiami «testo» il tag dovrà essere di questo tipo: testo Nel tag viene inserito il nome del documento perciò se voglio creare un documento con nome «testo» il tag dovrà essere di questo tipo: testo

4 Pagina 4 nel tag vengono inseriti tutte gli elementi visualizzati a video: bgcolor - colore di sfondo; background - immagine di sfondo; topmargin - margine superiore; leftmargin - margine sinistro; bottommargin - margine inferiore; rightmargin - margine destro; marginwidth - larghezza margini; marginheight - altezza margini; Esempio: ES: In questo caso il margine superiore della nostra pagina avrà ampiezza 1 e il colore di sfondo sarà bianco (#ffffff). Se non si ha a disposizione la tabella dei colori per html piuttosto che scrivere bgcolor=#ffffff basterà scrivere color=white.

5 Pagina 5 Il tag è utilizzato per definire tipo, grandezza e colore del testo racchiuso in esso. Ad esempio, attraverso la riga di codice: testo stabilisco che la parola 'testo', contenuta nei tag, sia di tipo Verdana (attributo face), di grandezza 2 (attributo size) e di colore nero (attributo color).

6 Pagina 6 Per allineare il testo occorre utilizzare gli appositi tag testo. Per allineare il testo occorre utilizzare l'attributo align. testo allineato al centro - Il testo sarà allineato al centro della pagina; testo allineato a sinistra - Il testo sarà allineato sul lato sinistro della pagina; testo allineato a destra - Il testo sarà allineato sul lato destro della pagina testo giustificato - Il testo sarà giustificato e si adatterà alla pagina e ai margini.

7 Pagina 7 Per inserire un'immagine in HTML, viene usato il tag insieme all'attributo src: (se l'immagine non si trova nella stessa cartella, occorre definire il path). Come per il tag, anche il tag è di sola apertura (non prevede un tag di chiusura).

8 Pagina 8 Per inserire una tabella si utilizzano i tag. Al loro interno vanno ancora i tag che marcano una riga; nidificati tra questi, a loro volta, vanno i tag che delineano invece le colonne (celle). All'interno di questi ultimi andranno gli elementi racchiusi nella tabella. Il codice sorgente avrà così la seguente struttura: testo, immagini, altri elementi Cioè una tabella larga 100 (width), alta 100 (height) allineata al centro, di colore bianco, distanza zero tra ogni cella (cellspacing) e spessore del margine zero (cellpadding). Nei tag le colonne sono alte 50 e larghe 50 con colore di sfondo nero.

9 Pagina 9 Il tag utilizzato per inserire un collegamento ipertestuale è. Al tag bisogna associare l'attributo href. All'interno dei tag andrà il testo o l'immagine, a cui vogliamo assegnare il collegamento. Esempio: GOOGLE Con questo comando abbiamo deciso che cliccando sulla parola «GOOGLE» si aprirà la pagina iniziale di google. La scritta GOOGLE è scritta in times new roman con grandezza 5 di colore nero.


Scaricare ppt "Indice: Pagina 2: cosa è l’html e impostazione di base di una pagina html Pagina 3: tag tag Pagina 4: tag Pagina 5: tag Pagina 6: Paragrafi, allineamento."

Presentazioni simili


Annunci Google