Il linguaggio html. HyperText Markup Language (Linguaggio di contrassegno di ipertesti) Creato al CERN nel 1989 e reso pubblico nel 1991.
|
|
|
- Antonia Clementina Danieli
- 4 anni fa
- Visualizzazioni
Transcript
1 Il linguaggio HTML
2 Il linguaggio html HyperText Markup Language (Linguaggio di contrassegno di ipertesti) Creato al CERN nel 1989 e reso pubblico nel 1991.
3 Il linguaggio html NON è un linguaggio di programmazione. E' un linguaggio di markup (descrizione) interpretato. I files html sono plaint text (ASCII), quindi possono essere scritti con un qualunque editor di testo, e possono essere letti da un browser.
4 Il linguaggio html Permette di costruire una pagina web controllando la presenza, la disposizione e l aspetto di tutto ciò che in tale pagina può comparire. Un file HTML contiene non solo gli oggetti che saranno visti da chi consulta la pagina web, ma anche i comandi utili per la presentazione del contenuto della pagina. Questi comandi prendono il nome di tag (etichetta).
5 I tag I tag non fanno parte del testo e non sono visibili all utente che consulta le pagine web. Possono contenere testo o altri tag o entrambe. I tag sono costituiti da parole chiave contenute dentro parentesi angolari < > e possono anche avere degli attributi. L'HTML non è case sensitive.
6 I tag Generalmente i tag si presentano in numero pari poiché ne serve uno per l'apertura (start-tag) ed uno per la chiusura (end-tag), ma ci sono alcune eccezioni. L'end-tag ha la stessa forma del corrispondente starttag ma la parola chiave è preceduta da /. sintassi generale : <tag> testo od oggetto da visualizzare </tag>
7 I tag Un attributo è una proprietà associata al tag. Permette di specificare una funzione aggiuntiva rispetto a quella di base del tag. All attributo deve essere assegnato una valore.
8 Struttura di un file html Un file html è generalmente composto da una intestazione ed un corpo. Nell'intestazione, che non è indispensabile, sono contenuti i meta tags. <head> <meta charset="utf-8"> <meta name="description" content="free Web tutorials"> <meta name="keywords" content="html,css,xml,javascript"> <meta name="author" content="hege Refsnes"> </head>
9 Struttura di un file html I meta tags description e keywords vengono usati dai motori di ricerca. Il meta tag charset consente di selezionare il set di caratteri usato nella pagina, in modo che sia correttamente visualizzato dai browser.
10 Struttura di un file html Per inserire nel testo caratteri speciali è necessario usare le entità carattere. Sono codici alfanumerici che iniziano con & e finiscono con ; L'elenco dei codici si può trovare su
11 Struttura di un file html Per identificare un documento come html è necessario che ci siano alcuni tag fondamentali. <HTML> <HEAD> <TITLE>Titolo </TITLE> </HEAD> <BODY> Contenuto del corpo </BODY> </HTML>
12 Struttura di un file html Perchè una pagina html sia valida anche nella versione 5 é necessario che vi siano alcuni elementi aggiuntivi: Non è un tag ma una istruzione per il browser <!doctype html> <HTML lang = ''it''> <HEAD> <meta charset="utf-8"> </HEAD> <BODY> </HTML> </BODY>
13 Struttura di un file html Il tag body può avere degli attributi. <HTML> <body bgcolor="white" text="black" link="red" alink="fuchsia" vlink="maroon" Background='''path''> </body> </HTML> Colore sfondo Colore testo Colore link Colore link attivo Colore link visitato Immagine di sfondo Tutti gli attributi di stile sono stati rimossi dall'html5
14 Struttura di un file html I colori possono essere indicati mediante il loro nome, codice esadecimale o codice RGB che si possono trovare, per esempio, su <HTML> <body bgcolor="white" text="#ff0000" link="rgb(255,0,0)". </body> </HTML>
15 La formattazione del testo Il tag <br> (break interruzione forzata di riga) Si tratta del comando vai a capo che permette di interrompere una riga e riprendere il testo nella riga successiva. Questo tag non vuole il tag di fine!!!
16 La formattazione del testo Il tag <br> <HTML>... <BODY> Nel mezzo del cammin di nostra vita<br>mi ritrovai per una Selva oscura <br>che la diritta via era smarrita<br> </BODY> </HTML>
17 La formattazione del testo Il tag <p> (paragraph paragrafo) Ha la funzione di raggruppare le righe in un paragrafo. Per questo tag esiste quello di chiusura ma è opzionale, può essere omesso.
18 La formattazione del testo Il tag <p> <HTML>... <BODY> <p>nel mezzo del cammin di nostra vita<br>mi ritrovai per una Selva oscura <br>che la diritta via era smarrita<br> <p>ah quanto a dir qual è cosa dura<br> esta selva selvaggia ed aspra e forte<br> che nel pensier rinnova la paura<br> </BODY> </HTML>
19 La formattazione del testo Il tag <p> l'allineamento del testo L allineamento del testo riguarda la disposizione delle righe rispetto ai bordi della pagina e viene utilizzato l attributo align. Le principali modalità di allineamento sono:» a sinistra, left» a destra, right» centrato, center» giustificato, justify
20 La formattazione del testo Il tag <p> l'allineamento del testo <HTML> <BODY> <p align = left > L allineamento del riguarda la disposizione delle righe rispetto ai bordi della pagina. Le principali modalità di allineamento sono:</p> </BODY> </HTML>
21 La formattazione del testo Il tag <hr> inserisce una riga di separazione Possiede i seguenti attributi: align = left center right allineamento della riga rispetto a ciò che la circonda size = pixels altezza della riga width = length larghezza della riga in modo assoluto o in percentuale delle dimensioni di ciò che la contiene noshade se la riga deve essere solida o con effetto di ombreggiatura.
22 La formattazione del testo Il tag <hr> inserisce una riga di separazione Possiede anche l'atributo COLOR che però non è riconosciuto da tutti i browser.
23 La formattazione del testo Il tag <hr> inserisce una riga di separazione <HTML>... <BODY> Argomento 1: <br> <hr noshade size="5" width="50%" align="center"> <br> Argomento 2:. </BODY> </HTML>
24 La formattazione del testo Le intestazioni o titoli Un titolo è l elemento di un paragrafo che deve distinguersi dal testo normale e deve risultare più evidente al lettore. Il linguaggio HTML prevede sei livelli di titoli, individuati in ordine di importanza e di evidenza dai tag <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Il tag di chiusura è obbligatorio.
25 La formattazione del testo Le intestazioni o titoli <HTML>... <BODY> <h1>divina COMMEDIA</h1> <h2>inferno</h2> <h3>primo CANTO</h3> </BODY> </HTML>
26 La formattazione del testo Le citazioni <q> (quote) citazione breve tra apici <cite> (citation ) citazione breve in corsivo <blockquote> (blockquote ) citazione di un brano
27 La formattazione del testo Le citazioni Esempi: Nel 1860 a Teano Garibaldi disse Obbedisco al re Vittorio Emanuele II. In questo libro si legge che Nel 1994 il Mit (Massachusetts Institute of Technology) in collaborazione con il CERN ha fondato il WWW Consortium (abbreviato in W3C) con lo scopo di definire le regole e gli standard di utilizzo dell ambiente WWW e del linguaggio HTML ma bisogna tener presente che la definizione dell ambiente WWW risale al 1991.
28 La formattazione del testo Lo stile dei caratteri Indica la modalità con cui si presentano le lettere e le cifre che compongono un testo. Sono contemplati quattro stili: <b> - bold: grassetto <i> - italic: corsivo <u> - underlined: sottolineato <s> - strike-throu: barrato
29 La formattazione del testo Lo stile dei caratteri Il linguaggio HTML prevede anche: <em> - emphasis: enfasi <strong> - strong: forte Questi due stili non si differenziano dal corsivo e dal grassetto, ma trovano applicazione in browser che abbiano un sintetizzatore vocale.
30 La formattazione del testo Lo stile dei caratteri L aspetto e il disegno definiscono la forma base (typeface in inglese) dei caratteri, che insieme alla dimensione e alla modalità costituisce il font. E' bene usare typeface che siano riconosciuti dai diversi browser: Verdana, Arial, Helvetica, Geneva, Times, Curier, Sans Serif, Georgia e caratteri simili. Per default viene assunto il tipo Times New Roman.
31 La formattazione del testo Lo stile dei caratteri I caratteri hanno anche una dimensione, la misura dell'altezza, che in html si imposta tramite l'attributo size, avente i seguenti valori: 1 8 punti tipografici 2 10 punti tipografici 3 12 punti tipografici 4 14 punti tipografici 5 18 punti tipografici 6 24 punti tipografici 7 36 punti tipografici Il valore di default è 3.
32 La formattazione del testo Lo stile dei caratteri <HTML> <HEAD> <TITLE>... </TITLE> </HEAD> <BODY> <font face= Arial size= 4 > Ciao a tutti </font> </BODY> </HTML> C'è anche l'attributo color
33 La formattazione del testo Lo stile dei caratteri Apici e Pedici Talvolta è necessario modificare la linea di scrittura del testo o alzandola o abbassandola (per esempio nelle formule matematiche o chimiche). H 2 O formula chimica dell acqua 3 3 = 27 formula matematica Il linguaggio HTML mette a disposizione il tag <sub> (subscript) per il pedice e il tag <sup> (superscript) per l apice.
34 La disposizione del testo Elenchi o liste Il linguaggio HTML permette di creare liste evidenziate con simboli di vario genere o di numerare gli elenchi in sequenza; in particolare sono previste tre modalità diverse di creazione di elenchi: La lista disordinata che consiste in un elenco di voci, ciascuna preceduta da un carattere particolare (es. un pallino nero); La lista ordinata dove ogni voce è preceduta da un numero o da una lettera che indica la posizione della voce all interno della lista; La lista di definizioni in cui ogni elemento è composto da due parti: una che indica il termine da definire e una che indica il testo della definizione.
35 La disposizione del testo Elenchi o liste Per i primi due tipi di elenchi, si utilizzano rispettivamente gli start tag <ul> (unordered list lista casuale) <ol> (ordered list lista ordinata) Con relativi end tag. Ogni voce della lista è racchiusa tra i tag <li> e </li> (list item voce o elemento della lista).
36 La disposizione del testo Sia per la lista casuale che per quella ordinata è possibile scegliere il tipo di contrassegno desiderato tramite l'attributo type Per la lista casuale, sono ammessi i seguenti valori: disc disco o cerchio (default) circe circonferenza square quadrato Per la lista ordinata, sono ammessi i seguenti valori: A numerazione con A, B, C,. a numerazione con a, b, c,. I numeri romani: I, II, III, IV,. i romani minuscoli: i, ii, iii, iv,. 1 1, 2, 3, 4,. (default)
37 La disposizione del testo Elenchi o liste Per l'elenco di definizioni, si usa il tag <dl> che introduce una lista in cui ogni voce è composta da due parti: la prima specifica il termine da definire, la seconda presenta le definizione per esteso. I tag da utilizzare sono: <dl> (definition list lista di definizioni) <dt> (definition term termine da definire) <dd> (definition description definizione)
38 La disposizione del testo Elenchi o liste In base alle loro proprietà i quadrilateri possono essere:<br> <ol type= I > <li>trapezi</li> <li>parallelogrammi</li> <li>rettangoli</li> <li>rombi</li> <li>quadrati</li> </ol>...
39 La disposizione del testo Elenchi o liste Definizioni<br> <dl> <dt>trapezi</dt> <dd>quadrilateri con due lati paralleli</dd> <dt>parallelogrammi</dt> <dd>quadrilateri con i lati opposti paralleli</dd> <dt>rettangoli</dt> <dd>parallelogrammi con gli angoli retti</dd> <dt>rombi</dt> <dd>parallelogrammi con tutti i lati uguali</dd> <dt>quadrati</dt> <dd>quadrilateri con gli angoli e i lati uguali</dd> </dl>
40 La disposizione del testo Le tabelle Una tabella è formata da righe e colonne. L intersezione di una riga con una colonna si chiama cella. In HTML si utilizza il tag <table> </table> che ha la funzione di specificare l inizio e la fine della tabella. All interno della tabella vanno definite le righe che la compongono con il tag <tr> (table row) e all interno di ciascuna riga si definiscono le celle di dati con il tag <td> (table data). Il tag <table> richiede obbligatoriamente l'end tag, mentre per i tag <tr> e <td> l'end tag è opzionale.
41 La disposizione del testo Le tabelle E possibile definire una riga iniziale di intestazione che contenga il nome di ogni colonna. Le celle della riga di intestazione si distinguono dalle altre perché sono definite dal tag <th> (table header cella di intestazione di colonna) in luogo di <td>. Il contenuto della riga di intestazione è automaticamente formattato in grassetto.
42 La disposizione del testo Le tabelle...<table> <tr> <th>cognome</th> <th>mansione</th> </tr> <tr> <td>bianchi</td> <td>direttore</td> </tr> <tr> <td>rossi</td> <td>impiegato</td> </tr> </table>... Cognome Bianchi Rossi Mansione Direttore Impiegato
43 La disposizione del testo Le tabelle Per migliorare la modalità di presentazione di una tabella si può ricorrere agli attributi della tabella, riga e cella. Attributi del tag <table>: border bordo) = N di pixel ampiezza del bordo (0 no cellspacing = N di pixel spaziatura tra le celle cellpadding = N di pixel spazio dal bordo della cella allign = left center right posizione nella pagina bgcolor =colore colore di sfondo della tabella width =N di pixel n% larghezza
44 La disposizione del testo Le tabelle Attributi dei tag <tr>, <th> e <td>: align = left center right justify allineamento del contenuto delle cella della riga; valign = top middel bottom baseline allineamento verticale del contenuto delle cella della riga; bgcolor= #xxxxxx colore di sfondo della riga.
45 La disposizione del testo Le tabelle I tag <th> e <td> hanno anche i seguenti attributi: width, height = N pixel n% specifica le dimensioni (larghezza e altezza) della cella; rowspan, colspan = n indica su quante righe,colonne della tabella si estende la cella.
46 La disposizione del testo Le tabelle Esempio rowspan: <table border =1 cellspacing=1 cellpadding=1> <tr> <td rowspan=2>articoli</td> <td colspan=2 align= left >Prezzi</td> </tr> <tr> <td>euro</td> <td>dollari</td> </tr> </table>
47 La disposizione del testo Le tabelle L ultimo tag relativo alla struttura delle tabelle è <caption> (titolo) e serve per aggiungere dei titoli generali. La loro posizione è gestita dall attributo align che può assumere i valori top (titolo superiore) e bottom (titolo inferiore).
48 Le immagini Per l inserimento di una figura all interno di una pagina web è possibile utilizzare il tag <img> (image immagine); non richiede il tag di chiusura. Questo tag serve solo per specificare che si vuole inserire un immagine ma per indicare quale e con quali caratteristiche bisogna usare gli attributi associati.
49 Le immagini L'attributo src serve per specificare la posizione (il path) del file che contiene l immagine. Il path è relativo ed il punto di partenza è la cartella in cui risiede la pagina che chiama l'immagine. <img src=faro.gif> Le immagini possono essere localizzate ovunque ma per una corretta gestione è opportuno che siano nella stessa cartella della pagina html in cui sono inserite o, meglio ancora, raccolte in una sua sotto-cartella, che per convenzione deve chiamarsi img o images.
50 Le immagini Il nome del file deve comprendere l'estensione. I principali e più diffusi formati immagine utilizzati sul Web sono: GIF (adatto a loghi, bottoni e banner, anche immagini animate) JPG (adatto alle foto, formato ad alta risoluzione) PNG (molto portabile su tutte le piattaforme e meglio trattabile attraverso software di grafica). Per evitare che la pagina risulti pesante, e quindi lenta da caricare, è opportuno inserire un giusto numero di immagini e dalle dimensioni ridotte.
51 Le immagini Se il browser non consente la visualizzazione dell immagine, o per rendere fruibile la pagina anche ai non vedenti, è opportuno fare in modo che in alternativa alla figura compaia del testo (una breve descrizione che ne spieghi il contenuto). Per questa funzione si usa l attributo alt. E' possibile specificare se il testo deve essere allineato con il bordo superiore, con il centro o con il bordo inferiore dell immagine. Per fare ciò si usa l attributo align. Align = top/bottom testo allineato in alto/basso = middle testo allineato al centro = left/right testo allineato a sinistra/destra
52 Le immagini Per evitare che il contenuto della pagina si muova durante il caricamento o che si creino problemi di impaginazione è opportuno assegnare all'immagine dimensioni predefinite usando gli attributi height - imposta l'altezza in pixel dell'immagine width - imposta la larghezza in pixel dell'immagine <img src="immagine.jpg" width="200" height="100">
53 I collegamenti Un link, più precisamente hyperlink (in italiano collegamenti ipertestuali), è un elemento del documento HTML, per esempio un testo o un immagine, che funziona come puntatore a un altra risorsa. Il collegamento ipertestuale è un elemento essenziale del WWW che, per sua struttura, vuole consentire una consultazione non sequenziale dei contenuti. I link devono essere facilmente riconoscibili e per questo hanno una formattazione specifica (in genere sono azzurri e sottolineati) ed il puntatore del mouse cambia forma quando si trova sopra.
54 I collegamenti Per definire un collegamento si usa il tag <a> (Anchor Ancora). Questo tag deve possedere l'attributo href (Hypertext reference collegamento ipertestuale) che indica il percorso della risorsa a cui punta il link. La sintassi generale sarà la seguente: <a href = percorso/nomedocumento >stringa di caratteri</a>
55 I collegamenti I collegamenti a files devono contenere il nome esteso, comprensivo di path e estensione. Se il valore dell'attributo href è un indirizzo di posta elettronica ed è preceduto da mailto:, il link aprirà il client di posta (se presente) in modalità invio mail e l'indirizzo viene automaticamente inserito nel campo A (To). Se il valore dell'attributo href è un numero di telefono ed è preceduto da tel:// e se si il dispositivo utilizzato lo consente, il link inoltrerà immediatamente una chiamata al numero indicato.
56 I collegamenti Un collegamento ad una risorsa esterna al sito si dice esterno e l'href deve essere costituito dall' URL esteso della risorsa. Esempi: <a href = risorse.zip>documenti</a> <a href = >Scuola</a>
57 I collegamenti Un collegamento ad una risorsa interna al sito si dice interno e l'href deve essere costituito dall'url relativo della risorsa, ricordando che il path parte dalla cartella in cui è posizionata la pagina e che si sale di livello scrivendo../nomecartella. Esempi: <a href = pagina2.html>pagina 2</a> <a href = sottocartella/pagina2.html>pagina 2</a> <a href =../pagina2.html>pagina 2</a>
58 I collegamenti L'attributo title consente di inserire una descrizione del link. Al passaggio del puntatore del mouse sopra il link apparirà un tooltip (riquadro bianco) contenente la descrizione. L'attributo target consente di specificare in quale finestra si vuole aprire la pagina di destinazione. Alcuni possibili valori sono: _blank nuova finestra _self stessa finestra
59 I segnalibro I collegamenti possono anche puntare a sezioni diverse della stessa pagina. In questo caso la destinazione del collegamento si chiama segnalibro e deve essere marcata usando l'attributo id= nome del segnalibro. Il collegamento viene poi effettuato come precedentemente descritto ma il contenuto di href deve essere preceduto dal simbolo #. <h1 id=inizio> Inizio </h1> <a href= #inizio >Torna all'inizio della pagina </a> E' opportuno che il nome del segnalibro sia breve, significativo e privo di spazi.
60 I segnalibro I collegamenti possono anche puntare a segnalibro presenti in altre pagine. In questo caso è necessario precisare la collocazione del segnalibro anteponendo il nome della pagina al simbolo #. <h1 id=inizio> Inizio </h1> <a href= index.html#inizio >Torna all'inizio della prima pagina </a>
61 I segnalibro I collegamenti possono anche puntare a segnalibro presenti in altre pagine. In questo caso è necessario precisare la collocazione del segnalibro anteponendo il nome della pagina al simbolo #. <h1 id=inizio> Inizio </h1> <a href= index.html#inizio >Torna all'inizio della prima pagina </a>
62 I collegamenti Anche un'immagine può costituire un collegamento ad una risorsa interna o esterna al sito. E' opportuno che l'immagine sia molto piccola ed esplicativa o accompagnata da un testo esplicativo. L'immagine deve essere inserita all'interno del tag che rappresenta il link. <a href = > <img src= Logoscuola.jpg > </a>
Tecnologie e Progettazione di Sistemi Informatici e di Telecomunicazioni. Il linguaggio HTML
Tecnologie e Progettazione di Sistemi Informatici e di Telecomunicazioni Il linguaggio HTML Il linguaggio html HyperText Markup Language (Linguaggio di contrassegno di ipertesti) Creato al CERN nel 1989
Formattazione di liste
Formattazione di liste Con HTML si possono costruire liste puntate o numerate: Occorre definire l inizio e la fine della lista e poi definire ogni singolo elemento della lista. Le liste numerate si costruiscono
Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2
Università degli Studi di Udine Facoltà di Ingegneria CORSO DI LAUREA IN SCIENZE dell ARCHITETTURA Elementi di Informatica HTML e CSS D. Gubiani HTML è l acronimo di HyperText Markup Language che tradotto
Cosa vuol dire HTML? Hyper Text Markup Language
IMPARIAMO Cosa vuol dire HTML? Hyper Text Markup Language PROGRAMMIAMO IN HTML? NO! L'HTML è un linguaggio di formattazione che descrive le modalità di impaginazione o visualizzazione grafica (layout)
non è linguaggio di markup formato testo .htm .html interpretando
HTML Gli ipertesti del web sono scritti usando il linguaggio HyperText Markup Language (HTML). HTML non è un linguaggio di programmazione! HTML non ha meccanismi per prendere delle decisioni o compiere
Il linguaggio HTML. <html> </html> I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura.
Il linguaggio HTML I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. . I tag devono essere racchiusi dentro parentesi acute Il tag di chiusura
HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte
HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo
Tag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
Informatica di Base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di Base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 1 Che cos è l HTML? Hyper Text Markup Language Definisce le caratteristiche stilistiche di un documento, non è programmazione!
Linguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML
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
Informatica. Comunicazione & DAMS A.A. 2015/16. Dr.ssa Valeria Fionda
Informatica Comunicazione & DAMS A.A. 2015/16 Dr.ssa Valeria Fionda Pagina Web Struttura base pagina Web: (Heading
HTML Lezione3 Le Tabelle. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione3 Le Tabelle Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le Tabelle Non servono soltanto per incolonnare e tabulare i dati come si potrebbe facilmente pensare. Le
<!-- TESTO DEL COMMENTO
Il corpo della pagina: il tag Come abbiamo già avuto modo di osservare, il tag definisce ed identifica il corpo della pagina, cioè la "porzione visibile" di un qualsiasi documento HTML. Avendo
INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML
Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06
Corso di HTML Modulo L2 B4 - Le tabelle 1 Prerequisiti Concetto di tabella Coordinate di cella in una tabella 2 1 Introduzione In questa Unità illustriamo il concetto e l uso delle tabelle in HTML. Le
Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura:
COMANDI BASE HTML Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: Nome del documento All'interno
Laboratorio Digitale 1
Informatica Corso di PROGRAMMAZIONE Applicata ai Beni IN Culturali RETE Laboratorio Digitale 1 Corso di Laboratorio Digitale 1 Corso di laurea comunicazione e DAMS Laurea Specialistica - Media Education
HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma
HTML 3. Liste puntate ed ordinate Immagini
HTML 3 Liste puntate ed ordinate Immagini Creazione di elenchi Elenchi puntati (elenchi non ordinati) Elenchi numerati (elenchi ordinati) Elenchi annidati Elenchi menu Elenchi glossario Tecnologie di Sviluppo
Tipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4
Tipi di testo INFO WEB LEZIONE N.4 RAVENNA, 13 MARZO 2008 All interno di un documento HTML è possibile inserire due tipi di testo Titoli Sei livelli di grandezza , ,, Paragrafi
Linguaggio per ipertesti
Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del
Serve per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine
Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare
HTML 4.01 Seconda lezione
HTML 4.01 Seconda lezione A cura di Ivano Stranieri 0 Lezione precedente Cos è internet browser editor di testo HTML: cos è e cosa non è i marcatori i tag di struttura: DOCTYPE HTML HEAD TITLE META BODY
Tabelle HTML. Tabelle Un po di notazione.
Tabelle HTML!! Le tabelle in HTML permettono di rappresentare tabelle di dati ", ma anche di formattare del testo, delle immagini, altre tabelle in righe e colonne, possono cioè essere usate per l impaginazione
HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. L HTML non è un linguaggio di programmazione
Linguaggi di programmazione PC server-client CSS
Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language
Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2018 2019 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
APPUNTI DI HTML (QUARTA LEZIONE)
APPUNTI DI HTML (QUARTA LEZIONE) 1. LA STRUTTURA BASE DELLE TABELLE Le tabelle sono una parte estremamente importante del codice HTML. Sono uno strumento indispensabile per gestire i layout grafici. Immaginiamo
Corso di PROGRAMMAZIONE IN RETE
Corso di PROGRAMMAZIONE IN RETE Laurea Specialistica - Media Education Dr. Annamaria Bria 1 1 Dipartimento di Matematica Università della Calabria Riferimenti MANUALE http://www.w3.org/tr/1999/rec-html401-19991224/
Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2017 2018 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
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
Web. HyperText Markup Language
Web HyperText Markup Language HTML HyperText Markup Language permette la creazione di documenti multimediali ipertestuali è il linguaggio per la creazione di pagine web non è l unico: PHP, JavaScript,
Informatica (Sistemi di elaborazione delle informazioni)
Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 4 HTML Mario Alviano Sommario Internet Paragrafi Caratteri Titoli Liste puntate e numerate Collegamenti
HTML. I tag HTML (parte 1)
HTML I tag HTML (parte 1) I tag HTML I comandi che il browser interpreta Etichette per marcare l inizio e la fine di un elemento HTML Formato e possono essere tag di apertura: tag di chiusura:
STRUTTURA BASE DELLA PAGINA HTML
INDICE INDICE... 1 Convenzioni e simboli usati... 1 STRUTTURA BASE DELLA PAGINA HTML... 1 Alcuni dei Principali TAG Html:... 2 Gli attributi dei TAG Html:... 2 ALIGN... 2 attributi del tag ... 2
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato
Le liste non ordinate
Le liste non ordinate Semplici elenchi preceduti da un pallino: segnala l inizio della lista precede ogni voce Attributi: disc(standard), square(quadrato pieno), circle(quadrato
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
HTML HTML HTML HTML. Un documento HTML contiene: Testo. Comandi HTML (tag). Collegamenti ad altri documenti.
Il linguaggio (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. L non è un linguaggio di programmazione ma un linguaggio
Corso di HTML. Prerequisiti. Modulo L3 3 Blocchi di testo
Corso di HTML Modulo L3 3 Blocchi di testo 1 Prerequisiti Formattazione di un testo Struttura a titoli di un testo Giustificazione e allineamento del testo 2 1 Introduzione In questa Unità vediamo altri
HTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma
HTML Sintassi di HTML Tag principali per i contenuti I Forms
Lezione 1 HTML Sintassi di HTML Tag principali per i contenuti Tag principali per i contenuti I Forms L HTML (HyperText Markup Language) g è il linguaggio gg di markup utilizzato per veicolare le informazioni
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
HTML Lezione1. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione1 Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni HTML (Hyper Text Markup Language) è formato da definizioni, elementi (tags), questi impartiscono al browser (il programma
Metodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 6. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze
"-//W3C//DTD XHTML 1.1//EN
XHTML 1.1 extensible HyperText Markup Language DOCTYPE All inizio di un documento xhtml bisogna specificare a quali regole ci atteniamo. Tutti i documenti che scriveremo inizieranno con 2 righe particolari:
Linguaggi e Traduttori a.a. 2005/2006 Tesina n 6
Linguaggi e Traduttori a.a. 2005/2006 Tesina n 6 Titolo: HTML programming Descrizione Si vuole realizzare un linguaggio di programmazione che permetta di costruire pagine html. Dato in ingresso un file
Una pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi.
HTML per semplici pagine web HTML è l acronimo di Hypertext Markup Language ( Linguaggio di contrassegno per gli Ipertesti ) e NON è un linguaggio di programmazione E un linguaggio che permette di indicare
HyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco
HyperText Markup Language 2016-2017 Informatica applicata alla comunicazione multimediale Cristina Bosco 1. Che cosa e HTML un linguaggio di codifica testuale un linguaggio di marcatura un linguaggio per
HTML Guida di riferimento
Dipartimento di Elettronica ed Informazione Politecnico di Milano Informatica A - GES Prof. Plebani A.A. 2006/2007 HTML Guida di riferimento La presente dispensa e da utilizzarsi ai soli fini didattici
Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
Basi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014
HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World
Creazione di tabelle.
Creazione di tabelle. Argomenti trattati: - Premessa: Cosa sono le tabelle in HTML. - Costruiamo una tabella: Come realizzare semplici tabelle con i tag principali ed i loro attributi. - Personalizziamo
Scrivere in Html Tag e loro attributi
Scrivere in Html Tag e loro attributi + Esercizi Prof.ssa Daniela Zangirolami Tutti i diritti sono riservati. Qualsiasi riproduzione, anche parziale, senza autorizzazione scritta è vietata. Legge 633 del
Internet 1 I.T. Carlo Alberto Dalla Chiesa Prof. Di Fede Ettore
Internet 1 Richiami sul modello Client/Server (per il servizio WWW World Wide Web WEB versione 2.0) 2 Modello Client/Server per il servizio WWW CLIENT (di solito, un Personal Computer) SERVER (calcolatore
Introduzione al linguaggio HTML
Introduzione al linguaggio HTML 1 Richiami introduttivi (1) sito Internet (sito Web o sito WWW) insieme delle pagine che si riferiscono ad uno stesso utente, argomento o azienda, registrate su un server
HTML 5. Tabelle. Bordi di una tabella. Il tag <TABLE> Le tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi
HTML 5 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Le tabelle Esempi 1 Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa
HTML (Hyper Text Mark-up Language)
1 Ipertesto HTML (Hyper Text Mark-up Language) Informatica e laboratorio Biotecnologie 2005-2006 Un ipertesto è un testo che può essere letto sequenzialmente oppure seguendo i rimandi (link) associati
Tabelle. Tag fondamentali. Costruzione di tabelle riga per riga. Esempi. Tecnologie di Sviluppo per il WEB 2
HTML 5 Le tabelle 1 Tabelle Tag fondamentali Costruzione di tabelle riga per riga Esempi Tecnologie di Sviluppo per il WEB 2 Il tag Una tabella è suddivisa in righe e ciascuna riga è suddivisa
BASI di HTML e CSS (primo incontro)
CoderDojo Firenze BASI di HTML e CSS (primo incontro) HTML Concetto di tag Il tag è una parola chiave che indica al browser come interpretare e rappresentare il testo a cui è riferito. È composto da una
HTML Lezione2 Le Immagini e i link. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione2 Le Immagini e i link Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le immagini I formati supportati dal websono diversi e variano a seconda del browser adoperato.i
Progettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML Le pagine web consistono in una "testa", in inglese head e un "corpo", detto anche body.
Il linguaggio HTML. Marco Porta - CIM: Web Design & Technologies
Il linguaggio HTML 1 Il linguaggio HTML Origini e caratteristiche dell'html... HTML = Hyper Text Markup Language è un linguaggio di markup, e in quanto tale non richiede alcuna conoscenza della programmazione
HTML. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato
Informatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 Le tabelle Creazione di una tabella: le tabelle vengono utilizzate sia per inserire dati che per migliorare
Selettori. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione
Selettori Facoltà del Design Bovisa Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione cugola@elet.polimi.it http://home.dei.polimi.it/cugola CSS Sintassi valore valore h1 { color: blue;
INSERIMENTO. Un foglio di stile può essere esterno e interno: Un foglio esterno si carica: Un foglio interno può essere compilato
CSS I FOGLI DI STILE HTML serve informare il browser di quali sono le componenti necessarie a mostrare un documento e ad articolare il documento in blocchi semantici. I fogli di stile (Cascading Style
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi Appendice A Riepilogo dei tag HTML A.1 Struttura del documento
Informatica d ufficio
Informatica d ufficio Anno Accademico 2008/2009 Lezione N 3 Microsoft Word - prima parte Microsoft Word E un Word processor,cioè un programma che consente di creare e modificare documenti. Prevede numerose
ELENCHI. 1. Prima 2. Seconda 3. terza. Prima Seconda terza
ELENCHI Un elenco è una serie di voci di testo che possono essere contrassegnate da un punto elenco oppure da un numero o da una lettera e volendo anche da un elemento grafico. Si possono avere elenchi
Introduzione all HTML
prof. ing. Dino Molli SVILUPPO SOFTWARE - FORMAZIONE E CONSULENZA INFORMATICA MARIGLIANO (NA) http://www.dinomolli.it info@dinomolli.it Dispense a cura del prof. ing. Dino Molli Introduzione all HTML Introduzione
Un introduzione a HTML
Fluency Un introduzione a HTML Capitolo 3 HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi angolari Si usano a coppie
Tabelle. Esempio 20. Inserire righe e colonne. Dimensioni delle tabelle. Attributi del tag TABLE INFO WEB LEZIONE N.6
Tabelle INFO WEB LEZIONE N.6 RAVENNA, 2 APRILE 2008 In HTML le tabelle vengono largamente utilizzate per organizzare i dati in tabelle creare il layout della pagina servendosi di tabelle nascoste Si definiscono
MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali
MODULO 7 HTML MODULO 6 - HTML 1 HTML HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali Un sistema ipertestuale è un insieme di nodi connessi da collegamenti.
Elenchi OL, gli elenchi ordinati (o elenchi numerati)
04 HTML elenchi Prof. Sabato Dario Pagina 1 di 5 Elenchi OL, gli elenchi ordinati (o elenchi numerati) Gli elenchi ordinati sono contraddistinti dall enumerazione degli elementi che compongono la lista.
CSS. Esercizi CC BY ALESSANDRO URSOMANDO DIAPOSITIVA 2 CSS PROPRIETÀ
CSS Esercizi CSS PROPRIETÀ DIAPOSITIVA 2 Corredare l esercizio precedentemente realizzato di un file.css che presenti delle dichiarazioni per impostare: l ampiezza del body a 800 pixel a giallo chiaro
HTML. Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file.
Con la sigla HTML si intende: HYPER TEXT MARKUP LANGUAGE HTML Linguaggio testuale formato da TAG, che consente il collegamento tra diversi file. Iper testo Un documento o pagina puo essere collegato ad
Corso Base Informatica Lezione 6. 14/03/18 Corso Base Informatica Windows
Corso Base Informatica Lezione 6 Nella Lezione Precedente Programmi in Windows 7 Software Libero e Software Proprietario Installazione di programmi liberi Esercizi con Wordpad, cartelle e file Rimozione
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi
Pablo Genova I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S
Breve introduzione all' HTML Pablo Genova gallini.genova@gmail.com I. I. S. Angelo Omodeo Mortara Indirizzo Tecnico-Economico A. S. 2016 2017 Un assaggio di HTML Come abbiamo visto nelle lezioni precedenti
Creare un sito web in html. Creare un sito web in html Prof.ssa Amalia Di Giacomo
Creare un sito web in html Cosa impareremo Cos è una pagina web Come strutturare una pagina web Formattazione del testo Link e menù di navigazione Inserire immagini Motori di ricerca (posizionamento dei
Primi Elementi sul linguaggio HTML
Primi Elementi sul linguaggio HTML Docente Tutor: Dott. Gianluigi Roveda Informatica per l'impresa Premessa: I lucidi qui presentati non sono una trattazione completa dell'argomento ma una introduzione,
SOMMARIO. Prefazione... XI. Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1
Prefazione... XI Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1 HTML, XML e il futuro dei linguaggi per il Web... 2 Il linguaggio HTML: una breve introduzione storica... 2 Il linguaggio
Il giorno 18 febbraio 2013 verrà effettuato un esame finale (test) di verifica
Titolo del corso Docente Obiettivi del corso Principali argomenti Prerequisiti Sede Calendario Modalità di svolgimento Esame Finale Microsoft Word Livello base Giuseppe Contu Alla fine del corso l allievo
HTML - ESERCITAZIONE 1
HTML - ESERCITAZIONE 1 Impostazione - sfondo formattazione 1. Costruisci un file di testo e salvalo come pagina web (con estensione.htm) col nome: Cognome Nome 01. 2. Inserisci nella giusta posizione i
Architettura dell Informazione
Architettura dell Informazione 7. - Cascading Style Sheets (CSS - appendice) Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://pages.di.unipi.it/milazzo milazzo di.unipi.it Master in
II LINGUAGGIO HTML...1
Indice 1 II LINGUAGGIO HTML...1 1.1 INTRODUZIONE AL WWW...1 1.2 IL DOCUMENTO HTML...2 1.2.1 Elementi...3 1.2.2 Attributi...4 1.2.3 Riferimenti a caratteri...4 1.2.4 Commenti...4 1.3 STRUTTURA GLOBALE DI
Addio mondo crudele! Introduzione a XHTML. Versioni. Da SGML a HTML
Addio mondo crudele! Introduzione a XHTML Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna andrea.omicini@unibo.it
Esistono editor WYSIWYG (What You See Is What You Get) (FrontPage)
HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text che possono essere creati usando un qualsiasi text editor e possono essere visualizzati con browsers Web. Il documento HTML
Guida al linguaggio HTML (HyperText Markup Language)
1 Guida al linguaggio HTML (HyperText Markup Language) Guida al linguaggio HTML (HyperText Markup Language) Sommario Guida al linguaggio HTML (HyperText Markup Language)... 1 1. Struttura di una pagina
Elementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle,
HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text (anche conosciuti come ASCII) che possono essere creati usando un qualsiasi text editor e possono essere
CSS 6. Il modello contenitore (box model) Elementi flottanti
CSS 6 Il modello contenitore (box model) Elementi flottanti Il modello contenitore Tecnologie di Sviluppo per il WEB 2 BOX MODEL CSS assume che ogni elemento genera uno o più box rettangolari, chiamati
Introduzione a XHTML. Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna
Introduzione a XHTML Prof. Ing. Andrea Omicini II Facoltà di Ingegneria, Cesena Alma Mater Studiorum, Università di Bologna andrea.omicini@unibo.it Addio mondo crudele!