<Html>

Incorniciare immagini con testo in HTML e CSS

Supponiamo di voler creare un testo che contenga delle immagini. Queste immagini devono risultare come immerse nel flusso del paragrafo. Usiamo come contenitore esterno un paragrafo (<p>) e all’interno inseriamo testo e immagine. A quest’ultima daremo lo stile floattato a destra o a sinistra secondo il nostro gusto e un padding di qualche pixel che…

continua a leggere →

Il box model

Ogni elemento di una pagina html è sostanzialmente un contenitore rettangolare che possiede specifiche proprietà: un contenuto un bordo un padding un margin In generale, il contenuto è l’elemento che riempe il box. Può essere un testo o un altro elemento contenitore e fondamentalmente ha una sua altezza, definita come width e una sua altezza…

continua a leggere →

I selettori css

Come abbiamo visto precedentemente, una pagina html è una struttura costituita da parti elementari, definite tag, che si trovano in ordine gerarchico, l’una con l’altra, a seconda del loro annidamento e del conseguente livello di parentela. Applicare uno stile ad uno o più elementi, significa prima di tutto astrarli dalla totalità: bisogna, sostanzialmente, effettuare una…

continua a leggere →

Inserire il css nelle pagine html

Per includere un css all’interno di una pagina web, esistono 4 metodi: inserire direttamente le regole di stile nell’head della pagina, all’interno del tag <style>: inserire direttamente le regole di stile all’interno dell’attributo style dell’elemento da formattare: richiamare il foglio di stile esterno, con estensione .css, nell’head della pagina, utilizzando il tag e specificando nel…

continua a leggere →

I fogli di stile

Il foglio di stile o CSS (Cascading Style Sheets) è un’insieme di regole, disposte a cascata, lette, cioè, dall’alto verso il basso (quelle successive possono riscrivere le precedenti), che determinano il layout e la formattazione delle pagine web che lo incorporano.

continua a leggere →

Il contenuto e lo stile

Ieri Inizialmente, creare una pagina web, significava accorpare in un unico file una quantità smisurata di html. Sostanzialmente la struttura di base era costituita da una tabella madre che ospitava altre tabelle. L’aspetto grafico dei vari elementi veniva stabilito direttamente all’interno dell’elemento stesso. Non esisteva, quindi, alcuna separazione tra struttura, contenuto e stile. Il web…

continua a leggere →

La sezione body

Sezione di contenuto della pagina web, è il vero è proprio corpo della pagina. Tutto quello che verrà mostrato durante la visualizzazione tramite browser, si trova qui. I principali tag, all’interno di body, sono: tag che definiscono elementi di intestazione per la pagina. I browser applicano a tali elementi delle regole di stile specifiche: generalmente…

continua a leggere →

La sezione head

Sezione di intestazione: contiene tutte le informazioni relative alla pagina (come deve essere letta e interpretata) e incorpora codice di stile o di altri linguaggi quale ad esempio javascript, anche da file esterni. Non viene mostrata all’utente durante la visualizzazione della pagina web tramite browser, ma viene comunque tenuta in considerazione dai motori di ricerca…

continua a leggere →

Struttura e tag di base

Una pagina html ha una struttura di base composta da 3 fondamentali tag: html head body Head e body rappresentano le due macroaree di qualsiasi pagina web e hanno delle funzioni specifiche.

continua a leggere →

“Genealogia” degli elementi

Se rappresentassimo gli elementi di una pagina html in formato grafico, essi avrebbero una struttura a organigramma e sarebbero ben chiari gli annidamenti e i rapporti, per così dire, di parentela degli uni con gli altri. Gli elementi si pongono come padri di altri elementi, figli, quando questi ultimi discendono direttamente dai primi e tra…

continua a leggere →