HTML: 10 cose da sapere

tramite: O2O
Difficoltà: media
111

Introduzione

HTML è il principale linguaggio di pubblicazione di pagine Web. Grazie a questo tipo di linguaggio è possibile creare link tra le pagine, decidere l'importanza da assegnare ai testi, inserire immagini, e tanto altro ancora. La conoscenza dell'HTML è fondamentale per chi desidera cimentarsi nella creazione di contenuti o applicazioni mobile.

Ecco le 10 cose da sapere che ti aiuteranno nella realizzazione di pagine e siti web.

211

Creazione di una pagina HTML

Per creare la prima pagina HTML è sufficiente un browser e un editor testi (esclusi Word, OpenOffice e programmi simili). Scrivete ad esempio un testo sul classico blocco note di Windows e salvatelo con estensione html (ad esempio ciao. Html). Una volta cliccato sul file salvato, il browser predefinito aprirà una pagina HTML all'interno della quale visualizzerete il vostro testo.

311

Struttura di una pagina HTML

Una pagina HTML è composta da una serie di elementi (tag). Grazie a questi tag, la pagina presenta un testo, immagini, suoni, video etc.
Il tag serve a dichiarare il tipo di documento e la versione con la quale è stato scritto (ad esempio HTML5).
Il tag definisce la struttura esterna del documento. Può dichiarare ad esempio la lingua della pagina.
I tag e contrassegnano l'inizio e la fine dell'intestazione di un documento.
Il tag racchiude tutte le componenti della pagina (testi, immagini, link) che costituiscono la parte visualizzata dal browser.

Continua la lettura
411

Gli attributi dei tag

Gli attributi dei tag HTML servono a specificare la funzione o il tipo di elemento, a memorizzare dati o ad arricchire il significato di uno specifico contenuto. Esistono molto attributi che modificano o configurano il comportamento dell'elemento HTML (autoplay, action, bgcolor, border, buffered etc.). La sintassi di un tag con attributi è la seguente: .

511

Titoli, sottotitoli, paragrafi di una pagina HTML

I tag HTML identificano sezioni e porzioni di un testo all'interno di una pagina. I tag

e

definiscono l'inizio e la fine di un paragrafo. Il tag
serve ad andare a capo nel ben mezzo di un testo. Per quanto riguarda i titoli, esiste un ordine gerarchico di tag. Il tag

indica il titolo principale. Il tag

si utilizza in genere per i sottotitoli. Per i paragrafi si utilizzerà

e così via.

611

Stile del testo

Esistono dei tag che definiscono lo stile di un testo all'interno di una pagina HTML. Quando si vuol dare importanza e rilevanza si utilizza il tag (grassetto). Quando invece si desidera dare un tono o un enfasi diversa dal resto del testo, si utilizza il tag (corsivo).

711

Citazioni, acronimi e commenti in HTML

Quando si vuol inserire nel testo una citazione di un personaggio illustre o anche commenti di un altro blog, è necessario utilizzare il tag

. Per gli acronimi si utilizza il tag .
Per inserire dei commenti in HTML, il testo deve essere racchiuso tra .

811

Link in HTML

Grazie ai link è possibile passare da un documento all'altro. A seconda che si tratti di un sito web, di un file pdf o di un'immagine, il meccanismo non cambia. La sintassi per creare un link con riferimento ad un sito web è http://www.html.it/">Visita HTML. It

911

Inserire immagini HTML

Il tag principale per inserire delle immagini in una pagina HTML è . Gli attributi che si associano a questo tag sono "src" e "alt". Il primo indica l'origine e l'indirizzo del file. Il secondo è il testo alternativo che appare qualora il client non riuscisse a visualizzare l'immagine.

1011

File audio HTML

Per quanto riguarda i file audio, il linguaggio HTML5 ha introdotto un nuovo tag:

1111

Sfondo di una pagina HTML

Quando si vuol dare un determinato colore alla sfondo della propria pagina HTML è possibile utilizzare il relativo attributo (bgcolor) nel tag . Se si desidera, ad esempio, avere lo sfondo verde, la sintassi sarà la seguente: .

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Guida alle basi di Html

Oggi programmare è diventata una delle cose più importanti da saper fare. Infatti si è calcolato che la programmazione rispetto agli ultimi 10 anni è aumentata del 70% e la richiesta di giovani programmatori nel panorama lavorativo è anch'esso in...
Programmazione

Guida HTML per creare una pagina web

Premessa: questa non vuole essere una Guida HTML completa, ma una semplice guida per creare la vostra prima pagina web. Per una guida completa vi invito a visitare la guida di HTML.it. HTML significa Hyper Text Markup Language, cioè linguaggio a marcatori...
Programmazione

Come creare immagini vettoriali SVG con HTML5

In questa guida vedremo come creare immagini vettoriali SVG con HTML5. Molti browser Internet, tra cui Microsoft Internet Explorer 9 e il supporto HTML5 sono utili allo scopo. Gli sviluppatori possono approfittare delle nuove caratteristiche, come la...
Programmazione

Come creare animazioni con HTML5

Dalla sua nascita, il linguaggio HTML ha subito diverse modifiche e miglioramenti che, col passare del tempo, l'hanno portato alla sua ultima versione: ovvero l'HTML5. Inizialmente HTML veniva usato per la creazione di siti web statici e anche molto spartani...
Programmazione

Guida: Programmare in HTML5

L'HTML5 è uno scripting-language usato esclusivamente per costruire pagine Internet. Universalmente diffuso e abbastanza semplice da imparare, consente di predisporre contenuti da esporre sul Web facilmente e dotati di caratteristiche anche sofisticate....
Programmazione

Come iniziare a programmare in HTML 5

Prima di iniziare è bene precisare che con la parola "programmare" riferita al linguaggio HTML 5 è usata in modo improprio. Infatti l'HTML serve a programmare poco e nulla, per le programmazioni e più utile usare i PHP, Javascript, asp ecc.Fatta questa...
Programmazione

Come creare un sito web in HTML5

L’ HTML5 è un insieme di tecnologie volte allo sviluppo e alla creazione di web application e pagine web. Le novità introdotte sono molteplici, che tendono a semplificare la creazione di un sito, utilizzando markup e semantica più facile. Uno tra...
Programmazione

Come aggiungere effetti alla pagina Html

I siti web abilmente progettati con effetti accuratamente selezionati non sono solo belli da vedere, ma sono anche funzionali e migliorano l'esperienza dell'utente. Purtroppo, non tutti gli sviluppatori di siti Internet hanno il tempo e la pazienza di...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.