Linguaggio html per la creazione di siti web
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 … Leggi tutto
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 … Leggi tutto
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 … Leggi tutto
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 … Leggi tutto
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 … Leggi tutto
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 … Leggi tutto
Continuiamo le nostre lezioni sul tag a href, e vediamo come creare link per email e telefono, 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… … Leggi tutto
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 … Leggi tutto
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 … Leggi tutto
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 … Leggi tutto
In questa lezione parliamo di paragrafi in html e del tag br che serve per andare a capo. I paragrafi in html si inseriscono con il tag <p></p>, dove p è chiaramente l’iniziale di paragraph. I paragrafi sono fondamentali per una pagina web e se ne possono inserire anche più di uno. Tra un paragrafo … Leggi tutto
Vediamo come inserire alcuni tag all’interno del tag body. Siamo dunque all’interno della sezione body, dove vedremo una vasta serie di tag da poter inserire all’interno della pagina per creare una formattazione piacevole alla lettura. Facciamo una premessa riguardo al tag <body>, molti manuali ancora trattano di proprietà tipo bgcolor, background, ecc… Come in questo … Leggi tutto
Oggi vediamo come usare le tabelle in html. Innanzitutto, facciamo una premessa: l’uso delle tabelle in un sito web non è così diffuso come una volta. Tempo fa si utilizzavano le tabelle per creare layout, oggi è sbagliatissimo e si usa invece una struttura a livelli personalizzata con i CSS, di cui vi parlerò più … Leggi tutto
Oggi vedremo come inserire degli elenchi all’interno della pagina html. Ci sono due tipi di elenchi: elenchi puntati ed elenchi numerati. Elenchi puntati Gli elenchi puntati sono gli elenchi non ordinati (unordered list) rappresentati dal tag <ul></ul>. All’interno di questi tag si mettono le singole voci delle liste: <li></li>, ricordiamo che il tag di chiusura … Leggi tutto
Il linguaggio HTML permette di creare le strutture delle pagine web. Chiaramente da solo non basta per creare un sito web, infatti servirà conoscere anche i CSS, JavaScript e se si desidera sviluppare delle applicazioni lato backend anche il PHP. Infatti l’HTML non è un linguaggio di programmazione in quanto mancano i costrutti di selezione … Leggi tutto