parte 3 by @AlessandroBicego - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<nav>Definisce un menu di navigazione
srcIndica la provenienza di una risorsa esterna (tramite URL).
_selfApre collegamenti ipertestuali nella stessa pagina del browser
getDefinisce un metodo di invio di dati al server
selectedPre-seleziona un elemento di input

Users

Log in to search for users

Explore

Find inspiration

Form per il torneo misto disfo

Liste e tabelle

semicerchio canvas

console elements

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html>
	<head>
		 <title>bottega cinese</title>
  <style type="text/css">
  .modelloriga1{ 
   color:#ff0000;
   text-align: center;
   font-family: verdana;
   font-size: 200%;
  }
  .modelloriga2{
   color: #00007f;
   text-align: center;
   font-size: 150%;
   background-color: #ffff00;
  }
  .modelloriga3{
   color: #00aa00;
   text-align: left;
   font-size: 100%;
  }
  .modelloriga4{
   color: 000000;
   font-size: 100%;
   text-align: center;
  }
  .modelloriga5{
   color: 000000;
   text-align: center;
   font-size: 50%;
  }
  .modelloriga6{
   color: #ffaa00;
   text-align: left;
   font-size: 10%;
   
  }
  .miatabella{
    border: 4px solid #000000; 
    width: 60%;
 text-align: left;
 font-size: 10pt;
  }
  .miacellasx{
    border: 2px solid #000000;
    width:45%; 
  }
  .miacelladx{
 border: 2px solid #000000;
 width: 20%;
 background-color: #ff5500;
}
.miacellactr{
 border: 2px solid #000000;
 width: 35%;
 color: #aa007f;
}
.centroparagrafo{
 text-align: center;
}
  </style>
  </head>
  <body background="sfondobottega.jpg">
  <p class="modelloriga1"> LA BOTTEGA DI DIANTONG SHIDAI GUANGCHANG </p>
  <p class="modelloriga2"> Il negozio dove potete trovare migliaia di prodotti a prezzi incredibilmente convenienti.</p>
  <p class="modelloriga3">
   Giocattoli per bambini
  </p>
  <p class="modelloriga3">
   decorazioni per presepi e alberi
  </p>
  <p class="modelloriga3">
   Accessori per feste
  </p>
  <p class="modelloriga4">
   Un esempio del nostro catalogo
  </p>
  <p class="centroparagrafo">
 <table class="miatabella"; class="modelloriga3"; align="center">
  <tr>
  <td class="miacellasx"> <a href=""> bicchiere luminoso</td> <td class="miacellactr"> confezione da 1 bicchiere</td> <td class="miacelladx">€4,89</td>
  </tr>
  <tr>
  <td class="miacellasx"> <a href=""> consolle gioco YBOXPS6 </td> <td class="miacellactr"> per bambini da 6 a 17 anni</td> <td class="miacelladx">€104,99 </td>
  </tr>
  <tr>
  <td class="miacellasx"> <a href="G:/Il mio Drive/"> puntale per albero con display 1.5"</td> <td class="miacellactr"> 200 immagini natalizie già precaricate!!</td> <td class="miacelladx">€88,99</td>
  </tr>
 </table>
 </p>
 <p class="modelloriga4"> Quello che non trovate nel catalogo, cercatelo! </p>
 <p class="modelloriga5"> Sconti per studenti FACEC!* </p>
 <p class="modelloriga6"> *per dimostrare di essere studenti FACEC è sufficiente indicare nell'ordine il numero di tessera COROLLA, nome, cognome, classe, email </p>
  </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<title>puntale per albero</title>
  <style type="text/css">
  .modelloriga1{
     background-color: #00ffff; 
   color:#4a95df;
   text-align: center;
   font-family: verdana;
   font-size: 200%;
  }
  .modelloriga2{
   color: #00007f;
   text-align: center;
   font-size: 150%;
  }
  .modelloriga3{
   color: #000000;
   text-align: left;
   font-size: 100%;
  }
  .modelloriga4{
   color: 4a95df;
   font-size: 100%;
  }
  .miaimmagine{
   width: 20%;
   height: 70%;
   float: center;
   border: 4px solid #00aa7f;
   border-radius: 10px;
  }
  .miatabella{
    border: 4px solid #0055ff; 
    width: 60%;
 background-color: #00ffff;
 text-align: left;
 font-size: 10pt;
  }
  .miacellasx{
    border: 2px solid #0055ff;
    width:95%; 
    backgroud-color:#00ffff;
  }
  .miacelladx{
 border: 2px solid #0055ff;
 width: 5%;
 background-color: #ff5500;
}
.centroparagrafo{
 text-align: center;
}
  </style>
  </head>
  <body bgcolor="#00ffff">
  <p class="modelloriga1"> PUNTALE PER ALBERO CON DISPLAY DA 1.5" </p>
  <p class="centroparagrafo">
  <img class="miaimmagine" src="puntale.jpg" alt="Puntale"/>  
  </p>
 <table class="miatabella"; class="modelloriga3"; align="center">
  <tr>
  <td class="modelloriga4"> Originalissimo puntale per il vostro albero di Natale, con magnifico display da un pollice e mezzo. Vi sono già precaricate 200 immagini con ottima risoluzione. Modalità con una sola immagine oppure immagini a rotazione </td>
  </tr>
  <tr>
   <td class="miacellasx"> puntale con 200 immagini</td> <td class="miacelladx">€88,99</td>
  </tr>
  <tr>
  <td class="miacellasx"> cavetto usb per trasferire immagini </td> <td class="miacelladx">16,30 </td>
  </tr>
  <tr>
  <td class="miacellasx"> batteria di ricambio per alimentazione</td> <td class="miacelladx">€54,10</td>
  </tr>
 </table>
 <p class="modelloriga2">
 <a href="">home page 
 </p>
  </body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
 <title>consolle di gioco</title>
  <style type="text/css">
  .modelloriga1{
     background-color: #ffff00; 
   color:#ff0000;
   text-align: center;
   font-family: verdana;
   font-size: 200%;
  }
  .modelloriga2{
   color: #00007f;
   text-align: center;
   font-size: 150%;
  }
  .modelloriga3{
   color: #000000;
   text-align: left;
   font-size: 100%;
  }
  .miaimmagine{
   width: 30%;
   height: 60%;
   float: center;
   border: 4px solid #ff0000;
   border-radius: 10px;
  }
  .miatabella{
    border: 4px solid #0055ff; 
    width: 60%;
 background-color: #ffff00;
 text-align: left;
 font-size: 10pt;
  }
  .miacellasx{
    border: 2px solid #0055ff;
    width:95%; 
    backgroud-color:#ffff00
  }
  .miacelladx{
 border: 2px solid #0055ff;
 width: 5%;
 background-color: #ff5500;
}
.centroparagrafo{
 text-align: center;
}
  </style>
  </head>
  <body bgcolor="#ffff00">
  <p class="modelloriga1"> CONSOLLE GIOCO YBOXPS6 </p>
  <p class="centroparagrafo">
  <img class="miaimmagine" src="gamestick.jpg" alt="consolle"/> 
  </p> 
 <table class="miatabella"; class="modelloriga3"; align="center">
  <tr>
  <td> La consolle ideale per i vostri videogiochi, nella sua piena potenza dei 16 BIT permette di gestire video con risoluzione elevata e migliaia di colori. Il suo parco giochi con decine di titoli la rende adatta ai ragazzi di ogni età </td>
  </tr>
  <tr>
   <td class="miacellasx"> consolle base 16MB</td> <td class="miacelladx">€104,99</td>
  </tr>
  <tr>
  <td class="miacellasx"> alimentatore e cavi di collegamento </td> <td class="miacelladx">44,25 </td>
  </tr>
  <tr>
  <td class="miacellasx"> videogioco "Gladiatori sul ghiaccio"</td> <td class="miacelladx">€72,90</td>
  </tr>
 </table>
