La prima Pagina in HTML

Possiamo ora vedere la splash page del sito "mondodellanotte"
Questa pagina e' molto semplice e mette a frutto quanto fino ad ora appreso.
Oltre alla composizione dello Header , la parte centrale gestisce i colori della pagina , le tabelle con i tag rowspan e colspan e carica il logo del sito che deve essere a tema con la natura e lo scopo di cio' che rappresenta.

Il logo viene caricato con questo comando: <img src="logo.jpg"> e collocato in una tabella che lo posizionera' nella parte prevista della pagina. Nel nostro caso in centro.
La tabella ha la stessa larghezza del logo mentre l'altezza viene adattata a quella del logo stesso.
Il tag HR inserisce una riga il cui colore e spessore sono definiti nel tag  <hr color="#0000ff" size="2px" width="1000"></hr>
Se la riga e' troppo spessa basta inserire il tag  <hr></hr> senza argomenti.
Nel listato sono presenti il collegamento al client di posta elettronica e  ad altra pagina del sito che per ora non sara' attiva.
Vediamo il collegamento al client di posta:
<a href="mailto:info@mondodellanotte.com" style="color: #00ffff; font-family: Verdana; font-size: 14px"> info@mondodellanotte.com </a>
Lo style color del collegamento alla posta visualizza l'indirizzo in azzurro.

Ed ora il link ad altra pagina:
<a href="index.html" style="text-align: center; color: #00ffff; font-family: arial; font-size: 14pt">Vieni nel Mondo della Notte</a>
In questo specifico caso si richiama index e si ritorna quindi sulla pagina iniziale.

Andiamo ora alla pagina del Mondo della Notte
VAI AL MONDO DELLA NOTTE

E a seguire il listato della pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<meta http-equiv="Content-Language" content="it" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta name="GENERATOR" content="Microsoft FrontPage 6.0" />
<meta name="description" content="mondo,notte,sonno,dormire,il mondo di notte" />
<meta name="keywords" content="intrattenimento,divertimento,feste,notte,discoteca" />
<meta name="category" content="divertimenti e locali notturni">
<meta name="distribution" content="global">
<meta name="identifier" content="http://www.mondodellanotte.com">
<meta name="Author" content="Alvin Alvin" />
<meta name="Rating" content="general" />
<meta name="Robots" content="all,index,follow" />
<link rel="stylesheet" href="alvin.css" type="text/css">


<title>Il mondo della notte</title>
</head>

<body bgcolor="#132033">

<!-- CARICA IL LOGO -->
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="1000">
<tr>
<td>
<img src="logo.jpg">
</td>
</tr>
</table>
</div>


<!-- INSERISCE RIGA DI DIVISIONE -->
<hr color="#0000ff" size="2px" width="1000"></hr>


<!-- *************** INIZIO TABELLA PRESENTAZIONE E E-MAIL *********************************** -->

<div align="center">
<table border="0" cellpadding="1" cellspacing="0" width="700" bordercolor="#00ffff" >
<tr align="center" valign="middle" >
<td colspan="3" style="color: #ffffFF; font-family: calibri; font-size: 30px">
Benvenuti nel sito di chi non dorme mai </td>
</tr>
<tr align="center" valign="middle" >
<td colspan="3" style="text-align: center; color: #ffffFF; font-family: calibri; font-size: 20px"> Musica, ballo, intimita' e.......un po' di trasgressione <br><br>
</td>
</tr>

<tr align="center" valign="middle" >
<td colspan="3" style="color: #ffffFF; font-family: calibri; font-size: 30px">
Contatti </td>
</tr>

<tr align="left">
<td width="200"style="color: #ffffff; font-family: verdana; font-size: 14px">Informazioni</td>
<td width="200">&nbsp;</td>
<td width="300">
<a href="mailto:info@mondodellanotte.com" style="color: #00ffFF; font-family: Verdana; font-size: 14px"> info@mondodellanotte.com </a>
</td>
</tr>

<tr align="left" style="color: #ffffff; font-family: verdana; font-size: 14px">
<td width="200">Antony</td>
<td width="200">Cell. 111 2345678</td>
<td width="300">
<a href="mailto:antony@mondodellanotte.com" style="color: #00ffFF; font-family: Verdana; font-size: 14px"> antony@mondodellanotte.com </a>
</td>
</tr>

<tr align="center" valign="middle" >
<td colspan="3" align="center">
&nbsp;<br><br>
<a href="index.html" style="text-align: center; color: #00ffff; font-family: arial; font-size: 14pt">Vieni nel Mondo della Notte</a>
</td>
</tr>
</table>
</div>
</body>

</html>