Info iniziali utili HTML

Tipologie per scrivere sul body:
1. p = paragrafo, primo esempio
2. h1/h2/h3 e così via, sono header che diventano sempre più piccoli, es due

Altre cose utili da sapere:
• definire la classe: class="scrivi quello che vuoi all'interno delle virgolette" viene utilizzata per lo stile su file css separati, es 3
• usare lo stile (css), sul file html scrivete all'interno di <> style e scrivete quello che volete in css, es 4
• creare le liste, ce ne sono due tipi: ordinate (numerate come quella sopra) e non ordinate (questa), es 5
• creare un titolo, es 6

Esempi

Esempio uno (paragrafo)

Questo è un esempio di paragrafo

Esempio due (h1/h2/h3...)

Questo è un esempio di h5

Esempio tre (classe)

Esempio quattro (style)

Questo è un esempio di p rosso (editato con style)

Esempio cinque (liste)

Questo è un esempio di lista ordinata
1. Primo
2. Secondo
3. Terzo

Questo è un esempio di lista disordinata
• Primo
• Secondo
• Terzo

Esempio sei (titolo, visibile in alto sulla pagina)

Info iniziali utili CSS

• Inserire il colore del background, esempio 1
• allineare un'immagine al centro, sinistra o destra, esempio 2
• decidere il font del file html, esempio 3
• Grandezza del testo, se italico o grassetto, esempio 4
• Allineare a sinistra, destra, o centro del testo, esempio 5
• Posizionare dove volete del testo, immagine ecc...., esempio 6

Esempi

Esempio uno (colore background)

Esempio: questo file HTML

Info utili sul colore background: inserire il colore sotto forma di nome (in inglese, es: red, blue, eccc), come rgb (rgb(144, 155, 164)) o come #

Esempio due (allineare le immagini)

osservate le immagine seguenti col codice allineate a sinistra, destra o centrale definite la classe prima in html:

Esempio tre (font)

Esempio: Il font utilizzato, potete trovarli su fonts.google

Info utili: dopo aver selezionato il font potete scegliere sans-serif e serif Qui trovate la spiegazione a cosa cambia

va all'interno di body, se lo avete già scritto dovete metterlo dentro, non create un nuovo body

Esempio quattro (grandezza testo)

questo è un esempio di p Italico (italic)

questo è un esempio di p in Grassetto (bold)

Esempio cinque (allineare)

esempi: I titoli sono al centro

per farlo a destra/sinistra basta cambiare il center facendolo diventare destra o sinistra (il testo normalmente è già a sinistra)

Esempio sei (posizionare dove volete l'immagine)

per posizionare il testo dove volete dovete usare, position, top e left, modificate top e left fino a quando avrete la foto nella posizione che volete

conclusione css

Per definire in css, se utilizzate una classe dovrete scrivere prima del nome un ".", se volete invece editare ad esempio body intero no.