HTML Guida di riferimento
|
|
- Niccolina Romagnoli
- 6 anni fa
- Visualizzazioni
Transcript
1 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 previa autorizzazione dell autore. E severamente vietata la riproduzione anche parziale e la vendita. 10/01/2007 Cos è HTML È un linguaggio di definizione di ipertesti utilizzato principalmente per la realizzazione di documenti per il Web Non è un linguaggio di programmazione Utilizza delle strutture chiamate tag (marcatori) È un sistema di contrassegno indipendente dalla piattaforma Viene interpretato da particolari applicativi detti browser Corso di Informatica A - GES [E-OZ] - prof. Plebani 1
2 Definizioni Hypertext (ipertesto): indica un documento collegato ad un altro documento Markup: gestione dell'aspetto di un documento, ovvero la sua "presentazione", e non il suo contenuto Language: è un termine che in informatica indica una serie di regole, di costrutti e di parole chiave che permettono di definire particolari operazioni e sequenze di operazioni. Corso di Informatica A - GES [E-OZ] - prof. Plebani 2 Il primo file HTML <HTML> <HEAD> <TITLE>Prima</TITLE> </HEAD> <BODY> Hello world </BODY> </HTML> Corso di Informatica A - GES [E-OZ] - prof. Plebani 3
3 I Tag Hanno una sintassi del tipo <nome_tag> Tranne casi particolari esiste, per ogni tag di apertura, un tag di chiusura <nome_tag> tag di apertura </nome_tag> tag di chiusura Tutto ciò che è compreso tra i tag di apertura e chiusura viene formattato dal browser secondo le caratteristiche del tag Un tag identifica quindi un comando per il browser Corso di Informatica A - GES [E-OZ] - prof. Plebani 4 Attributi Oltre al nome, un tag può essere caratterizzato da attributi secondo la sintassi <nome_tag nome_attr=valore_attr> Gli attributi vanno indicati solo nei tag di apertura Specificano meglio il comando corrispondente al tag in cui sono inseriti definendo Corso di Informatica A - GES [E-OZ] - prof. Plebani 5
4 Tag speciali Alcuni tag non prevedono tag di apertura e di chiusura ma solo una forma compatta del tipo <nome_tag nome_attr=valore_attr/> Solitamente vengono utilizzati per cambiare le proprietà dell intero documento Oppure specificare una precisa posizione all interno del documento Corso di Informatica A - GES [E-OZ] - prof. Plebani 6 File HTML Sono file scritti con secondo il linguaggio html Si suddividono in due parti fondamentali: intestazione, corpo Corso di Informatica A - GES [E-OZ] - prof. Plebani 7
5 Struttura fondamentale Un file HTML ha la forma <HTML> <HEAD> intestazione </HEAD> <BODY> corpo </BODY> </HTML> Corso di Informatica A - GES [E-OZ] - prof. Plebani 8 Tag <HTML> Indica che tutti gli elemento ed i contenuti compresi fanno parte di un documento html HTML non è l'unico linguaggio di contrassegno presente sul WWW e il browser rischia di interpretare male i tag, confondendoli con altri linguaggi di markup Gli utenti che usano vecchi browser rischiamo di visualizzare un documento pessimamente formattato. Corso di Informatica A - GES [E-OZ] - prof. Plebani 9
6 Dipartimento di Elettronica ed Informazione Politecnico di Milano Informatica A - GES Prof. Plebani A.A. 2006/2007 Intestazione di un documento HTML Tag <HEAD> Racchiude le definizioni dell intestazione del documento HTML Contiene informazioni necessarie al browser per una corretta interpretazione del documento Non vengono visualizzate all interno del documento ma sono informazioni comunque fondamentali: Titolo della pagina Termini chiave per i motori di ricerca Tipo di html supportato Link base di riferimento Corso di Informatica A - GES [E-OZ] - prof. Plebani 11
7 Tag ammessi Tra i tag che permettono la definizione dell intestazione e che quindi caratterizzano una pagina si hanno: <DOCTYPE> <TITLE> <META> <SCRIPT> Corso di Informatica A - GES [E-OZ] - prof. Plebani 12 Tag <DOCTYPE> In realtà questo tag non è interno al tag <HEAD> ma viene posizionato all inizio del documento, anche prima del tag <HTML> non ha bisogno di chiusura ha il compito di fornire informazioni al server Web che ospita la pagina. Corso di Informatica A - GES [E-OZ] - prof. Plebani 13
8 Tag <DOCTYPE> <!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN > Questa riga fornisce alcune informazioni sul documento: HTML PUBLIC: il documento è pubblico IETF: il tipo di HTML pubblico è gestito dalla Internet Engineering Task Force DTD HTML 4.0: la versione di HTML supportata è la 4.0 EN: la lingua del documento è l'inglese Corso di Informatica A - GES [E-OZ] - prof. Plebani 14 Tag <DOCTYPE> L'uso di DOCTYPE non è obbligatorio e può essere omesso. Il suo utilizzo aiuta il server Web ad interpretare correttamente il documento, ma la sua assenza non pregiudica una corretta visualizzazione. Come si nota agevolmente DOCTYPE è un tag che non prevede un elemento di chiusura (non va scritto in questo modo): <!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN"></DOCTYPE>) Corso di Informatica A - GES [E-OZ] - prof. Plebani 15
9 Tag <TITLE> L'elemento <TITLE></TITLE> è il più utilizzato all'interno del tag <HEAD> e fornisce il titolo alla pagina. Il titolo viene solitamente visualizzato dai browser nell'intestazione di pagina. La sintassi è: <TITLE>La mia prima home page di prova</title> Corso di Informatica A - GES [E-OZ] - prof. Plebani 16 Tag <TITLE> <!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE> La mia prima home page di prova</title> </HEAD> </HTML> Corso di Informatica A - GES [E-OZ] - prof. Plebani 17
10 Tag <META> Sintassi <META name= nome_info content= valore /> Permette di definire informazioni generiche sulla pagina quali l autore, software che ha generato la pagina <META name= author content= Pierluigi Plebani /> Viene solitamente utilizzato per caratterizzare la pagina secondo parole chiave che poi potranno essere utilizzate dai motori di ricerca per la classificazione del documento Es.: <META name= keywords content= primofile, prova /> Corso di Informatica A - GES [E-OZ] - prof. Plebani 18 Tag <SCRIPT> Al suo interno va inserito il codice eseguito lato client In questo modo si crea una pagina dinamica lato client Il linguaggio solitamente usato è una versione di Java detto JavaScript Non fa alcun riferimento a tecnologie quali JSP, ASP, CFM. Corso di Informatica A - GES [E-OZ] - prof. Plebani 19
11 Dipartimento di Elettronica ed Informazione Politecnico di Milano Informatica A - GES Prof. Plebani A.A. 2006/2007 Corpo del documento Tag <BODY> Contiene tutti gli elementi della pagina che vengono visualizzati È posto dopo </HEAD> e sempre all interno dei tag <HTML></HTML> Ha un tag di apertura e uno di chiusura, e un esso si sviluppo il corpo del documento Fornisce al browser indicazioni sulla posizione degli oggetti nel documenti Imposta vari attributi di visualizzazione per il documento Corso di Informatica A - GES [E-OZ] - prof. Plebani 21
12 Tag <BODY> Attraverso l attributo BGCOLOR è possibile definire il colore di sfondo della pagina <BODY BGCOLOR=#00FF00> Attraverso l attributo BACKGROUND è possibile far sì che un immagine sia lo sfondo della pagina <BODY BACKGROUND= imgsfondo.gif > Corso di Informatica A - GES [E-OZ] - prof. Plebani 22 Colori del Web I colori nelle pagine HTML vengono definiti secondo 3 coppie di cifre esadecimali con lo schema #RRGGBB Ogni coppia può assumere valori compresi tra 00 e FF Più basso è il valore, minore è l intensità della componente rappresentata dalla coppia in quel colore. Corso di Informatica A - GES [E-OZ] - prof. Plebani 23
13 Colori del Web Alcuni esempi: # nero #FFFFFF bianco #FF0000 rosso #00FF00 verde #0000FF blue È comunque possibile, per i colori principali, utilizzare direttamente il nome dei colori: red, green, blue, white, black, Corso di Informatica A - GES [E-OZ] - prof. Plebani 24 Tag <P> Definisce un paragrafo, una porzione di testo tra due a capo (o carriage return) <HTML> <HEAD> <TITLE>Prima </TITLE> </HEAD> <BODY> <P>Hello world</p> <P>Hello world again</p> </BODY> </HTML> Corso di Informatica A - GES [E-OZ] - prof. Plebani 25
14 Allineamento del testo Attraverso l attributo ALIGN (che ammette i valori left, right, center) è possibile allineare il testo di un paragrafo <P ALIGN= right >Allineato a destra</p> <P ALIGN= left >Allineato a sinistra</p> <P ALIGN= center >Centrato</P> Corso di Informatica A - GES [E-OZ] - prof. Plebani 26 Tag <BR> Permette di andare a capo senza terminare un paragrafo <HTML> <HEAD> <TITLE>Prima </TITLE> </HEAD> <BODY> <P>Hello world<br> Hello world again</p> </BODY> </HTML> Va sottolineato che qualunque formattazione abbia il codice, questa viene ignorata dal browser che interpreta solo i tag Corso di Informatica A - GES [E-OZ] - prof. Plebani 27
15 Stile del testo Per caratterizzare un testo è possibile: Utilizzare formati predefiniti Applicare propri stili I formati predefiniti hanno un tag proprio detto tag logico: <H1> <H6> <ADDRESS> <CITE> <EM> <STRONG> <SUB> <SUP> Corso di Informatica A - GES [E-OZ] - prof. Plebani 28 Stile del testo Attraverso combinazioni dei seguenti tag, detti tag fisici, è possibile dare un particolare formato al testo <FONT face= nome_font size= dim color=colore> per cambiare il font <B> grassetto <I> italico <U> sottolineato Un aspetto avanzato di formattazione è possibile utilizzando i fogli di stile CSS Corso di Informatica A - GES [E-OZ] - prof. Plebani 29
16 Tag logici e fisici Di default i tag <ADDRESS> e <I> producono il medesimo risultato In realtà i tag logici definiscono la struttura del testo. È possibile infatti tale struttura facendo si che senza modificare il documento io possa avere un formato diverso <ADDRESS> I tag fisici sono invarianti rispetto alla presentazione Corso di Informatica A - GES [E-OZ] - prof. Plebani 30 Formattazione di sottoparagrafi È possibile applicare formattazioni anche a parti di un paragrafo Viene utilizzato il tag <DIV> che ammette l attributo ALIGN È possibile all interno di <DIV> applicare un particolare stile di testo Corso di Informatica A - GES [E-OZ] - prof. Plebani 31
17 Elenchi puntati <UL> definisce un elenco puntato al suo interno gli elementi sono definiti dal tag <LI> <HTML> <BODY> <UL> <LI>hello 1</LI> <LI>hello 2</LI> <LI>hello 3</LI> </UL> </BODY> </HTML> Corso di Informatica A - GES [E-OZ] - prof. Plebani 32 Elenchi puntati Il tag <OL> ammette l attributo type che permette di definire il tipo di puntatore <OL type= disc > <OL type= circle > <OL type= square > Corso di Informatica A - GES [E-OZ] - prof. Plebani 33
18 Elenchi numerati È identificato dal tag <OL> ed ha una sintassi identica al tag <UL> Il tag <OL> ammette l attributo type che permette di definire il tipo di numerazione <OL type= a > alfabeto minuscolo <OL type= a > alfabeto maiuscolo <OL type= i > romano minuscolo <OL type= I > romano maiuscolo Corso di Informatica A - GES [E-OZ] - prof. Plebani 34 Tabelle Introdotte per la presentazione di dati vengono speso usate per la creazione dei layout grafici Una tabella è definita dai tag <TABLE> delimita la tabella <TR> identifica una riga <TD> identifica una cella della riga in cui è inserita È possibile inserire anche <TH> riga particolare detta di intestazione Corso di Informatica A - GES [E-OZ] - prof. Plebani 35
19 Tabelle <BODY> <table border=1> <tr> <th>intestazione 1</th> <th>intestazione 2</th> </tr> <tr> <td>prima riga prima colonna</td> <td>prima riga seconda colonna</td> </tr> <tr> <td>seconda riga prima colonna</td> <td>seconda riga seconda colonna</td> </tr> </table> </BODY> Corso di Informatica A - GES [E-OZ] - prof. Plebani 36 Tabelle Il tag <TABLE> ammette attributi quali Border: definisce la dimensione in pixel del bordo delle celle height, weight: dimensione minima (compatibilmente con il contenuto) della tabella Cellpadding: margine del testo all interno della cella Cellspacing: distanza tra le celle Corso di Informatica A - GES [E-OZ] - prof. Plebani 37
20 Dimensioni in un file HTML Solitamente tutte le dimensioni vengono espresse in pixel Tutte le dimensioni possono essere espresse in due modi: Assolute: espresse in pixel Relative: espresse in percentuale. Nel secondo caso la dimensione è relativa alla dimensione dell elemento contenente l elemento di cui si sta definendo la dimensione Corso di Informatica A - GES [E-OZ] - prof. Plebani 38 Immagini Attraverso il TAG <IMG> è possibile inserire un immagine salvata in un file esterno I principali formati ammessi per le immagini sono:.gif,.jpg,.png. Sintassi <IMG src= nome_file height= altezza width= larghezza alt= testo alternativo /> Sono ammessi gli attributi ALIGN, BORDER Corso di Informatica A - GES [E-OZ] - prof. Plebani 39
21 Immagini 2 Indicando dimensioni diverse dall originale è possibile adattare l immagina Il testo alternativo viene visualizzato in caso di fallito caricamento dell immagine o accanto al mouse durante il passaggio sull immagine Corso di Informatica A - GES [E-OZ] - prof. Plebani 40 Elementi esterni È possibile all interno di un file HTML riferire, oltre alle immagini, altri elementi esterni che permettono di dare un carattere di multimedialità alla pagina Possono video, applet, file di formato particolare (shockwave) Corso di Informatica A - GES [E-OZ] - prof. Plebani 41
22 Pagina HTML vs File HTML Una file HTML è un documento scritto secondo il linguaggio HTML Una pagina HTML è l insieme dato da: File HTML Le immagini ed oggetti riferiti all interno del file HTML Corso di Informatica A - GES [E-OZ] - prof. Plebani 42 Pagina HTML Le immagini devono essere sufficientemente piccole per poter essere agevolemente scaricate anche attraverso un modem Solitamente la somma degli elementi di una pagina HTML non deve superare i 50Kb Corso di Informatica A - GES [E-OZ] - prof. Plebani 43
23 Link tra file L ipermedialità del file html è dato dalla possibilità di navigare tra le pagine: passare quindi da una pagina all altra Ogni link richiede la definizione di una sorgente e da una destinazione Sia la sorgente che la destinazione possono essere file html, immagini, video ecc. Il tag <A> racchiude la sorgente L attributo href, richiesto dal tag <A> identifica la destinazione Corso di Informatica A - GES [E-OZ] - prof. Plebani 44 Link tra file <HTML> <HEAD> <TITLE>Prima </TITLE> </HEAD> <BODY> <A HREF=" Politecnico di Milano</A> </BODY> </HTML> Corso di Informatica A - GES [E-OZ] - prof. Plebani 45
24 Colori dei Link I link assumono colori diversi a seconda che: Non siano mai stati visitati: colore blue Sia stati già visitati: colore viola Il mouse sta cliccando sul link (link attivo): colore blue Attraverso gli attributi LINK, ALINK e VLINK del tag <BODY> è possibile modificare i colori predefiniti Corso di Informatica A - GES [E-OZ] - prof. Plebani 46 Link interni ed esterni Non necessariamente un link deve avere come destinazione un elemento esterno alla pagina Attraverso le ancore io possono definire punti del documento che potranno essere destinazioni di link Un ancora è un elemento logico e quindi non visibile Il tag <A> viene utilizzato per definire le ancore nella forma: <A name= nome_ancora /> La sorgente che punta a questa ancora dovrà essere nella forma <A href= #nome_ancora >testo</a> Corso di Informatica A - GES [E-OZ] - prof. Plebani 47
25 Link relativi ed assoluti Quando si collega un file esterno esistono due modi per esprimere la posizione della destinazione Assoluto: viene espresso il percorso completo del file partendo dalla directory principale del sito Relativo: viene espresso il percorso da effettuare partendo dalla posizione del file sorgente per arrivare alla destinazione Attraverso il tag <BASE> è possibile modificare il punto di riferimento nel calcolo percorsi relativi Corso di Informatica A - GES [E-OZ] - prof. Plebani 48 Altri link È possibile definire come link un indirizzo di posta elettronica <A HREF=mailto:plebani@elet.polimi.it>Scrivi</A> In questo modo è possibile aprire direttamente una schermata di composizione del client di posta predefinito Corso di Informatica A - GES [E-OZ] - prof. Plebani 49
26 Bibliografia e ringraziamenti Le specifiche ufficiali sono reperibili all indirizzo: Una guida esaustiva ed esempi pratici possono essere scaricati da: Si ringrazia l ing. Alessandro Campi per la collaborazione Corso di Informatica A - GES [E-OZ] - prof. Plebani 50
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
DettagliIntroduzione. 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
Dettaglinon è 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
DettagliLinguaggio 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
DettagliIl 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
DettagliLinguaggio 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
DettagliFormattazione 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
DettagliServe 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
DettagliLaboratorio 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
DettagliHTML. 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:
DettagliOgni 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
DettagliHTML. 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
DettagliINTRODUZIONE 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
DettagliHTML. 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
DettagliHTML 4.01 Prima lezione
HTML 4.01 Prima lezione A cura di Ivano Stranieri 1 Programma del corso Le basi dell HTML Paragrafi e formattazione del testo Link Tabelle: sintassi ed utilizzo Creazione di frame Form ed interazione con
DettagliWEB. Introduzione HTML. Gabriele Murara
WEB Introduzione HTML Gabriele Murara 1 HTML HTML = Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti"). non è un linguaggio di programmazione (sono linguaggi di programmazione il
DettagliIntroduzione 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
DettagliInformatica. 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
DettagliLinguaggi 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
DettagliMetodologie 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
DettagliTipi 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
Dettagli<!-- 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
DettagliCorso 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
DettagliCorso 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/
DettagliAPPUNTI 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
DettagliWorld Wide Web. Angelo Di Iorio. ALMA MATER STUDIORUM UNIVERSITA DI BOLOGNA
World Wide Web Angelo Di Iorio angelo.diiorio@unibo.it Cosa è il World Wide Web? Il World Wide Web è un sistema ipertestuale per la presentazione a schermo di documenti multimediali, e per l utilizzo di
DettagliSTRUTTURA 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
DettagliWeb. 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,
DettagliMODULO 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.
DettagliHTML. 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
DettagliHTML 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
DettagliHTML. 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
DettagliInformatica 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!
DettagliCSS: Colori, testo, caratteri, liste e link
CSS:, testo, caratteri, liste e link Università di Pisa pievatolo@dsp.unipi.it 13 aprile 2014 Sommario 1 2 Famiglia Dimensioni Corsivo e maiuscoletto Peso: quanto dev essere grasso il grassetto? 3 4 5
DettagliBasi 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
DettagliHTML 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
DettagliIntroduzione 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
DettagliTag <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
DettagliLINGUAGGI PER IL WEB HTML. (HyperText Markup Language)
LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di
DettagliHTML 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
DettagliPablo 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
DettagliSommario. HTML e CSS I fogli di stile. cosa sono principali proprietà
HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento
DettagliPrime nozioni di Web-Editing. Liceo Classico Jacopone - Todi - A.S Prof. Marco Bastianelli
Prime nozioni di Web-Editing Classico Jacopone - Todi - A.S. 2016-2017 Prof. Marco Bastianelli Che cos è il Web Editing? ECDL (modulo avanzato Web Editing): La certificazione ECDL Web Editing permette
DettagliIntroduzione alle Reti e Linguaggio HTML
Reti Le Reti Introduzione alle Reti e Linguaggio HTML Reti: insieme di calcolatori tra loro connessi Le reti hanno il compito di mettere in comunicazione differenti calcolatori I calcolatori posso essere
DettagliTabelle 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
DettagliCorso 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
DettagliPablo 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
DettagliAPPUNTI 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
DettagliPrimi passi con HTML. Il documento HTML
Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.
DettagliElementi Blocco vs elementi inline
(X)HTML + CSS Elementi Blocco vs elementi inline HTML vs XHTML Prologo distinto Tag denotati sempre in minuscolo Tutti i tag aperti devono essere chiusi I valori degli attributi vanno sempre inclusi fra
DettagliUna 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
DettagliSommario. Introduzione 1. 1 Scrivere in HTML con efficacia 7. 2 Formattazione standard del testo Aggiungere i colori 43. iii
Sommario Ringraziamenti Informazioni sull autore Introduzione 1 Finalità del libro 1 Introduzione a HTML 4 1 Nuove funzionalità di HTML 4 2 Come utilizzare questo libro 2 Struttura del libro 3 1 Scrivere
DettagliLe 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
DettagliHTML. 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
DettagliTabelle. 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
DettagliCl Calendario dl del corso
Cl Calendario dl del corso 12/02/2010 09.00-12.00 Introduzione al mondo WEB Concetti fondamentali e struttura di un sito e delle pagine pg web Gli URL, i link, le immagini I linguaggi HTML e CSS 16/02/2010
DettagliIl 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
DettagliCSS: HTML: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli. Le immagini mappate
CSS: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli HTML: Le immagini mappate 1 Le principali proprietà che permettono di manipolare le immagini agiscono sul box mode
DettagliHTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...
HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento
DettagliGuida 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
DettagliHTML Terza lezione. Bruno Di Caprio
HTML 4.01 Terza lezione Bruno Di Caprio 0 Lezione precedente FORMATTAZIONE DEL TESTO: ELENCHI: Puntati Numerati Voci di elenco
DettagliDivisions e spans. Esercizio. <html> <head> <title>esempio uso del tag span</title> <style> <!--
Divisions e spans L applicazione degli stili può essere eseguita anche su sezioni di testo tramite i tag div e span. Div suddivide il testo analogamente a come si suddivide un articolo in titolo, sottotitolo,paragrafi,
DettagliHTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
DettagliAlcune definizioni HTML CSS. Introduzione a HTML. November 13, HTML+CSS+Javascript
Introduzione a November 13, 2016 ++Javascript Outline 1 2 3 ++Javascript Internet vs Web Internet : rete fisica di dispositivi interconnessi. (ARPANET 1970) Web : applicativo di alto livello relativo a
DettagliProgettazione 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
DettagliINSERIMENTO. 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
DettagliInformatica (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
DettagliTutorial 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
DettagliHyperText 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
DettagliHTML HyperText Markup Language:
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto
DettagliHTML. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Presentazione HTML by Maria Grazia Maffucci is licensed under a Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 3.0 Unported License. Cos è
DettagliHTML (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
DettagliStoria 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
DettagliLinguaggio 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:
DettagliHTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
Dettaglia 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.
DettagliScrivere 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
DettagliCorso di CSS. Prerequisiti. Modulo L2. 3-Border e list. Conoscenza di base linguaggio HTML. M.Malatesta 3-CSS-Border e list-13 16/02/ /02/2014
Corso di CSS Modulo L2 3-Border e list 1 Prerequisiti Conoscenza di base linguaggio HTML 2 1 Introduzione In questa Unità descriviamo alcune delle proprietà CSS relative ai bordi (border-styling) e alle
DettagliHTML: Introduzione. Documento HTML da presentare/spedire (entro tre giorni dall orale):
HTML: Introduzione Documento HTML da presentare/spedire (entro tre giorni dall orale): Il documento HTML è individuale e deve consistere di due pagine, collegate tra loro. La prima deve illustrare un progetto/ricerca/elaborato
DettagliD B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti
Dettagli"-//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:
DettagliCSS. 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
DettagliPablo 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
DettagliSTILE E CSS. classi sezioni. tag
Perchè occorre lo stile? HTML con i suoi tag e relativi attributi possiede un suo stile standard che offre purtroppo poche personalizzazioni. Un sito web deve avere uniformità di colori, di font e dimensioni
DettagliII 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
DettagliLaboratorio di Informatica (Chimica)
Laboratorio di Informatica (Chimica) HTML: Cascading Style Sheet (CSS). Walter Cazzola Dipartimento di Informatica e Comunicazione Università à degli Studi di Milano. e-mail: cazzola@dico.unimi.it Walter
DettagliCreazione 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
DettagliHTML 2. Il tag BODY. Nota. Esempio. body e i suoi tag
body e i suoi tag HTML 2 Il tag BODY Indica il corpo del testo Attributi (uso deprecato) BGCOLOR = #rrggbb sfondo TEXT = #rrggbb testo LINK = #rrggbb link VLINK = #rrggbb link visitato ALINK = #rrggbb
DettagliUn 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
DettagliIntroduzione a HTML5. Capitolo 3 Fluency Conoscere e usare l informatica
Introduzione a HTML5 Capitolo 3 Fluency Conoscere e usare l informatica HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi
DettagliLinguaggi di Programmazione
Linguaggi di Programmazione Linguaggi di Programmazione Programmazione. Insieme delle attività e tecniche svolte per creare un programma (codice sorgente) da far eseguire ad un computer. Che lingua comprende
DettagliInternet 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
DettagliProgrammazione Web D B M G. Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form HTML: HyperText Markup Language Standard
DettagliComandi principali del linguaggio HTML (Hyper Text Markup Language)
Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per
DettagliStruttura di una pagina HTML Le parti fondamentali che compongono una pagina web
Struttura di una pagina HTML Le parti fondamentali che compongono una pagina web Sviluppo di siti web UD03 Fablab Design Macrostruttura della pagina Una pagina HTML è sostanzialmente composta di una riga
Dettagli