informatica 3 by @grerol - Codewith.it

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

References

minlengthDetermina il numero minimo di caratteri per un elemento input
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
disabledImpedisce la modifica di un input
classDefinisce una o più classi per elemento

Users

Log in to search for users

Explore

Find inspiration

Pagina di esempio

tabella con immagine

esercizio 01 pagina semplice

Ximena sanchez CSS Styling Assignm

Curriculum HTML

tedesco ad ita sito canzo

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=""> 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>
<a href="principale.html" target="_self">TORNA ALLA HOME PAGE</a>
<!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>
<a href="principale.html" target="_self">TORNA ALLA HOME PAGE</a>
<!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>
<a href="principale.html" target="_self">TORNA ALLA HOME PAGE</a>
<!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>