Il testo
Quando scriviamo testo in un sito web è bene ricordare che esso verrà visualizzato sul pc dell’utente a seconda che egli abbia o meno gli stessi font installati sul proprio computer. Quindi se usiamo un font particolare, molto probabilmente il nostro utente non potrà visualizzarlo e lo trasformerà in uno dei font installati sul proprio pc. Quindi è inutile ricorrere a scritte troppo elaborate, se proprio lo vogliamo fare (per un logo o per il titolo della pagina) possiamo elaborare la scritta come immagine ed inserirla in questo maniera.
Vediamo i tag:
aggiungendo in <body test=""> possiamo dare un colore a tutto il testo, se non viene impostato allora sarà nero, per default.
Con il tag <basefont ="">, inserito all’interno dell’head, possiamo dare degli attributi generali al testo della pagina.
<basefont face="arial,verdana,courier" size="5" color ="#FFFFFF"> .
Vediamo cosa significa questa scritta:
Size = grandezza testo tra 1 e 7;
color = colore del testo;
face = tipo di carattere
(Questi attributi non hanno effetto sul testo contenuto in una tabella, anche se come tag è deprecato)
Fondamentali per la nostra pagina web sono i link, ovvero i collegamenti tra una pagina e l'altra. Se vogliamo far diventare la nostra frase un link dobbiamo aggiungere il tag <a href>
<a href="indirizzolink"> Clicca qui per visitare questa pagina</a>
Il nostro testo può essere formattato come solitamente facciamo con programmi come Open Office o Microsoft Word. Vediamo alcuni tag:
- <b> testo in grassetto </b>
- <i> testo i ncorsivo </i>
- <u> testo sottolineato </u>
- <strike> testo sbarrato </strike>
- <sup> apice </sup>
- <sub> pedice </sub>
Adesso apriamo il file salvato durante la creazione della prima tabella e diamogli un po’ di formattazione e salviamo il file come tabella formattata.html (le modifiche sono evidenziate in grassetto):
<html>
<head>
<title> La mia tabella</title>
<meta name ="robots" content ="index, follow">
<meta name= "keywords" content ="tabella, creare tabelle in html, html, corso html">
<meta name ="description" content ="la mia prima tabella html">
<basefont size="7">
<meta name = "author" content ="IlmioNome">
</head>
<body bgcolor="#000000" text="white">
Questa è la mia tabella
<table align ="center" border="1" bordercolor=”black” bgcolor="black" cellspacing="0">
<tr><td colspan="2" align= "center">Prima riga larga quanto due celle</td><tr>
<tr>
<td rowspan= "2"><b> prima cella</b> seconda riga alta due righe</td>
<td> <b>seconda cella</b> seconda riga la <i>metà</i></td>
<tr>
<td><b> terza cella</b> seconda riga la <i>metà</i></td>
</tr>
</table>
</body>
</html>
Il risultato sarà una pagina con sfondo nero e scritte in bianco.
Alla prossima....
Alla prossima....
Nessun commento:
Posta un commento