Primi passi con HTML - Lezione 8 - Attributi universali dei tag
Abbiamo già parlato del fatto che diversi tag hanno i propri attributi. Ora è il momento di parlare del fatto che esistono anche attributi comuni a tutti i tag. Vediamo i più popolari.
Primi passi con HTML - Lezione 9 - Creazione di un menu
L’elemento principale di un sito web è il menu (navigazione). Attraverso di esso avviene lo spostamento tra le pagine del sito. Inoltre, il menu è importante per l’indicizzazione del sito da parte dei motori di ricerca: senza collegamenti tra le pagine, il motore di ricerca non potrà esplorarle tutte. Vediamo da cosa è composto un menu.
Primi passi con HTML - Conclusione
Penso di concludere qui il corso di HTML, anche se continuerò a pubblicare altre lezioni di HTML quando mi verranno nuove idee. Potrebbe sembrarti che il corso sia piuttosto breve, ma dopotutto si intitola “Primi passi”. Non credo sia necessario descrivere subito tutti i tag — lo farò più avanti, in un vero e proprio manuale di riferimento su HTML.
Se desideri proseguire lo studio, ti consiglio di continuare con il CSS: è la parte dell’HTML che permette di dare stile agli elementi, rendendo tutto più gradevole alla vista.
Corso HTML - Materiali aggiuntivi
Con HTML puoi creare il tuo sito web personale. Questo corso HTML ti insegnerà molto sulla creazione di un sito in HTML. Le lezioni di HTML sono semplici da comprendere e ti faranno apprezzare l’apprendimento del linguaggio HTML.
Corso CSS
Quindi, hai letto il libro sull’HTML e ora stai facendo un altro passo verso la creazione del tuo bellissimo sito iniziando a studiare il CSS. A cosa serve il CSS? Se hai letto il mio corso Primi passi con HTML, avrai notato quanto fosse breve quella guida. Ho volutamente tralasciato molti tag e attributi che riguardano la formattazione: corsivo, grassetto, colore, forma, evidenziazione. L’ho fatto pensando che non ti sarebbero più serviti.
Corso CSS - Lezione 1 - Collegare i fogli di stile CSS
Non spiegherò a cosa serve il CSS. Se hai aperto questo corso significa che desideri impararlo. Da parte mia posso solo dire che le potenzialità del CSS sono molto ampie e permettono di impaginare layout di qualsiasi complessità. D’altra parte, l’uso del CSS implica che dovrai rinunciare a diversi attributi dei tag come size, color, bgcolor, align e altri che “interferiscono” con il CSS.
Lezione CSS - Lezione 2 - Iniziamo a usare i CSS. Proprietà CSS background, color.
Ciao a tutti. Quindi, nella lezione precedente ho creato due file: uno HTML e uno CSS. Ecco il loro codice:
index.html:
<html>
<head>
<title>Corso CSS</title>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
</head>
<body>
<p>Impara CSS insieme a drupalbook.org</p>
<p>Seconda riga: impara CSS insieme a drupalbook.org</p>
</body>
</html>style.css:
Corso di CSS - Lezione 3 - Proprietà background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Nel corso del tempo, con l’evoluzione dell’HTML e l’uso diffuso dei CSS, molti tag sono diventati obsoleti e dovrebbero essere evitati — tra questi ci sono <font>, <b>, <i> e <center>. Più avanti vedremo altri tag “vietati”. Le proprietà CSS che imparerai ti permetteranno di eliminare codice superfluo dall’HTML e di spostare la formattazione nei file CSS, dove è più corretto che stia.
Corso di CSS - Lezione 4 - Proprietà display. Differenza tra div e span.
Nelle lezioni precedenti abbiamo collegato un file CSS e scritto un po’ di codice per vedere come funziona. In questa lezione ci concentreremo su una proprietà molto importante: display. La proprietà display determina come viene mostrato un elemento HTML nel documento — se verrà visualizzato in linea con il testo o come un blocco con larghezza e altezza proprie. Cominciamo dal comportamento predefinito dei tag: <div> viene mostrato come un blocco, mentre <span> come testo in linea.
Corso di CSS - Lezione 5 - Proprietà float e clear. Flusso e fine del flusso del testo.
Immagina un fiume di montagna impetuoso, che scorre veloce e rumoroso. E ora, sul suo cammino, incontra una roccia: il fiume la aggira. Se la roccia si trova a sinistra rispetto alla direzione del flusso, il fiume la aggira da destra; se invece è a destra, la aggira da sinistra. Allo stesso modo funziona la proprietà CSS float.