Linguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "Linguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML"

Adelmo Bianchi
5 anni fa
Visualizzazioni

1 Reti Linguaggio HTML 1 Il Linguaggio HTML n HTML = Hypertext Markup Language n Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita n Ipertesto = Testo + elementi di collegamento (link) che costituiscono una rete raggiata di informazioni n Leggibile in maniera non sequenziale n Codice che viene letto ed elaborato dal browser, il quale genera la pagina che viene visualizzata sullo schermo del computer n I siti web sono scritti in HTML ( oppure zeus.ing.unibs.it/fi-ges/) 2 l 1

2 Il Linguaggio HTML n Non è un linguaggio case-sensitive n Permette di integrare contenuti multimediali in un documento ipertestuale Testi formattati (font, colori, ecc.) Immagini, suoni, filmati Collegamenti ad altri oggetti (links) Script (JavaScript, CGI) 3 Il Linguaggio HTML n Un documento HTML è un file con estensione.htm o.html. n Si può generare: Con un semplice editor di testo Con apposite applicazioni (ad es. Frontpage) che consentono di creare pagine molto complesse senza conoscere i dettagli del linguaggio 4 l 2

3 I tag HTML n I componenti fondamentali sono detti tag (di apertura/chiusura) n I tag sono segnalini (markup) n I tag si scrivono tra parentesi angolari < > n Ad ogni tag (salvo poche eccezioni) corrisponde un tag di chiusura. n <TAG attributi>contenuto</tag> 5 Struttura delle Pagine Web n I tag possono contenere elementi al loro interno e anche altri tag n La base di ogni documento HTML è: <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> 6 l 3

4 Struttura delle Pagine Web n Le informazioni nel tag <HEAD> non vengono visualizzate n Il tag <HEAD> contiene altri tag, ad esempio: <HEAD> <TITLE> Prima pagina Web </ TITLE> </HEAD> 7 Struttura delle Pagine Web n Il resto della pagina sta invece all interno della sezione delimitata dai tag <BODY> <BODY> </BODY> 8 l 4

5 Tag per l Indentazione n Il Tag <P> </P> inizia un nuovo paragrafo n <P align="right"> </P>: inizia un nuovo paragrafo allineato a destra n <P align= center"> </P>: inizia un nuovo paragrafo centrato n <P align= left"> </P>: inizia un nuovo pagrafo allineato a sinistra n <CENTER> </CENTER>: centra il testo n <br>: va a capo 9 Tag per la Formattazione n <B> </B>: testo in grassetto n <I> </I>: testo in corsivo n <U> </U>: testo sottolineato n <PRE> </PRE>: testo preformattato n <H1> </H1>,, <H6> </H6>: grandezza del testo n <SUP> </SUP>, <SUB> </SUB>: apice/ pedice n Caratteri speciali: Es. è si scrive e&grave 10 l 5

6 Tag per la Formattazione n Il tag <div> è usato per definire una sezione del documento. n Consiste in un contenitore per altri elementi (titoli, paragrafi, immagini,ecc) n Tutto quello che è incluso fra <div> e </div> reagisce secondo gli stili o comandi che gli sono stati associati n Esempio: <div style="color:#ff0000"> <h3>this is a header</h3> <p>this is a paragraph.</p> </div> 11 Tag per Elencare <UL> <LI> elemento1 </LI> (lista non ordinata) <LI> elemento2 </LI> </UL> <OL> <LI> elemento1 </LI> (lista ordinata) <LI> elemento2 </LI> </OL> 12 l 6

7 Tag per Creare Tabelle <TABLE> tag di apertura tabella <TR> tag di inizio riga <TD> tag di inizio colonna </TD> tag di fine colonna </TR> tag di fine riga </TABLE> tag di chiusura tabella 13 Tag per Collegare <A indirizzo>testo</a> <A HREF= > Home Page del corso di Informatica A</A> <A ing.unibs.it</a> NOTA: Tra doppie virgolette si scrive l URL (Uniform Resource Locator) ovvero l indirizzo della risorsa 14 l 7

8 Tag per Includere Immagini <IMG indirizzo attributi> <IMG SRC= immagini/pic1.jpg WIDTH=640 HEIGHT=480> NOTA: in questo caso il tag possiede anche degli attributi, cioè WIDTH e HEIGHT 15 Esercizio: pagina HTML statica Es 1: Realizzare la seguente pagina web. 16 l 8

Documenti analoghi

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML

Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML. Il Linguaggio HTML Reti Il Linguaggio HTML Linguaggio HTML HTML = Hypertext Markup Language Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita