HTML: 10 cose da sapere

Tramite: O2O 26/08/2017
Difficoltà: media
112

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.

212

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.

312

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
412

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: .

512

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.

612

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).

712

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 .

812

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. Per creare un link è necessario utilizzare il tag "a". 

912

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.

1012

File audio HTML

Per quanto riguarda i file audio, il linguaggio HTML5 ha introdotto un nuovo tag:. Gli attributi applicabili a questo tag sono: "controls","autoplay","loop" e "source". Il primo serve per garantire la presenza dei controlli utente nella gestione della riproduzione del file. L'attributo "autoplay" forza l'audio ad essere eseguito automaticamente e l'attributo "loop" forza la riproduzione del file a ciclo continuo.

1112

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

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

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 inserire lo sfondo in html

Per migliorare ulteriormente la progettazione delle tue campagne di marketing, puoi aggiungere un'immagine di sfondo ad un codice del tuo modello in Template Builder di MailChimp.I modelli HTML personalizzati sono una funzionalità avanzata e sono consigliati...
Programmazione

Come mappare un'immagine con l'HTML

In Informatica, grazie ad un linguaggio di formattazione di dominio pubblico, è possibile gestire la struttura, la visualizzazione grafica, di un contenuto web. In questa guida vi illustreremo come "mappare", nello specifico, un'immagine con il linguaggio...
Programmazione

Come convertire un testo Word in HTML

Convertire un testo da file formato word a HTML, senza possedere una minima e rudimentale preparazione di base sulla scrittura informatica, sarebbe stato difficoltoso anche solamente 5 o 6 anni fa. Oggi, fortunatamente, è diventato molto più facile...
Programmazione

Come inserire codice javascript in un html

La programmazione informatica è complessa, ma non se si hanno dalla propria le giuste basi che solo uno specialista (o un buon libro di testo) è in grado di dare. Detta in modo molto semplice, la programmazione si basa sulla scrittura di codici attraverso...
Programmazione

Come creare app in HTML5

Un'applicazione Web è alimentata da un browser tramite Internet e viene generalmente creata utilizzando HTML, CSS e JavaScript e può essere servita tramite un browser desktop o mobile. Un'applicazione web può essere costruita per imitare la funzionalità...