parte 3 by @AlessandroBicego - Codewith.it

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

References

<iframe>Crea un frame all'interno di una pagina HTML.
<strong>Definisce una parte del testo importante con formattazione in grassetto.
<table>Tag primario per la creazione di tabelle
selectedPre-seleziona un elemento di input
<h5>Titolo di intestazione di quinto livello
maxImposta il valore numerico o temporale massimo per un elemento input

Users

Log in to search for users

Explore

Find inspiration

Esempio positon

Costruzione Immagine

HTML OR. LISTA TAGS TEST

pagina prova sara

Effetto zoom con CSS

Alice nel Paese delle Meraviglie

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;
	}