Appunti di HTML
Tag di Base
- Strong
- Il tag strong viene utilizzato per enfatizzare il testo in grassetto e concettualmente infatti appariene alla famiglia dei tag logici
- b
- Il tag b viene utilizzato per enfatizzare il testo in grassetto
- Cite
- Il tag cite viene utilizzato per una citazione in corsivo
- i
- Il tag i viene utilizzato per enfatizzare il testo in corsivo
- em
- Il tag em viene utilizzato per enfatizzare il testo in corsivo
I tag possono essere racchiusi uno dentro l'altro in questo caso vengono chiamati annidati
Strong e em Ecco un'esempio di file annidati strong em utilizzati sempre per dare una maggiore enfatizzazione
Il tag html e /html racchiuso tra<> indica l'inizio e la fine del documento html
Il tag html può essere utilizzato insieme a degli attributi:
-lang="codice della lingua" specifica la lingua adottata nel documento HTML
-dir="direzione del testo nel documento" che può essere LTR o RTL
Il tag head contrassegna l'intestazione di un documento Html
Il tag title definisce il titolo del documento
Il tag body racchiude tutti i tag che daranno vita al documento Html e supporta i seguenti attributi:
- bgcolor="valore" dove valore può essere il nome del colore aqua,black,blue,fuchsia,gray,geen,lime,maroon,navy,olive,purple,red,silver,teal,yellow oppure una sequenza di questo tipo #rrggbb dove rr definisce la gradazione di rosso in cifre esadecimali gg quella di verde e bb quella di blu.Le cifre esadecimali sono:0123456789ABCDEF
- background="percorso/nome_file" per inserire un immagine come sfondo
- text="valore" per cambiare colore al testo del documento
- link="valore" si definisce il colore del link
- alink"valore" si definisce il colore del link quando si preme col mouse
- vlink"valore" si definisce il colore del link quando è stato già visitato
Formattazione del Testo
All'interno di un documento i titoli vengono creati attraverso i sei tag h
Primo tag <h1>
Secondo tag <h2>
Terzo tag <h3>
Quarto tag <h4>
Quinto tag <h5>
Sesto tag <h6>
Il tag <p> è utilizzato per segnare l'inizio di un nuovo paragrafo e supporta l'attributo align=right o center o left
Esempio di allineamento a destra
Esempio di allineamento al centro
Esempio di allineamento a sinistra
Il tag br è utilizzato per
introdurre una interruzione di linea
Il tag font può essere utilizzato in un paragrafo per cambiare il tipo di carattere con l'attributo face oppure per riprodurre il testo di un colore diverso con l'attributo color oppure per visualizzare il testo con una dimensione diversa con l'attributo size il valore può essere un numero che va da 1 a 7 compresi
Il tag tt è utilizzato per riprodurre del testo a spaziatura fissa
Il tag div è utilizzato
per creare un blocco contenente testo o immagini e può essere utilizzato con l'attributo align per allineare il testo
Il tag u è utilizzato per riprodurre del testo sottolineato
Il tag strike è utilizzato per barrare del testo
Il tag sub e sup è utilizzato per riprodurre delle sigle particolari ad esempio H2O oppure 33
Il tag hr è utilizzato per inserire una riga orizzontale nella pagina web
Elenchi ordinati, non ordinati ed elenchi di definizioni
Elenchi ordinati
Vengono utilizzati per esprimere una sequenza di operazioni o una classifica la sintassi è la seguente:
<ol>
<li>elemento</li>
<li>...</li>
<li>elemento</li>
</ol>
Dove ol=order list definisce l'inizio di un elenco ordinato mentre li=listed item definisce gli elementi dell'elenco.Ora vediamo un esempio:
- Primo elemento
- Secondo elemento
- Terzo elemento
Il tag ol supporta l'attributo type="valore" dove valore può assumere cinque valori diversi:
1:numerazione araba (default)
i:numerazione romana (lettere minuscole)
I:numerazione romana (lettere maiuscole)
a:numerazione letterale (lettere minuscole)
A:numerazione letterale (lettere maiuscole)
Vediamo qualche esempio:
- Primo elemento
- Secondo elemento
- Terzo elemento
- Primo elemento
- Secondo elemento
- Terzo elemento
Con il tag ol è possibile utilizzare l'attributo start che serve a far ripartire un elenco da una posizione arbitraria.Ad esempio:
<ol>
<li>Primo elemento</li>
<li>Secondo elemento</li>
<li>Terzo elemento</li>
</ol>
<ol start="4" >
<li>Quarto elemento</li>
<li>Quinto elemento</li>
<li>Sesto elemento</li>
</ol>
Il risultato è il seguente:
- Primo elemento
- Secondo elemento
- Terzo elemento
Inserisco un commento qualsiasi
- Quarto elemento
- Quinto elemento
- Sesto elemento
Elenchi non ordinati
Gli elenchi non ordinati sono identici come struttura a quelli ordinati l'unica differenza è che cambia il tag di apertura e chiusura <ul>=unorder list.Inoltre il tag di apertura ul supporta l'attributo type="disc","circle","square"
<ul>
<li>Primo elemento</li>
<li>Secondo elemento</li>
<li>Terzo elemento</li>
</ul>
Il risultato è il seguente:
- Primo elemento
- Secondo elemento
- Terzo elemento
Elenchi di definizioni
- aa
- definizione aa
- bb
- definizione bb