I comandi HTML. FORMATTAZIONE DI STRUTTURA Intestazioni (Headings) <H?></H?> (sono definiti 6



Documenti analoghi
I tag di HTML Pag. 1 / 6

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:

Tutorial HTML. Realizzato da:

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...

LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...

Costruzione di un sito web - HTML

Tutorial di HTML basato su HTML 4.0 e CSS 2

Cimini Simonelli - Testa

Metodologie Informatiche Applicate al Turismo

Il linguaggio HTML - Parte 2

HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>

HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web. R. C. Esposito 1

Primi passi con HTML. Il documento HTML

MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali

Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server

GUIDA ALL HTML. Creato da SUPREMO KING

<html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html>

HTML Lezione3 Le Tabelle. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni

Esercizi. Introduzione all HTML. Il WWW

a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML

Formattazione di liste

Guida html e css base

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2

NVU Manuale d uso. Cimini Simonelli Testa

Il linguaggio HTML - Parte 3

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

caratteristiche del documento </head>

HTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori

Strumenti a disposizione

Lezione 6: Form 27/04/2012

Basi di programmazione HTML

Informatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05

Corso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06

Scegliere il font del testo

INTRODUZIONE ALL HTML

Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio

FONDAMENTI DI INFORMATICA. 3 Elaborazione testi

Hyper Text Markup Language HTML

04/05/2011. Lezione 6: Form

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0

APPUNTI DI HTML (SECONDA LEZIONE)

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

I Tag dell html. Parte quarta

MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti

<html> </html> Tag di apertura e chiusura di una pagina web #############################################################################

DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE

I PRINCIPALI TAG DEL LINGUAGGIO HTML

Tabelle HTML. Tabelle Un po di notazione.

CORSI PER ADULTI. Le basi del Web: il linguaggio HTML e correlati. Corso: Tecnico sistemi e reti n.colombini@gmail.

HTML 3. Liste puntate ed ordinate Immagini

Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano)

Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1

Indice PARTE PRIMA L INIZIO 1

Tipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4

pag. 1 Centri tecnologici di supporto alla didattica : progettare ed implementare ipermedia in classe

INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW

INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW

Università degli Studi di Modena e Reggio Emilia. Facoltà di Ingegneria Reggio Emilia CORSO DI TECNOLOGIE E APPLICAZIONI WEB HTML. Ing.

Form Editor. Dove NomeProfilo è personalizzabile.

non è linguaggio di markup formato testo .htm .html interpretando

HTML HyperText Markup Language:

HTML.

Laboratorio di Informatica (Chimica)

IL WEB. Il linguaggio HTML

Web Intelligence. Argomenti 10/5/2010.

Workshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1

HTML 4.01 XHTML 1.0 Il linguaggio dei siti web

Il linguaggio HTML - Nozioni di base (2)

Formattazione e Stampa

LEZIONE NO. 2: <BODY> E TAG DI FORMATTAZIONE DEL TESTO DI ATTILIO ABBIEZZI

Prof. Rocco Ciurleo 1

HTML Lezione1. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni

Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014

APPUNTI DI HTML (TERZA LEZIONE)

MACROSTRUTTURA DEL DOCUMENTO HTML. Il documento HTML si divide in due parti: l INTESTAZIONE e il CORPO DEL DOCUMENTO

Guida all utilizzo del CMS Drupal e alla gestione dei contenuti

Linguaggi Corso M-Z - Laurea in Ingegneria Informatica A.A HTML - 2

Concetti Fondamentali

APPUNTI DI INFORMATICA IL LINGUAGGIO HTML

, utilizzando il tasto destro

Esercitazione n. 11: Sito web con Kompozer

Language.

Esercitazioni di HTML

Login. Gestione contenuto.

Tutorial di HTML basato su HTML 4.0 e CSS 2

Tutorial di HTML basato su HTML 4.0 e CSS 2

Guida HTML. Progetto di formazione. Tele-PMI. Iniziativa Comunitaria ADAPT/bis

Tutorial di HTML HyperText Markup Language

Richiami sugli elementi del linguaggio HTML

Introduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2

HTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio

Tag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row

Prova di informatica & Laboratorio di Informatica di Base

Corso di Informatica. Immissione di dati. Visualizzazione come foglio dati 1. Visualizzazione come foglio dati 2 11/01/2008

Modulo ECDL WEBSTARTER. Obiettivi del modulo. Categoria Skill set Rif. Task Item. 1.1 Il web - Concetti. 1.2 HTML Fondamenti

Interazione con l utente : i moduli.

paragrafo. Testo Incorniciato Con bordo completo Testo Incorniciato Con bordo incompleto

Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005

Transcript:

I comandi HTML La guida elenca tutti i comandi che le versioni attuali della maggioranza dei browser probabilmente supportano. Sono stati inclusi tutti i comandi presenti nelle specifiche di HTML 3.2, come pure le estensioni presenti in Netscape Navigator, fino alla versione 3.0b5. Indice I COMANDI HTML Elementi di base (tutti i documenti HTML devono contenere questi comandi) Formattazione di struttura (la visualizzazione del testo è controllata dalla configurazione del browser) Formattazione di presentazione (l'autore specifica come deve essere visualizzato il testo) Collegamenti e grafici Divisori Liste Sfondi e colori Caratteri speciali Moduli Tabelle Frame (quadri) ELEMENTI DI BASE Tipo <HTML></HTML> (inizio e fine del file) Titolo <TITLE></TITLE> (titolo del documento; deve essere nella testata) Testata <HEAD></HEAD> (informazioni descrittive; come il titolo) Corpo <BODY></BODY> (contenuto della pagina) FORMATTAZIONE DI STRUTTURA Intestazioni (Headings) <H?></H?> (sono definiti 6 Blocchi divisi <H? ALIGN=LEFT CENTER RIGHT></H?> <DIV></DIV> <DIV ALIGN=LEFT RIGHT CENTER></DIV> livelli) Blocco di citazioni <BLOCKQUOTE></BLOCKQUOTE> (generalmente rientrato) Evidenziato (Emphasis) <EM></EM> (generalmente visualizzato in corsivo)

Molto evidenziato <STRONG></STRONG> (generalmente in neretto) Citazione <CITE></CITE> (generalmente in corsivo) Codice <CODE></CODE> (per listati di programmazione) Esempio di output <SAMP></SAMP> Variabile <VAR></VAR> Definizione <DFN></DFN> (non molto diffuso) Indirizzo dell'autore <ADDRESS></ADDRESS> Il font più grande <BIG></BIG> Il font più piccolo <SMALL></SMALL> FORMATTAZIONE DI PRESENTAZIONE Neretto (Bold) <B></B> Corsivo (Italic) <I></I> N3.0b Sottolineato (Underline) <U></U> Depennato (Strikeout) <STRIKE></STRIKE> N3.0b Depennato (Strikeout) <S></S> Deponente (Subscript) <SUB></SUB> Esponente (Superscript) <SUP></SUP> Macchina da scrivere (Typewriter) <TT></TT> (visualizzato a spaziatura fissa) Preformattato <PRE></PRE> (visualizzato tale e quale) Larghezza <PRE WIDTH=?></PRE> (in caratteri) Centrato <CENTER></CENTER> (sia per testo che immagini) N1.0 Lampeggiante (Blinking) <BLINK></BLINK> Grandezza del Font <FONT SIZE=?></FONT> (valori da 1 a 7) Cambio grandezza font <FONT SIZE="+ -?"></FONT> N1.0 Grandezza font di base <BASEFONT SIZE=?> (da 1 a 7; default 3) Colore del font <FONT COLOR="#$$$$$$"></FONT> N3.0b Selezione del Font <FONT FACE="***"></FONT> N3.0b Testo in più colonne <MULTICOL COLS=?></MULTICOL> N3.0b Spazio tra le colonne <MULTICOL GUTTER=?></MULTICOL> (lo standard è di 10 pixel) N3.0b Larghezza della colonna <MULTICOL WIDTH=?></MULTICOL> N3.0b Spazio (Spacer) <SPACER> N3.0b Tipo di spazio <SPACER TYPE=horizontal vertical block> N3.0b Grandezza dello spazio <SPACER SIZE=?> N3.0b Dimensione dello spazio <SPACER WIDTH=? HEIGHT=?> N3.0b dello spazio <SPACER ALIGN=left right center>

COLLEGAMENTI E GRAFICI Collegamento generale ad un punto(target) <A HREF="URL"></A> <A HREF="URL#***"></A> (se in un altro documento) <A HREF="#***"></A> (se nello stesso documento) N2.0 ad una finestra (target) <A HREF="URL" TARGET="*** _blank _self _parent _top">< /A> Definizione del punto <A NAME="***"></A> Relazione <A REL="***"></A> (non ancora molto diffuso) Visualizzazione immagine <IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> N1.0 <IMG SRC="URL" ALIGN=TEXTTOP ABSMIDDLE BASELINE ABSBOTTOM> testo alternativo <IMG SRC="URL" ALT="***"> (quando non viene visualizzata l'immagine) Mappa navigabile (Imagemap) <IMG SRC="URL" ISMAP> (richiede un script) Mappa navigabile locale <IMG SRC="URL" USEMAP="URL"> Denominazione della mappa <MAP NAME="***"></MAP> Sezioni della mappa <AREA SHAPE="RECT" COORDS=",,," HREF="URL" NOHREF> Dimensioni <IMG SRC="URL" WIDTH=? (in pixel) HEIGHT=?> Bordi <IMG SRC="URL" BORDER=?> (in pixel) spazio circostante <IMG SRC="URL" HSPACE=? (in pixel) VSPACE=?> N1.0 bassa risoluzione <IMG SRC="URL" LOWSRC="URL"> N1.1 Metodo Client Pull <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> N2.0 Incorporazione di oggetti <EMBED SRC="URL"> (inserimento oggetto nella pagina) N2.0 grandezza oggetto <EMBED SRC="URL" WIDTH=? HEIGHT=?> DIVISORI Paragrafo <P></P> (spesso il tag di chiusura non è necessario) <P ALIGN=LEFT CENTER RIGHT></P> Interruzione riga <BR> (singolo ritorno a capo) Riga orizzontale <HR> <HR ALIGN=LEFT RIGHT CENTER> Spessore <HR SIZE=?> (in pixel) Larghezza <HR WIDTH=?> (in pixel) N1.0 Larghezza in percentuale <HR WIDTH="%"> (come percentuale rispetto alla larghezza della pagina) Riga piena <HR NOSHADE> (senza l'effetto 3D)

LISTE Liste senza ordine <UL><LI></LI></UL> (<LI> prima di ogni elemento) tipo di pallina <UL TYPE=DISC CIRCLE SQUARE> (per tutta la lista) <LI TYPE=DISC CIRCLE SQUARE> (questo e successivi) Liste numerate <OL><LI></LI></OL> (<LI> prima di ogni elemento) tipo di numero <OL TYPE=A a I i 1> (per tutta la lista) <LI TYPE=A a I i 1> (questo e successivi) numero di partenza <OL START=?> (per tutta la lista) <LI VALUE=?> (questo e successivi) SFONDO E COLORI Immagine di sfondo <BODY BACKGROUND="URL"> Colore di sfondo <BODY BGCOLOR="#$$$$$$"> (in ordine di Red/Green/Blue) colore del testo <BODY TEXT="#$$$$$$"> colore dei collegamenti <BODY LINK="#$$$$$$"> colore dei collegamenti visitati <BODY VLINK="#$$$$$$"> colore del collegamento selezionato <BODY ALINK="#$$$$$$"> CARATTERI SPECIALI (devono essere digitati in caratteri minuscoli) carattere speciale &#?; (dove? indica il codice ISO 8859-1) < < > > & & " " Registered TM Copyright Non-Breaking Space MODULI Definizione <FORM ACTION="URL" METHOD=GET POST></FORM> N2.0 Upload di file <FORM ENCTYPE="multipart/formdata"></FORM> campo di immissione <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO IMAGE HIDDEN SUBMIT RESET"> denominazione del campo <INPUT NAME="***"> valore del campo <INPUT VALUE="***"> barrato? <INPUT CHECKED> (checkbox e radio) grandezza <INPUT SIZE=?> (in caratteri)

lunghezza massima <INPUT MAXLENGTH=?> (in caratteri) lista di selezione <SELECT></SELECT> denominazione del campo <SELECT NAME="***"></SELECT> numero di opzioni <SELECT SIZE=?></SELECT> scelta multipla <SELECT MULTIPLE> (per selezionare più di un elemento) Opzioni <OPTION> (elementi che possono essere selezionati) opzione proposta <OPTION SELECTED> Finestra di immissione <TEXTAREA ROWS=? COLS=?></TEXTAREA> denominazione del campo <TEXTAREA NAME="***"></TEXTAREA> N2.0 divisione del testo <TEXTAREA WRAP=OFF VIRTUAL PHYSICAL></TEXTARE A> TABELLE Definizione <TABLE></TABLE> bordo <table border=?></table> spazio tra celle <TABLE CELLSPACING=?> spazio all'interno <TABLE CELLPADDING=?> larghezza desiderata <TABLE WIDTH=?> (in pixel) Larghezza in percentuale <TABLE WIDTH="%"> (percentuale rispetto alla pagina) riga <TR></TR> allineamento <TR ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> cella <TD></TD> (deve essere all'interno di una riga) allineamento <TD ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> senza interruzione <TD NOWRAP> colonne da occupare <TD COLSPAN=?> righe da occupare <TD ROWSPAN=?> N1.1 larghezza desiderata <TD WIDTH=?> (in pixel) N1.1 larghezza desiderata in percentuale <TD WIDTH="%"> (percentuale rispetto alla tabella) N3.0b colore di sfondo della cella <TD BGCOLOR="#$$$$$$"> Intestazioni delle celle <TH></TH> (uguale alle celle di dati, ma in neretto e centrata) allineamento <TH ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> senza interruzione <TH NOWRAP> colonne da occupare <TH COLSPAN=?> righe da occupare <TH ROWSPAN=?> N1.1 larghezza desiderata <TH WIDTH=?> (in pixel) N1.1 larghezza desiderata in percentuale <TH WIDTH="%"> (percentuale rispetto alla tabella) N3.0b colore di sfondo della cella <TH BGCOLOR="#$$$$$$"> Legenda della tabella <CAPTION></CAPTION> allineamento <CAPTION ALIGN=TOP BOTTOM> (sopra o sotto la tabella)

