Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
Il linguaggio HTML
2
Che cos’è… Per realizzare pagine web si usa il linguaggio HTML che utilizza dei codici, detti tag, che permettono di stabilire come devono apparire sullo schermo gli elementi che compongono il documento.
3
Tag I tag (contrassegno) si usano per rappresentare gli elementi all’interno delle pagine HTML. Un tag è costituito da una parola chiave tra due parentesi angolari(<>) indietro
4
Esempi di tag… Tag per lo stile del testo:
<b>…</b> per il neretto o il grassetto <i>…</i> per il testo in corsivo <u>…</u> per il sottolineato indietro
5
Struttura del documento
Un documento HTML si divide in due parti distinte: l’header (head) e il corpo (body). Tutto deve essere racchiuso tra i tag html indietro
6
Struttura base di un documento
<html> <head> <title>Titolo Documento</title> </head> <body bgcolor=“00FF00”> <div align=“center”> <h2><b>Contenuto…</b></h2> </div> </body> </html> indietro
7
<title>…</title>
Tag che descrive il contenuto del documento e viene riportato nella barra di titolo della finestra del browser di Internet. indietro
8
bgcolor=“000000” Identifica il colore dello sfondo. In questo caso è il verde. La combinazione numerica di identificazione del colore (“00FF00”) è formata da 3 numeri che vanno da 0 a 255 (00-FF hex) ognuno dei quali rappresenta un colore fondamentale (rosso, verde, blu). indietro
9
<div align=“center”>
Il tag div inizia un nuovo paragrafo ma non genera interruzioni di paragrafo prima o dopo il suo posizionamento; ha l’attributo align che imposta l’allineamento del testo.Align può assumere i valori left(sinistra), center (centro) e right(destra). indietro
10
Elenchi puntati e numerati
Per creare le liste si usano i tag ul e ol. <ul>lista</ul>crea una lista non numerata,identificata da elementi grafici. <ol>lista</ol>crea una lista ordinata,identificata da un numero progressivo. Ogni elemento della lista deve essere definito con il tag li.Per ogni li il browser inizia una nuova riga,pone i rientri e aggiunge un numero o un punto elenco. Vedi Codice HTML Vedi Effetto indietro
11
Tabelle Vedi Codice HTML Vedi Effetto indietro
Le tabelle vanno definite tra i tag <table>e</table> Con l’attributo border si crea una tabella con il bordo.Alcuni browser supportano anche l’attributo bordercolor per specificare il colore del bordo. L’attributo align (con valori left,right,center)indica l’allineamento della tabella sulla pagina;il default di solito è a sinistra. Vedi Codice HTML Vedi Effetto indietro
12
Tabelle:altri attributi
La didascalia di una tabella si definisce con il tag caption Ogni riga della tabella va definita con il tag tr indietro
Presentazioni simili
