Primi Elementi sul linguaggio HTML
|
|
- Riccardo Giovannini
- 6 anni fa
- Visualizzazioni
Transcript
1 Primi Elementi sul linguaggio HTML Docente Tutor: Dott. Gianluigi Roveda Informatica per l'impresa
2 Premessa: I lucidi qui presentati non sono una trattazione completa dell'argomento ma una introduzione, lo studente di Informatica per l'impresa potrà approfondire consultando i riferimenti indicati nell'ultimo lucido.
3 Cosa tratteremo? - Sintassi del linguaggio HTML I TAG più usati oggi giorno - Esempi di uso del linguaggio HTML
4 Hyper - Iper Text Markup - Testo - Marcatura Linguaggio per la descrizione di ipertesti multimediali tramite marche Language - Linguaggio
5 ipertesto Prefisso che indica qualcosa che sta al di sopra per quantità o grado! Mi pare ovvio!!!
6 Lettura di un LIBRO (SEQUENZIALE) Navigazione di un Ipertesto (si percorre un grafo) p.1 p.2 p.3.
7 Un ipertesto è caratterizzato da: 1. Pagine (nodi). 2. Rimandi alle pagine (link).
8 ... click su home click su persone click su home click su persone... click su docenti...
9 Più di uno ma di cosa? Da media: plurale della parola latina medium, che traduciamo semplicemente in mezzo. Nel nostro caso si considerano i mezzi di comunicazione multimediale testi video audio immagini
10 <HTML> <head> </head> T E S T A INFORMAZIONE NON VISIBILE metainformazioni Titolo Parole chiave Autore... <body> C O R P O INFORMAZIONE VISIBILE </body> </HTML>
11 Esempio di pagina HTML <html> <head> <title> Pagina di Mario Rossi </title> </head> <body bgcolor=green> <center> <H1> La Pagina Web del Sig. Rossi </H1> <br> <IMG SRC="foto.jpg" border="0"> <br><br> Premi <a href="primapagina.html"> qui </a> per entrare! <br><br> <H3> data ultima modifica: </H3> </center> </body> </html>
12 MARCHE o TAG <HTML> racchiude la pagina web <HEAD> racchiude la testa della pagina web <BODY> racchiude il corpo della pagina web < NOME-TAG > elemento < / NOME-TAG > MARCA d'inizio elemento MARCA di fine elemento Esempi: <b>ciao</b> <i> CIAO</i> <u>ciao</u CIAO CIAO CIAO Nota: 1. alcuni TAG non prevedono chiusura, come quello per andare a capo (<BR>); 2. i TAG possono essere scritti sia in minuscolo che in maiuscolo, ad esempio <b> e <B> sono lo lo stesso TAG.
13 <HTML> Metainformazioni <head> </head> <body> </body> </HTML> Titolo della pagina <title> titolo-della-pagina </title> <meta NAME= nome-della metainformazione" CONTENT= contenuto"> Valori per NAME tra i più usati: Esempio: author, description, expired, keywords, copyright, date <html> <head> <title> La mia Prima Pagina </title> <meta name= author content= John Smith > <meta name="description" content="documento introduttivo"> </head>... opzionale Nota: Possono essere presenti anche collegamenti a file esterni (fogli di stile, javascript, ecc).
14 <HTML> Successione di elementi, noi ne vedremo alcuni: <head> </head> <body> Stile Fisico - elenchi, - tabelle, - testo a caratteri a larghezza fissa, - paragrafo, - testo preformattato, - a capo, - immagini, - corsivo, grassetto, sottolineato, - collegamento ipertestuale, - moduli, aspetto indicato direttamente Stile Logico - definizioni, - enfasi, - intestazione titoli, - citazioni. </body> </HTML> aspetto determinato dal browser
15 PARAGRAFO Esempio: <p> The body of a document contains the document's content. The content may be presented by a user agent in a variety of ways. For example, for visual browsers, you can think of the body as a canvas </p>... Visualizzazione: dopo il paragrafo va a capo Esempio: <p> The body of a document contains the document's content. The content may be presented by a user agent in a variety of ways. For example, for visual browsers, you can think of the body as a canvas </p> <p> The body of a document contains the document's content. The content may be presented by a user agent in a variety of ways. For example, for visual browsers, you can think of the body as a canvas </p>... <p lista-attributi> testo-paragrafo </p> opzionale
16 ALLINEAMENTO Usando l'attributo ALIGN con <p> il simbolo = associa un'attributo a un valore valori attributi Esempio: ALIGN=LEFT ALIGN=CENTER ALIGN=RIGHT <p align=center> The body of a document contains the document's content. The content may be presented by a user agent in a variety of ways. For example, for visual browsers, you can think of the body as a canvas </p>... allinea a sinistra allinea al centro allinea a destra N.B.: si usa anche con altri TAG Usando il TAG CENTER Esempio:... <center> The body of a document contains the document's content. The content may be presented by a user agent in a variety of ways. For example, for visual browsers, you can think of the body as a canvas </center>...
17 TESTO PREFORMATTATO vanno entrambi a capo <pre> Prima riga Seconda riga Terza riga </pre>... Prima riga Seconda riga Terza riga Visualizzazione nel browser Il numero di spaziature è lo stesso
18 ELENCHI Puntato (tag UL) Numerato (tag OL) di Definizioni (tag ) Mele Pere Arance Banane 1. Mele 2. Pere 3. Arance 4. Banane <ul> <li>mele <li>pere <li>arance <li>banane </ul> <ol> <li>mele <li>pere <li>arance <li>banane </ol> <DL> <DT> mela <DD> frutto <DT> patata <DD> tubero <DT> lattuga <DD> verdura </DL> <DL COMPACT> <DT> mela <DD> frutto <DT> patata <DD> tubero <DT> lattuga <DD> verdura </DL> Inizio & fine elenco Elementi dell'elenco Inizio & fine elenco Elementi dell'elenco Inizio & fine elenco termini da definire definizione N.B.: non tutti i browser distinguono tra le liste di definizioni e le liste di definizioni compatte
19 ELENCHI ANNIDATI Parte di una voce di un'elenco può essere un'elenco <UL> <LI> Elettrodomestici <UL> <LI> Computer <LI> Televisori <LI> Lavastoviglie </UL> <LI> Alimenti <OL> <LI> Carni <LI> Vegetali <DL> <DT> Mela <DD> frutta <DT> Patata <DD> tubero <DT> Lattuga <DD> verdura </DL> <LI> Latticini </OL> <LI> Vestiti </UL>
20 TAG PER LO STILE DEI CARATTERI TAG STILE ESEMPIO EFFETTO <B> grassetto <B> grassetto </B> grassetto <I> corsivo <I> corsivo </I> corsivo <U> sottolineato <U> sottolineato </U> sottolineato <TT> caratteri a lunghezza fissa <TT>lunghezza fissa</tt> lunghezza fissa ATTENZIONE.: <TT> è molto utile quando si devono incolonnare delle informazioni <TT> 10 +<BR> 3 =<BR> ----<BR> 13<BR> </TT> = Informatica per l'impresa Primi Elementi sui linguaggi del Web:HTML 20
21 INTESTAZIONE Stile Logico <HTML> <HEAD> <TITLE>Semplice Esempio di HTML</TITLE> <META NAME="Author" CONTENT="Nicola Dragoni"> <META NAME="Description" CONTENT="Documento introduttivo"> </HEAD> <BODY> <H3>Questo è un piccolo documento HTML</H3> </BODY> </HTML> <HTML> <HEAD> <TITLE>Semplice Esempio di HTML</TITLE> <META NAME="Author" CONTENT="Nicola Dragoni"> <META NAME="Description" CONTENT="Documento introduttivo"> </HEAD> Intestazione del... <BODY> <H1>Frutta</H1> Titolo capitolo <H2>Mele</H2> <H2>Agrumi</H2> Titolo paragrafo <H3>Arance</H3> <H3>Mandarini</H3> Titolo sottoparagrafo </BODY> </HTML> Elenco dei tag d'intestazione: <H1> <H2> <H3> <H4> <H5> <H6>
22 ALTRI ESEMPI DI TAG DI STILE LOGICO <DFN> <EM> <CITE> <CODE> <STRONG> definizione Di norma i browser lo mostrano in italico. enfasi Di norma i browser lo mostrano in in italico. citazioni Di norma i browser lo mostrano in italico. Per mostrare il codice (o listato di un programma) Di norma i browser lo mostrano in con caratteri a larghezza fissa. enfasi (tono forte) Di norma i browser lo mostrano in grassetto. <HTML> <HEAD> <TITLE>Prova di TAG</TITLE> </HEAD> <BODY> <H2>Proviamo i TAG in stile logico</h2> <DFN>definizione</DFN><BR> <EM> enfasi </EM><BR> <CITE>citazione </CITE><BR> <CODE>codice </CODE><BR> <STRONG>enfasi </STRONG> </BODY> </HTML> 22
23 TABELLE Tabella = { riga1, riga2,... } Riga = { cella1, cella2, } Spessore del bordo della tabella Attenzione: se il border vale 0 la tabella è senza bordi. <TABLE border="1"> <TR> <TD>A1</TD> <TD>B1</TD> <TD>C1</TD> </TR> <TR> <TD>A2</TD> <TD>B2</TD> <TD>C2</TD> </TR> </TABLE> fine riga Inizio & fine elenco Inizio & fine riga Inizio riga
24 IMMAGINI 340 X 300 <IMG SRC="caffe.gif"> Pathname dell'immagine da visualizzare SI POSSONO SPECIFICARE E MODIFICARE LE DIMENSIONI IN ASSOLUTO <IMG SRC="caffe.gif" HEIGHT=680 WIDTH=600> raddoppio la dimensione RELATIVO Attributo per precisare l'altezza Attributo per precisare la larghezza <IMG SRC="caffe.gif" HEIGHT=200% WIDTH=200%>
25 COLLEGAMENTI <a href= prova2.html > Passa a prova 2 </a> Pathname della pagina da aprire Elemento da premere per visionare la nuova pagina Tag di chiusura <a href= prova2.html > <IMG SRC= caffe.gif > </a> Tag di appertura che specifica la destinazione del collegamento ATTENZIONE : Le immagini che collegano altre pagine sono di norma bordate e i testi sottolineati. COLLEGAMENTI ESTERNI: <a href= > Continua... </a>
26 Esempi di EDITOR HTML: O P E N S O U R C E 1. DreamWeaver (ADOBE). 2. Amaya (W3C) 3. Komposer ( derivato dal progetto NVU della Linspire Inc. ) 4. Expression Web (Microsoft)
27 Riferimenti Sito del World Wide Web Consortium Sito dell'ufficio italiano del World Wide Web Consortium
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
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
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
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
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
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
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:
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
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
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 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
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
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
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
DettagliLanguage. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
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:
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
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
DettagliLinguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
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
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
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
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
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
DettagliImmaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table>
LE TABELLE IN HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
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.
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
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 e CSS. Concetti base
HTML e CSS Concetti base Hyper Text Markup Language Structured Generalized Markup Language (SGML) Nasce in ambiente editoriale Testo non formattato ma contrassegnato da coppie di marcatori Document
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
DettagliIntroduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1
Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno
DettagliHyper Text Markup Language HTML
Operatore informatico giuridico A.A 2003/2004 I Semestre Hyper Text Markup Language HTML Dr. Raffaella Brighi HTML HTML è un linguaggio di marcatura (markup) per la creazione di ipertesti Le sezioni di
DettagliWWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2
! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza
DettagliElementi 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
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
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
Dettagli#HTML & MArkup Languages. good web design VS bad web design
#HTML & MArkup Languages good web design VS bad web design #standard web a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those
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
DettagliRealizzazione di pagine Web
Realizzazione di pagine Web Obiettivi 1.Conoscere i principi di progettazione di una pagina Web e gli strumenti per produrla. 2.Sviluppare pagine Web con l'uso di opportuni strumenti software di authoring
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
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte I: elementi di base Linguaggi di markup in un documento il markup è il codice che contiene le informazioni per la sua formattazione 2 1 Linguaggi
DettagliCostruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
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
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
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
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
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
DettagliManuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
DettagliHTML il linguaggio per creare le pagine per il web
Linguaggi di markup il linguaggio per creare le pagine per il web in un documento il markup è il codice che contiene le informazioni per la sua formattazione Parte I: elementi di base 2 Linguaggi di markup
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
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
DettagliHTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio
HTML: tag Alcuni tag prevedono un identificatore di inizio () e di fine marcatura () altri sono dei tag singoli (es.: , ). Esistono delle codifiche per rappresentare in modo universale
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
DettagliSommario. Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web
Sommario Breve storia di Internet Commutazione di pacchetto e TCP/IP Il Web HTTP HTML CGI... Connessione tra basi di dati e Web Internetworking (collegamento fra reti e sistemi eterogenei) Nasce da un
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
DettagliCorso HTML. Appendice. Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA. Home» I tuoi corsi» HTML» Lezione
Catalogo corsi Perchè scegliere noi? Caratteristiche DEMO Attestato Tutor FAQ Aziende e PA Corso HTML Home» I tuoi corsi» HTML» Lezione Appendice 13.1 Elenco dei Tag HTML in ordine alfabetico L'HTML è
DettagliLaboratorio di Informatica (Chimica)
Laboratorio di Informatica (Chimica) HTML: Elementi di Base. Walter Cazzola Dipartimento di Informatica e Comunicazione Università à degli Studi di Milano. e-mail: cazzola@dico.unimi.it Walter Cazzola
DettagliHTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language) E un linguaggio di scrittura di pagine per Internet (pagine web) nato nel 1992. E un linguaggio di marcatura ipertestuale Non è un linguaggio di programmazione, in quanto
DettagliHTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!
HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!) CENNI SULL'HTML L'html è il linguaggio di base per lo sviluppo di pagine
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
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.
DettagliINTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura
DettagliMACROSTRUTTURA DEL DOCUMENTO
MACROSTRUTTURA DEL DOCUMENTO Il documento HTML si divide in due parti: l INTESTAZIONE e il CORPO DEL DOCUMENTO Es. dichiarazione iniziale HTML 4.01 :
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
DettagliUniversità del Salento Facoltà di Scienze della Formazione, Scienze Politiche e Sociali CORSO DI INFORMATICA. UD5. Internet = Web?
CORSO DI INFORMATICA UD5. Internet = Web? Bruno Ronsivalle Cosa si intende per Internet? Come si accede a Internet? Internet e Web sono la stessa cosa? Cosa significa WWW? Cosa si intende per ipertesto?
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
DettagliELENCHI. 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
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
DettagliCreazione di pagine Web Silvio Peroni
Creazione di pagine Web Silvio Peroni speroni@cs.unibo.it http://creativecommons.org/licenses/by-sa/2.5/it/ 1 Sommario Link ipertestuali: fondamenti, creazione e id Struttura: header e corpo Titoli, paragrafi
DettagliProgettazione Siti Web: Pagine Web Introduzione e HTML
Progettazione Siti Web: Pagine Web Introduzione e HTML Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it
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
DettagliNavigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Seconda lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 In informatica l'hypertext Markup Language (HTML)
Dettagli, utilizzando il tasto destro
HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio di programmazione (sono linguaggi di programmazione il C, il C++, il Pascal, il Java,
DettagliIl linguaggio HTML - Nozioni di base (2)
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base (2) Dott. Chiara Braghin braghin@dti.unimi.it TAG strutturali visti fino ad ora -
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
DettagliHTML HTML HTML HTML. Le basi del linguaggio HTML. Marco Gribaudo
Le basi del linguaggio Marco Gribaudo marcog@di.unito.it http://www.di.unito.it/~marcog/savigliano E il linguaggio base per produrre documenti per World Wide Web (Internet) Documenti WEB: pagine ipertestuali
Dettaglicaratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
DettagliHTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab
HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab INTERNET Generalmente Internet è definita la rete delle
Dettaglibody e i suoi tag HTML 2
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
DettagliInformatica di Base. Programma Lezioni
Informatica di Base Lezione III Il linguaggio HTML Hyper Text Markup Language 1 Informatica di Base Programma Lezioni 1 26 ottobre Introduzione Sistema binario e formato dei dati 2 2 novembre Numeri negativi
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
DettagliProgettazione di siti web con linguaggio HTML A cura della prof.ssa Valeria Valecchi
Progettazione di siti web con linguaggio HTML A cura della prof.ssa Valeria Valecchi Istituto d Istruzione Superiore Polo-Bonghi Assisi (PG) WWW (World Wide Web) sito Internet o sito Web o sito WWW: insieme
DettagliI PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
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 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 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
Dettagli2.4 Il linguaggio (X)HTML
Fondamenti di Informatica Sistemi di Elaborazione delle Informazioni Informatica Applicata 2.4 Il linguaggio (X)HTML Antonella Poggi Anno Accademico 2012-2013 DIPARTIMENTO DI SCIENZE DOCUMENTARIE LINGUISTICO
DettagliLa struttura del WWW: gli ipertesti. Il linguaggio HTML. Ipertesto. Libro. Dizionario. Ipertesto. Il linguaggio HTML
La struttura del WWW: gli ipertesti Il linguaggio HTML Dal libro al Web... Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino farinetti@polito.it lettura sequenziale L. Farinetti - Politecnico
DettagliLinguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano
Linguaggi di Markup Violetta Lonati a Dipartimento Scienze dell Informazione Università degli Studi di Milano a E garantito il permesso di copiare, distribuire e/o modificare i materiali cont enuti in
DettagliCorso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
DettagliElenchi puntati e numerati
Elenchi puntati e numerati Gli elenchi giocano un ruolo molto importante nei testi, ma anche nella definizione di elementi strutturali delle pagine HTML. Dal punto di vista dell organizzazione del testo
DettagliGuida html e css base
Sommario Guida html e css base...1 Introduzione...1 Formattare il testo...4 Organizzare il testo in paragrafi...5 Creare le sezioni come in un libro...6 Creare gli elenchi...8 Inserire immagini e collegamenti...11
DettagliLe immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare un
DettagliProf. Rocco Ciurleo 1
Istituto Tecnico Industriale Statale Conte Michele Maria Milano Polistena Classi: 2 E 2 G - a. s. 2012/2013 H T M L Guida base al linguaggio Prof. Rocco Ciurleo 1 Cos è l HTML HTML è l'acronimo di Hypertext
DettagliElementi di HTML. grazie a Chiara Renso. KDD Lab, ISTI-CNR, Pisa
Elementi di HTML grazie a Chiara Renso KDD Lab, ISTI-CNR, Pisa HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain text che possono essere creati usando un qualsiasi
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
DettagliEsistono 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
DettagliTabella: struttura di base
Tabella: struttura di base Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
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.
DettagliTabella: struttura di base
Tabella: struttura di base Le Tabelle Nel Linguaggio HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi
Dettagli