template responsive html

Template Responsive con HTML

In quest’articolo impareremo a predisporre un semplice template responsive con HTML, che può essere utilizzato anche a scopo didattico. Questo vuole rappresentare solo un buon punto di partenza per lo sviluppo di altri progetti più corposi. Chiaramente poi sarà il foglio di stile che lo renderà responsive, ma occorre predisporre anche il codice HTML in […]

tag div

Tag div

Il tag div è un importante elemento strutturale di una pagina web. È nato con la versione di HTML 4 ed è un tag che è molto legato ai fogli di stile, in quanto senza una corretta formattazione dice ben poco. La funzione principale del tag div è quella di dividere una pagina in varie […]

tag semantici

Tag semantici

I tag semantici sono stati introdotti con l’HTML 5. Questo perchè l’HTML si è evoluto sulla base del web semantico. I tag semantici come abbiamo già detto sono importanti per la SEO. Analizziamo innanzitutto quali vantaggi ci sono nell’utilizzarli: Innanzitutto la leggibilità del codice da parte dei motori di ricerca. I tag semantici hanno lo […]

tag form

Form in html

Oggi vedremo come creare un semplice form in html, ovvero un modulo che consente all’utente di inviare dei dati. Per intenderci un form in html è qualcosa del tipo: Quindi ci sono degli spazi dove inserire i dati, ad esempio il nome, il cognome, il telefono, il messaggio, ecc… Questi dati vengono poi inviati quando […]

tag strong

Tag strong e tag em

Oggi parleremo di altri due tag: il tag strong e il tag em. Il tag strong serve per mettere in grassetto una singola parola o un’intera fase. È dunque un tag di enfatizzazione. Dal punto di vista semantico il tag strong è rilevante per la SEO, perchè sta ad indicare al motore di ricerca che […]

link interni ad una pagina web

Collegamenti all’interno di una pagina web

Oggi vedremo come utilizzare i collegamenti all’interno di una pagina web, ovvero quei link che se cliccati rimandano ad una parte della pagina stessa. I collegamenti interni ad una pagina web sono molto utili quando il documento è molto lungo da leggere e quindi per spostarsi da un punto all’altro della pagina. Chiameremo questi punti […]

a href

a href

Continuaimo le nostre lezioni sul tag a href approfondendone l’utilizzo con tanti altri esempi pratici. a href per creare collegamenti ipertestuali ad altri file Dunque è possibile realizzare collegamenti ipertestuali ad altri file; ad esempio ad immagini, a file musicali, a video, a documenti pdf, ecc… L’importante è inserire il percorso corretto. Ad esempio colleghiamo […]

target _blank

target _blank

In questo articolo intitolato “target _blank” parleremo del tag a, dell’attributo href ma anche del suo attributo target. Infatti il tag <a> ha degli attributi e fino ad adesso abbiamo visto come si usa l’attributo href. Ma un altro attributo importante che citerò in questa breve lezione è target, <a href=”…” target=”…”>…</a> a cui vedremo […]

collegamenti ipertestuali html

Collegamenti ipertestuali

Oggi vedremo come creare i collegamenti ipertestuali, che sono alla base delle pagine web. I collegamenti ipertestuali non sono altro che i link che ci consentono di andare da una pagina web all’altra. Definizione di documenti ipertestuali e collegamenti ipertestuali Con il termine di documenti ipertestuali si intendono quei documenti che possono essere visionati in […]

alt img html

Tag img

Vedremo oggi come usare il tag img per inserire immagini in una pagina web. Innanzitutto occorre dire che le immagini di un sito web costituiscono una parte importante per la SEO. Inoltre è opportuno dare alle immagini nomi inerenti gli argomenti trattati, così da essere indicizzate anche da google come immagini. Se ad esempio andate […]