Issuu on Google+

GUIDA BASE: HTML HTLM: Hipertext murkup Language

1-non e' un linguaggio di programmazione bensi' un linguaggio che serve solo a formattare le pagine ipertestuali (Formattare=Dare un formato alla pagina) cioe' alle pagine che sono costiruite da immagini video, scritte, che normalmente sono caricate su un server e possono essere visualizzate da chiunque. L'html sono dei codici (TAG) che permettono la formattazione della pagina. Esistono Molte varianti dell'Html, l'html4 o ad esempio l'xml. Per scrivere una pagina in html di norma viene usato un blocco note in windows o gedit in ambienti gnome.Per visualizzare una pagina html dobbiamo disporre di un brouser, tra i piu' conosciuti vi e' firefox, ma ve ne sono molti.

2-Quando inziamo a scrivere la nostra pagina in html dobbiamo SEMPRE iniziare a scrivere: <HTML > ma ricordatevi, che bisogna quasi sempre chiudere i tag che apriamo con una /. quindi verrebbe: <HTML> </HTML>

3-all'interno di questo tag iniziale bisogna metterci, principalmente 2 cose per iniziare a dare una forma alla pagina; il tag <Head> con la sua chiusura </Head> e il body <body> con l'apposita chiusura. 3a-Nella zona <head> ci andremo a mettere tutti i particolari che verrano richiesti da un motore di ricerca per trovare la nostra pagina: per adesso quelli che conosciamo sono: <title>il titolo che viene visualizzato nella barra del titolo</title> 4-Nella zona <body> ci andremo ad inserire il contenuto della nostra pagina. Qui esistono molti TAG da inserire con svariate funzionalità. Inoltre vi sono degli attributi da inserire direttamente in <BODY> che sono; <body bgcolor=”blue” font=”arial” size=”3” aligne=”center”> </body> questa riga ci permettera' di avere lo sfondo(bgcolor=”blue”) blu (per cambiarlo bastera' cambiare il nome BLUE oppure scriverci delle varianti come. FF [nero] o per avere delle tonalita' di molti colori 0x000 e al posto degli zeri altri numeri.) inoltre ci permettera' di avere tutto quello che scriviamo col font arial(font=”arial”), e grosso 3 e allineato al centro. Per la grandezza basta modificare il numero ma attenzione va da 1 a 7.(size=”3”) per cambiare dove viene allineato il testo bastera' scrivere left o right. Un altro attributo per <body> e': <body background="nomefile.xxx"> in questo modo avremo come sfondo un immagine che e' presente sul nostro computer. 5- Invece se vogliamo formattare il testo per pezzi ci bastera' scrivere:


<p align=”center”><font size=”3” face=”Nome font”> tuo testo <\font></ p align> in questo modo il testo verra' cetrato e con varie caratteristiche che sono quelle in cosrivo e sono anche quello che si possono modificare. 5a-Oppure se volete solo cambiare font: <font size=”3” face=”Nome font”>testo<\font> 5b-Se volete solo allineare il testo basta scrivere: <p align=”center”>testo</p align> 6-Per formattare il testo ci sono anche altri comandi come: <h1>titolo</h1> <h2>titolo</h2> <h3>titolo</h3> <h4>titolo</h4> <h5>titolo</h5> <h6>titolo</h6> hanno tutti effetti simili, creano un titolo in grassetto ma con una grandezza diversa 7-Per avere un testo sottolineato, in corsivo, o in grassetto, o “tagliato” bisogna scrivere: <b>grassetto</b> <i>corsivo</i> <u>sottolineato</u> <s>tagliato</s> 8-un molto utile nella formattazione di un testo e' <br> (non serve chiuderlo) e serve per andare a capo. 9-per inserire un testo in movimento ci bastera' scrivere: <marquee>Testo</marquee> 10-per inserire immagini bisogna scrivere: <img src=”URL dell'immagine” alt=”descrizione dell'immagine”/> in questo modo potremmo inserire immagini ma anche gif animate. SRC sta per search, infatti cerca su internet l'immagine attraverso il suo url(indirizzo), quindi assicuratevi che sia giusto. ALT serve per inserire una descrizione all'immagine, utile per i motori di ricerca e viene visualizzato prima che l'immagine venga caricata. 10a-Se volete dare una dimensione ad una immagine bisogna scrivere: <img src=”URL dell'immagine” alt=”descrizione dell'immagine” width="x" height="y" /> al posto di x e y i pixel di altezza e larghezza


11-Per inserire un link bisogna scrivere: <a href="indirizzo pagina">nome che viene visualizzato</a> se scrivevamo <a href="http://ivansalademo.altervista.org/index.html">Home</a> veniva come nell'immagine e vi porta ad un sito di vostra scelta, in questo caso un abbozzo, mio, di html...

12-per inserire un immagine con un link, bisogna scrivere: <a href="link a sito" ><img src="url immagine"/></a> in questo modo avremo una normalissima immagine, ma se ci clicchiamo sopra andremo al sito linkato. 13-se si vuole mettere un link in modo che qualcuno ci possa mandare le mail cliccandoci sopra bisogna scrivere: <a href="mailto:e-mail">testo che viene visualizzato</a> vi uscira' come un normale link ma se ci cliccate sopra vi aprira' un programma predefinito dal comuputer per madare mail.

Esempio di una pagina html, scritta con Gedit. 14-CONSIGLI: quando scrivete pagine html e' meglio lasciare degli spazi tra i tag e anche dal bordo, come nell immagine, serve per trovare e capire meglio tutti le parti scritte. ----scritta e ideata da ivan sala 1L----- (scusate se ci sono errori grammaticali e se pre sbaglio ho scritto \ al posto di / quella corretta e': / ...prossimamente anche sotto forma di presentazione power point, cioe' per lunedi' 18 aprile 2011) ----


Guida HTML