INTRODUZIONE HTML. L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti.
|
|
- Raffaella Monti
- 7 anni fa
- Visualizzazioni
Transcript
1 INTRODUZIONE HTML L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti. Un ipertesto è un documento che può essere consultato anche in modo non sequenziale, ma con collegamenti (link) che consentono di passare velocemente da una parte all altra del documento, o in altri documenti.
2 Pagine WEB Le pagine web sono documenti ipertestuali scritti con il linguaggio HTML. In una pagina web è possibile consultare documenti, immagini, video e suoni, anche memorizzati in computer (server) differenti, attraverso gli indirizzi dei vari siti (URL) associati ai link. La Navigazione è l attività di consultazione delle pagine web.
3 Html HTML (HyperText Markup Language) non è un linguaggio di programmazione, non fornisce istruzioni per interagire con i sistemi operativi dei computer. L Html è un insieme di istruzioni (TAG) che consente di applicare, ad un normale testo ASCII, particolari stili, formattare paragrafi, titoli, liste, realizzare link.
4 Browser L interpretazione dei codici Html (tag) è riservata ai browser: programmi utilizzati per navigare su internet (Internet Explorer, Netscape, Firefox, Safari, ecc.). Ciò a volte è causa di problemi legati a come i singoli browser interpretano alcuni TAG.
5 Html Standard Esistono TAG che non sono riconosciuti da tutti i browser. Si costruiscono quindi versioni Standard (ufficiali) di Html che includano istruzioni che vengano correttamente interpretate dal maggior numero di browser possibile. Le principali versioni Standard sono: HTML 2.0 HTML 3.5 HTML 4.0 (da realizzare HTML 5.0)
6 Pagine web Per scrivere una pagina web con l Html si può utilizzare un qualunque programma text editor (Block Notes, Word, ecc.) che consenta di salvare il documento in formato ASCII. Un file scritto con l Html deve avere estensione.html (o.htm) e non.txt (e, evidentemente, nemmeno doc).
7 Struttura di una pagina web Un documento web (standard) inizia con il TAG <HTML> e finisce (si chiude) con </HTML> Un TAG è sempre costituito da un termine delimitato dai simboli < e >, senza distinzione tra minuscolo e maiuscolo e, solitamente, presenta un marcatore iniziale (ad esempio <html>) ed un marcatore finale che si esplicita inserendo come prefisso il simbolo / (ad esempio </html>).
8 Head e Body Un documento Html ha la seguente struttura: <HTML> <!DOCTYPE HTML > Doctype (Opzionale) <HEAD> </HEAD> Intestazione (le istruzioni vanno inserite tra i due tag) <BODY> Corpo del documento (le istruzioni vanno inserite tra i due tag) </HTML> </BODY>
9 Doctype Fornisce informazioni sul documento: il tipo di linguaggio utilizzato (solitamente HTML), se il documento è pubblico, se fa riferimento alle specifiche W3C, ) Il tag doctype, praticamente ignorato dai vecchi browser, attualmente è sfruttato per ottimizzare la visualizzazione della pagina.
10 Head L intestazione contiene solitamente dei tag che non influiscono sulla formattazione della pagina, ma che permettono di assegnare un titolo al documento, di associare risorse esterne come fogli di stile e javascript e consentire ai motori di ricerca (google, altavista, ) di ottenere informazioni generiche sulla pagina stessa.
11 Head <HEAD> Il titolo della pagina web <TITLE>Bla bla bla </TITLE> Foglio di Stile associato <LINK REL=stylesheet type=text/css href=miofile.css> Istruzioni Javascript <SCRIPT type=text/javascript src=miofile.js> Reindirizzare verso una nuova pagina <META HTTP-EQUIV=refresh CONTENT= 2;url=index1.html > Descrizione del contenuto della pagina (Mot. Ricerca) <META NAME=description CONTENT="La descrizione del sito"> Termini associati alla pagina (Mot. Ricerca) <META NAME=keywords CONTENT= scuola, didattica, lezioni"> </HEAD>
12 Body Il body è la sezione principale del documento. È in questo spazio che si inseriscono tutti gli elementi specifici della pagina: titoli, paragrafi, liste, immagini, link, tabelle e contenuti multimediali.
13 Titoli Un titolo di un paragrafo si realizza con i TAG <H1>Titolo </H1> Titolo <H2>Titolo </H2> Titolo <H3>Titolo </H3> Titolo <H4>Titolo </H4> Titolo <H5>Titolo </H5> Titolo <H6>Titolo </H6> Titolo L eventuale attributo align=center/right/left permette l allineamento centrato/a destra/a sinistra (predefinito) <h1 align=center>.
14 Paragrafi Un paragrafo si specifica con <p> </p> Il TAG <p> potrebbe essere utilizzato senza chiusura </p>, ma è sempre consigliabile terminare il paragrafo con tale marcatore, specie quando tale paragrafo è caratterizzato da una formattazione particolare (colore del testo, tipo di font, ecc.) che non si vuole ripetere nella frase successiva. Il tag <p> fa iniziare un nuovo paragrafo sempre su una nuova riga (implica cioè un ritorno a capo ).
15 <BR> Il testo va a capo senza lasciare una riga vuota e senza cambiare gli attributi dell attuale paragrafo. <HR width=x size=y align=left right noshade> Permette di inserire una riga di separazione li lunghezza x (valore percentuale o numero di pixel), spessore y, allineata a sinistra o a destra (e non centrata), noshade, se presente, permette di ottenere una linea senza ombra tridimensionale. <PRE> </PRE> Il testo delimitato tra questi tag rimane preformattato cioè mantiene la struttura preimpostata durante la scrittura (spazi tra parole, ritorni a capo, ecc.)
16 <EM> </EM> Il testo è scritto in modo enfatizzato (corsivo). <STRONG> </STRONG> Testo in grassetto e di dimensione relativamente maggiore. <SUB> </SUB> Il testo è scritto come pedice <SUP> </SUP> Il testo è scritto come apice.
17 <B> </B> Testo in grassetto. <I> </I> Testo in corsivo. <U> </U> Testo sottolineato. <S> </S> Testo con una riga sopra. <SMALL> </SMALL> Il testo è scritto in una dimensione relativamente minore. <BIG> </BIG> Il testo è scritto in una dimensione relativamente maggiore.
18 Immagini I browser permettono di visualizzare immagini di diversi formati grafici. I più comuni sono: GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics)
19 Il formato GIF è utilizzato principalmente per immagini che contengono fino a 256 colori (più che sufficiente per pulsanti, sfondi ed icone) ed offre una buona compressione del file. Permette di realizzare: Effetti di trasparenza Immagini interlacciate (visualizzate in modo graduale) Animazioni ( gif animate ) Questo formato non è indicato per foto che, solitamente, contengono milioni di colori.
20 Il formato JPEG è invece utilizzato per immagine fotografiche con una varietà di milioni di colori e permette di ottenere una buona compressione del file (dimensione del file minore, in termini di byte, ma con conseguente perdita di qualità dell immagine). A differenza del formato gif, però, non permette di ottenere effetti di trasparenza né immagini interlacciate.
21 Il formato PNG, infine, permette di ottenere effetti di trasparenza e di interlacciamento, e supporta immagini con milioni di colori (come il jpeg). A differenza del formato gif (proprietario), il metodo di compressione è pubblico quindi liberamente utilizzabile (senza dover pagare diritti di utilizzo). L unico inconveniente è che, ancora, non è pienamente supportato da tutti i browser.
22 Per inserire una immagine in un documento HTML si utilizza il tag <IMG align=top middle bottom left right alt= bla bla height=x width=y hspace=h vspace=v border=b src= file.gif > Align: allineare l immagine rispetto al testo Alt: visualizzare una descrizione (o una frase alternativa all immagine) Height e width: dimensioni in pixel (o in percentuale) Hspace e Vspace: margine da lasciare tra testo (eventuale) e immagine Border: spessore dell eventuale bordo Src: percorso specifico del file. Tranne src, tutti gli altri attributi sono opzionali e possono tranquillamente essere omessi.
23 Link (o ancore) Mediante i link è possibile realizzare collegamenti ipertestuali con altre pagine html o file che si trovano nello stesso server o in altri (esterni). <A href= file.html >bla bla</a> oppure <A href= >bla bla</a>
24 Il testo racchiuso tra i tag <a> </a> è visualizzato, solitamente, sottolineato e di un colore diverso (per default blu) ad esempio: bla bla Cliccando sul termine linkato ci si collega alla pagina specificata dal parametro href (o viene proposto di visualizzare il file relativo). N.B. È possibile realizzare link con immagini utilizzando il tag <img>: <A href= file.html ><IMG src=immagine.gif></a>
25 Liste Le liste (elenchi), puntate o numerate, si realizzano, rispettivamente, con i seguenti tag: <UL> </UL> <LI> uno </LI> <LI> due </LI> <LI> tre </LI> uno due tre <OL> </OL> <LI> uno </LI> <LI> due </LI> <LI> tre </LI> 1) uno 2) due 3) tre
26 Opzioni per gli elenchi numerati <OL start=n type=h>: Start: definisce il valore iniziale dell elenco; Type: può assumere i valori 1, A, a, I, i. Opzioni per gli elenchi puntati <UL type=h>: Type: disc, square, circle.
27 Tabelle Una tabella permette di strutturare il testo in righe e colonne. I tag per definire una tabella sono: <table> per la struttura, <tr> per ciascuna riga, <th> per una cella di intestazione e, infine, <td> per una comune cella. <table border =x cellpadding=y cellspacing=z> <tr> <th>colonna A</th><th>colonna B</th> </tr> <tr> <td>aaaa</td><td>bbbb</td> </tr> </table>
28 Parametri di <table> Cellpadding=x permette di specificare lo spazio x (distanza) da lasciare tra il contenuto della cella ed i suoi bordi; Cellspacing=y consente di settare la distanza y, in pixel, tra celle adiacenti; Bgcolor=color consente di assegnare un colore di sfondo per l intera tabella; Background=file.jpg/png/gif imposta come sfondo l immagine contenuta nel file specificato (nella stessa cartella della pagina html); width=n stabilisce, se specificato, la larghezza complessiva della tabella: n può assumere un valore intero (pixel) o percentuale rispetto la larghezza del browser. Se questo parametro non è specificato la tabella si adatta al contenuto;
29 I principali parametri di <tr> sono: align=center/left/right (allineamento orizzontale) valign=baseline/bottom/middle/top (allineamento verticale) bgcolor=color (colore di sfondo) I principali parametri di <td> e <th>, invece: align=center/left/right valign=baseline/bottom/middle/top bgcolor=color colspan=n (raggruppamento di n colonne) rowspan=n (raggruppamento di n righe) N.B. <th>, a differenza di <td>, centra il testo nella cella e gli applica lo stile grassetto.
30 Colori I colori, in HTML, possono essere definiti esplicitandoli con il nome inglese (red, green, lightblue, black, ) oppure in RGB. RGB sta per Red Green Blue e costituisce la via principale per definire un colore. In pratica RGB esprime la combinazione dei tre colori fondamentali rosso, verde e blu, rispettivamente, espressi da tre numeri variabili da 00 a FF (notazione esadecimale) preceduti dal simbolo #. Esempi: #FF0000 (red) #FF00FF (fuchsia) #0000FF (blue) # (maroon) #00FFFF (aqua) # (navy) # (green) #FFFF00 (yellow)
31 Form Mediante i form è possibile interagire (scambiare dati) con gli utenti che visitano una pagina web. Ciò è possibile inserendo nella pagina elementi quali Pulsanti, Caselle di testo, Caselle di spunta a scelta multipla (Checkbox) o esclusiva (Radio). La seguente costituisce la sintassi essenziale del tag <FORM>: <FORM action=script method=get post> </FORM> L attributo action specifica o la pagina dove inviare i dati o un indirizzo al quale spedire i dati del form (action=mailto:tizio@server.com). Se tale attributo non fosse specificato, i dati del form verrebbero inviati alla stessa pagina. L attributo method, invece, permette di specificare come deve avvenire l invio dei dati. I valori possibili sono due: get oppure post. Con get i dati inviati sono visibili a tutti in quanto inseriti nell URL della pagina specificata nell action; con post, invece, i dati non vengono accodati all URL, non sono quindi visibili e non vi è un limite alla loro quantità (questo è particolarmente conveniente quando transitano password o enormi quantità di dati).
32 Input Il tag <INPUT> è utilizzato all interno dei tag <FORM> </FORM>per realizzare i suoi elementi (pulsanti, caselle, ). La sua sintassi essenziale è: <INPUT type= name= value= > Gli attributi type, name e value sono solo alcuni dei possibili, oltre quelli specifici del particolare tipo di oggetto realizzato (ad esempio se type fosse uguale a checkbox, potremmo avere anche l attributo checked, altrimente non presente). name rappresenta il nome associato allo specifico elemento, utile per leggere il relativo valore inviato; value è il valore preimpostato che quell elemento contiene; type, invece, identifica il tipo di elemento che si vuole ottenere (pulsante, casella di testo, ecc.). I possibili valori di type sono: button, checkbox, file, password, radio, reset, submit e text.
33 Input type type=button (pulsante generico) ok type=submit (pulsante di invio dei dati del modulo) type=reset (pulsante di azzeramento dei dati, senza invio) type=checkbox (casella di spunta, per selezionare una o più voci. Con L opzione checked l elemento appare selezionato.) type=radio (radio pulsante, usato per scegliere tra valori alternativi: V o F, Si, No. Con l opzione checked l elemento appare selezionato.) abc **** type=text (casella di testo) type=password (casella con testo sostituito da asterischi) file.txt Sfoglia... type=file (permette di selezionare un file)
34 Select e Textarea I tag Select e Textarea permettono, rispettivamente, di realizzare dei menù a tendina o dei campi di input a più righe. <select name= bla bla > <option>voce 1</option> <option>voce 2</option> <option>voce 3</option> </select> <textarea cols=x rows=y>bla bla</textarea> Bla bla
HTML 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
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
DettagliD 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 @2011 Politecnico di Torino 1 Concetti
Dettagli@2011 Politecnico di Torino 1
Concetti di base Programmazione Web Il linguaggio HTML HTML consente di annotare un testo per contrassegnare le parti che lo compongono Le annotazioni sono realizzate tramite i "tag" Visualizzare documenti
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
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
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
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@2011 Politecnico di Torino 1
Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText
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
Dettagli@2011 Politecnico di Torino 1
Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText
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
DettagliLinguaggio 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
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
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
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
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
DettagliCosa 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)
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 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
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
DettagliInformatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
DettagliHTML 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
DettagliCorso di HTML. Prerequisiti. Modulo L2 B3-Immagini. Creazione di pagine web Visualizzazione pagine web. M. Malatesta B3-Immagini-05 09/01/2014
Corso di HTML Modulo L2 B3-Immagini 1 Prerequisiti Creazione di pagine web Visualizzazione pagine web 2 1 Introduzione In questa Unità diamo un approfondimento dell utilizzo del tag del linguaggio HTML
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
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/
DettagliLinguaggio 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
DettagliNOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
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
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
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
DettagliIntroduzione al Linguaggio HTML
Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la
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
DettagliModulo o Form in Html
Pagina dinamica E un documento contenente oggetti, dati e informazioni che possono variare anche in base all iterazione dell utente con il documento stesso. Un esempio classico è quello di una persona
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
DettagliI moduli HTML Interazione per l invio di informazioni in Internet
I moduli HTML Interazione per l invio di informazioni in Internet Sviluppo di siti web UD09 Fablab Design Interazione e uso dei moduli Uno dei fattori che ha decretato il successo del Web è senz'altro
DettagliIpertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language
Informatica Lezione III Il linguaggio HTML Hyper Text Murkup Language Ipertesti Sono testi che possono essere letti sia in modo sequenziale sia eseguendo salti da un paragrafo ad un altro Sono il soggetto
DettagliHTML Interazione con l utente
HTML Interazione con l utente Il web è interattivo e per questo motivo una pagina html deve prevedere la possibilità, per l'utente, di inviare informazioni o effettuare delle scelte. Il linguaggio HTML,
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
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
DettagliIntroduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1
Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere
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
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.
DettagliLaboratorio di Basi di Dati e Web/Basi di dati e Multimedia. Docenti: Alberto Belussi e Carlo Combi Lezione 5
Laboratorio di Basi di Dati e Web/Basi di dati e Multimedia Docenti: Alberto Belussi e Carlo Combi Lezione 5 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard
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
DettagliHTML: FORM. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML: FORM Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Form Text Radio Select CheckBox TextArea Button ... L'elemento serve per delimitare un modulo
DettagliIl tag form indica l'inizio della costruzione di un modulo. Necessita del tag di chiusura
LE FORM Le form, note in italiano anche come moduli sono delle strutture che permettono all'utente di inserire dei dati o di effettuare delle scelte. Le form, prese singolarmente non sono nient'altro che
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
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
DettagliCome lo chiamiamo?..
Come lo chiamiamo?.. normalmente le formule sono criptiche = P.RATA(C10/12;C7*12;B11) = SUM(A10:A15)/B15 = A10*(1+$B$2) è possibile semplificare la comprensione con l uso dei nomi di riferimento a celle
DettagliLaboratorio Progettazione Web PHP e FORMs HTML - Lezione 8. Andrea Marchetti IIT-CNR 2011/2012
Laboratorio Progettazione Web PHP e FORMs HTML - Lezione 8 Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2011/2012 Architettura di una applicazione Web Browser Web HTTP Server Web Dati View Control
DettagliHTML: la sintassi del web
HTML: la sintassi del web Il linguaggio di codifica per l implementazione dei siti web: HTML Hyper Text Markup Language di BARBARA LOTTI 7/7/2006 1 Le origini dell HTML Il World Wide Web fu inventato nel
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
DettagliInternet, il web e il linguaggio HTML. percorso 3. Form
Form Se le pagine web utilizzassero il linguaggio HTML limitatamente ai soli tipi di tag visti sino a questo punto, la comunicazione tra impianto tecnologico (computer, dati, programmi ecc.) ed utente
DettagliIMMAGINI INTRODUZIONE
IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer
DettagliHTML 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
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.
DettagliTutorial di HTML HyperText Markup Language
Tutorial di HTML HyperText Markup Language 1 Indice L'HTML E I BROWSER... 3 STRUTTURA PAGINA... 3 TESTO... 5 FONT DEL TESTO... 5 COLORE DEL TESTO... 5 DIMENSIONI DEL TESTO... 6 STILE DEL TESTO... 6 TITOLI,
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
DettagliLinguaggi 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
DettagliIntroduzione all'html
Introduzione all'html WWW (World Wide Web) SGML (Standard Generalized Markup Language) Linguaggi per la descrizione astratta di documenti. HTML (HyperText Markup Language) HTML è un caso particolare di
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
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
DettagliLEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento
DettagliHTML. giovedì 22 settembre 11
HTML Webmaster con strumenti Open Source AGENDA HTML/XHTML Introduzione Html Struttura di una pagina Html Fogli di stile (CSS) HTML/XHTML L'organizzazione che si occupa di standardizzare la sintassi del
DettagliHTML 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
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 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
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
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,
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
DettagliCodifica informazione testuale
Rappresentazione del: Codifica informazione testuale contenuto : successione di parole che costituiscono il documento Formato: modo in cui le parole sono organizzate e rappresentate graficamente. Può migliorare
DettagliI fogli di Stile. Il Problema dello Stile di Presentazione. I tag in HTML consentono di specificare
Programmazione Web 1 I fogli di Stile Il Problema dello Stile di Presentazione 2 I tag in HTML consentono di specificare la struttura logica del documento (paragrafi, titoli, ecc.) alcuni aspetti della
DettagliProf. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti
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
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
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
DettagliCimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
DettagliIl 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
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
DettagliI campi di un form: come utilizzare il tag Input
Home -> Manuali & Tutorials -> Guida HTML I campi di un form: come utilizzare il tag Input Non c è form che si rispetti senza bottone di invio o un campo di inserimento di dati. La sintassi tradizionale
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
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
DettagliCORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. ARGOMENTI BASE DEL CORSO
CORSO DI HTML E CSS CORSO PER LA REALIZZAZIONE DI SITI WEB CON WORDPRESS. Grazie al corso di HTML e CSS IkonArt Academy potrai gestire gli elementi che regolano l'impaginazione dei contenuti (HTML) e l'aspetto
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
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliLa pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.
Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,
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
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
DettagliCreare 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
DettagliInformatica 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
DettagliVisualizzare o modificare il codice sorgente del documento (per utenti avanzati,linguaggio HTML).
Manuale FckEditor In questa sezione è possibile avere una rapida panoramica su tutte le funzioni disponibili nella barra degli strumenti predefinita FCKeditor. Tale componente lo ritroverete in gestione
Dettagli