FRAME (quadri) N2.0 Documento Frame <FRAMESET></FRAMESET> (al posto di <BODY>) N2.0 altezza in righe <FRAMESET ROWS=,,,></FRAMESET> (pixel o %) N2.0 altezza in righe <FRAMESET ROWS=*></FRAMESET> (* = misura relativa) N2.0 larghezza in colonne <FRAMESET COLS=,,,></FRAMESET> (pixel o %) N2.0 larghezza in colonne <FRAMESET COLS=*></FRAMESET> (* = misura relativa) N3.0b larghezza della cornice <FRAMESET BORDER=?> N3.0b cornice <FRAMESET FRAMEBORDER="yes no"> N3.0b colore della cornice <FRAMESET BORDERCOLOR="#$$$$$$"> N2.0 Definizione del Frame <FRAME> (contenuto di ogni singolo riquadro) N2.0 documento da visualizzare <FRAME SRC="URL"> N2.0 denominazione del frame <FRAME NAME="***" _blank _self _parent _top> N2.0 larghezza dei margini <FRAME MARGINWIDTH=?> (margine destro e sinistro) N2.0 altezza dei margini <FRAME MARGINHEIGHT=?> (margine alto e basso) N2.0 barra di scorrimento? <FRAME SCROLLING="YES NO AUTO"> N2.0 dimensione non modificabile <FRAME NORESIZE> N3.0b cornice <FRAME FRAMEBORDER="yes no"> N3.0b colore della cornice <FRAME BORDERCOLOR="#$$$$$$"> N2.0 contenuto in assenza di frame <NOFRAMES></NOFRAMES> (per browser che non supportano frame)