di markup solitamente usato per la formattazione di documenti ipertestuali Linguaggio di Markup: un linguaggio di markup è un insieme di regole che descrivono i meccanismi di rappresentazione (strutturali, semantici o presentazionali) di un testo
strong, em, span Gli elementi permettono di definire gli oggetti Attributes: href="http://about.com", title="Edoardo Tenani" Gli attributi aggiungono informazioni agli elementi Tag: <div id="fullname" class="name first last"></div> Una tag è l'unione di un elemento e i suoi attributi
<html> <!-- Tag principale --> <head> <!-- Metadati del documento --> <title>Hello World</title> <!-- Titolo della pagina --> </head> <!-- Chiusura della Tag --> <body> <!-- Segna il "corpo" visibile della pagina" -- > <h1>Hello World</h1> <!-- Un titolo ( di primo livello ) --> <p>This is a website</p> <!-- Un paragrafo --> </body> <!-- Chiusura della Tag --> </html> <!-- Chiusura del documento -->
li footer aside p article div table dl, dt, dd form I Block elements occupano tutta la larghezza disponibile ( della pagina o dell'elemento che li contiene ), si scrivono uno per linea Inline span strong img input a em br abbr Gli Inline elements solo la dimensione necessaria per ospitare il contenuto, non si scrivono uno per linea
a Cascata • è un linguaggio usato per definire la formattazione di documenti HTML CSS 1 => CSS 2, 2.1 => CSS 3 L'introduzione del CSS si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare.
} I Selettori determinano a quali elementi viene applicato lo stile Proprietà: h1 { font: bold 16px/24px Arial, sans-serif; } Le Proprietà sono gli stili che vengono applicati agli elementi
} I Valori determinano il comportamento di una Proprietà Regola: h1 { font: bold 16px/24px Arial, sans-serif; } Una Regola include un Selettore, una Proprietà e un Valore
} Un selettore elemento identifica un elemento per il suo nome Selettore per classe: .classe { ... } Un selettore classe identifica un elemento per la sua classe Selettore per ID: #id { ... } Un selettore ID identifica un elemento per il suo ID
come content-box: la width dell'elemento è definita dalla dimensione del suo contenuto. Margini, bordo e padding? Vanno aggiunti alla larghezza del contenuto!
endorama
ryomrt
tinyjin
yuppeeng
yoshidashingo
hinono
sadonosake
neonankiti
nikinusu
miu_crescent
shigashiyama
asflash8
yokawasa
trallard
marcduiker
addyosmani
orderedlist
morganepeng
bkeepers
danielanewman
sferik
samanthasiow
tammyeverts
chrisshort
tenderlove