<p class="modelloriga2">
 <a href=""> home page
  </p>
  </body>
</html>

<!DOCTYPE HTML >
<html>
  <head>
   <title>bicchiere luminoso con led</title>
  <style type="text/css">
  .modelloriga1{
     background-color: #00aa00; 
   color:#005500;
   text-align: center;
   font-family: verdana;
   font-size: 200%;
  }
  .modelloriga2{
   color: #00007f;
   text-align: center;
   font-size: 150%;
  }
  .modelloriga3{
   color: #000000;
   text-align: left;
   font-size: 100%;
  }
  .miaimmagine{
   width: 30%;
   height: 60%;
   float: center;
   border: 4px solid #ff5500;
   border-radius: 10px;
  }
  .miatabella{
    border: 4px solid #006600; 
    width:60%;
 background-color: #00aa00;
 text-align: left;
 font-size: 10pt;
  }
  .miacellasx{
   text-align: left;
    border: 2px solid #006600;
    width:95%; 
    backgroud-color:#005500;
  }
  .miacelladx{
   text-align: left;
 border: 2px solid #006600;
 width: 5%;
 background-color: #ff5500;
}
.centroparagrafo{
 text-align: center;
}
  </style>
  </head>
  <body bgcolor="#00aa00">
  <p class="modelloriga1"> BICCHIERE LUMINOSO CON LED </p>
  <p class="centroparagrafo">
  <img class="miaimmagine" src="bicchiereluminoso.jpg" alt="bicchiere luminoso"/>  
  </p>
 <table class="miatabella"; class="modelloriga3"; align="center"> 
  <tr>
  <td> un classico per le feste con gli amici. Questo bicchiere quando si beve si illumina in modo lucente. Lascerà stupefatti i vostri invitati. L'ideale per decorare la vostra tavola! </td>
  </tr>
  <tr>
   <td class="miacellasx"> da 1 bicchiere</td> <td class="miacelladx">€4,89</td>
  </tr>
  <tr>
  <td class="miacellasx"> da 6 bicchieri </td> <td class="miacelladx">€11,78 </td>
  </tr>
  <tr>
  <td class="miacellasx"> confezione da 36 bicchieri</td> <td class="miacelladx">€67,25</td>
  </tr>
 </table>
 <p class="modelloriga2">
 <a href="" >  home page
 </p>
  </body>
</html>

*{
	font-family: consolas,'courier new',monospace;
	color:#0F0F0F;
	}