Eccoci al secondo appuntamento con la rubrica “Programmare una webApp per iPhone”! Oggi ripasseremo un po di html che ci servirà nelle lezioni successive.
Ogni file html ha diversi tag, vediamo quali sono i principali e che funzione hanno.
Head
<html>
<head>
<title>Titolo della pagina</title>
</head>
Dove vengono specificate le caratteristiche speciale della pagina.
Body
Il body è il la parte della pagina che conterrà tutto quello che vogliamo visualizzare, come immagini, testi, collegamenti e quant’altro.
Una pagina web ha quindi tipicamente questa struttura:
<html>
<head>
<title>Titolo della pagina</title>
</head>
<body>
Contenuto
</body>
</html>
Grassetto e Corsivo
Pre rendere un testo in grassetto è sufficiente includerlo tra il seguente tag:
<b>Text</b>
Mentre per renderlo in corsivo occorre usare quest’alto tag:
<i>Text</i>
Creare un link
Come capirete meglio nelle prossime guide ogni progetto è fatto da diverse pagine, per creare un collegamento ad una pagina si usa il seguente tag:
<a href=”nomepagina.html”>Testo/Immagine</a>
Inserire Immagini
Per inserire un’immagine in una pagina web ecco il codice che viene utilizzato
<img src=”nomeimmagine.jpg” alt=”Descrizione immagine” />
Andare a capo
Può capitare che si ha la necessità di andare a capo in un testo abbastanza lungo e il tag che viene utilizzato è
<br/>
Per esempio: “Voglio andare a <br/> capo” risulterà essere
Voglio andare a
capo
Centrare gli oggetti
Per centrare gli oggetti (testo/immagini…) basta inserire l’oggetto tra questo tag:
<p style=”text-align:center”>OGGETTO</p>
per capire meglio, il codice soprà corrisponde a
OGGETTO
Commenti
I commenti sono dei testi che verranno completamente ignorati dal browser ma che risultano utili ai programmatori in quanto permettono di appuntarsi qualcosa, oppure per spiegare cosa fa un determinato pezzo di codice
<!—–Questo è un commento—–>
Facciamo un po di chiarezza: questa è la sintassi dell’html in generale, quindi tutti i siti web utilizzano questi tag.
Nelle prossime lezioni scriveremo del codice proprio per iPhone e vedremo come sia possibile creare menù, tabelle ed altro.
Questo articolo potrebbe risultare noioso e senza nulla di “pratico” ma vi assicuro che in futuro lo troverete davvero utile ogni qual volta che avrete un dubbio del tipo: “qual’è il tag che devo utilizzare qui?” vi basterà leggere questo post per trovare una risposta.
Ottimo post!
Per fare qualsasi cosa bisogna avere un pò di basi…
Ecco le nostre!!!
Grazie daniele, non vedo l’ora di cominciare a fare “sul serio” dai prossimi post in poi! Cmq un pò di ripasso delle cose basiliari ci vuole sempre
spettacolo !!!!