My OperaAppunti di HTML per i Css
Saturday, May 17, 2008 11:21:27 AM
Cos'è l'html?
come già accennato è un linguaggio di markup, attraverso dei comandi interpretati dal browser, i tag, riusciamo a differenziare i contenuti.
Nei blog di opera è possibile inserire del codice html all'interno dei post, questo verrà interpretato dal browser, vediamo ecco cosa succede con questo esempio:
Guardate l'ultimo esempio e immaginate un albero genalogico, il padre di tutti è il tag html, questo a due figli, head e body, a sua volta head ha due figli p e h1...
Cosa serve tutto quello che vi ho detto?!
Per capire come si deve ragionare con i css tenetea mente questo concetti generali:
1: se applicate uno stile, ad esempio "testo di colore rosso" al tag "html", tutti i suoi tag figli, cioè quelli contenuti, erediteranno questa proprietà!
2: ma anche se applicate uno stile all'intera pagina, se ne potranno specificare altri stili più specifici per i sottoelementi così da sovrascrivere quelli più generici. Ad esempio potrete avere tutto il testo della pagina rosso e i titoli verdi se volete, ma lo sconsiglio vivamente come accostamento:D
3: provate a pensare di specificare diversi sfondi per i vari tag. E' come avere tante immagini. Se applichiamo un'immagine al tag html, questo sfondo verrà applicato a tutta la pagina. Quando definiamo un nuovo sfondo a un sottoelemento questo si sovrapporrà ai precedenti...
Nei blog di opera è possibile inserire del codice html all'interno dei post, questo verrà interpretato dal browser, vediamo ecco cosa succede con questo esempio:
<h1> Questo tag identifica il titolo</h1> <p> Questo tag identifica il paragrafo</p>
Questo tag identifica il titolo
Questo tag identifica il paragrafo
Perfetto! La prima frase è formattata come titolo e la seconda come paragrafo. Ci sono pochi concetti che devono essere chiari per lavorare con i css. La pagina web è composta in questo modo:<html> <head></head> <body></body> </html>Il primo tag, html, racchiude tutto il codice, e serve a dire che tutto ciò che contiene è html. Al suo interno ci sono head, che specifica "informazioni di servizio", e il body , la pagina vera e propria.
<html> <head></head> <body><h1> Questo tag identifica il titolo</h1> <p> Questo tag identifica il paragrafo</p></body> </html>Come potete notare i tag al loro interno possono contenerne altri, così da formare una vera è propria gerarchia.
Guardate l'ultimo esempio e immaginate un albero genalogico, il padre di tutti è il tag html, questo a due figli, head e body, a sua volta head ha due figli p e h1...
Cosa serve tutto quello che vi ho detto?!
Per capire come si deve ragionare con i css tenetea mente questo concetti generali:
1: se applicate uno stile, ad esempio "testo di colore rosso" al tag "html", tutti i suoi tag figli, cioè quelli contenuti, erediteranno questa proprietà!
2: ma anche se applicate uno stile all'intera pagina, se ne potranno specificare altri stili più specifici per i sottoelementi così da sovrascrivere quelli più generici. Ad esempio potrete avere tutto il testo della pagina rosso e i titoli verdi se volete, ma lo sconsiglio vivamente come accostamento:D
3: provate a pensare di specificare diversi sfondi per i vari tag. E' come avere tante immagini. Se applichiamo un'immagine al tag html, questo sfondo verrà applicato a tutta la pagina. Quando definiamo un nuovo sfondo a un sottoelemento questo si sovrapporrà ai precedenti...
Mi è stato chiesto più volte come si possa personalizzare la grafica del proprio blog.
Sono due gli argomenti che bisogna cominciare a masticare l'
