parte 3 by @AlessandroBicego - Codewith.it

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

References

<thead>Definisce un gruppo di intestazione all'interno di una tabella.
enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
<h4>Titolo di intestazione di quarto livello
requiredRende obbligatorio un campo di input
<h5>Titolo di intestazione di quinto livello
text/plainDefinisce un metodo di non codifica dei valori di un form

Users

Log in to search for users

Explore

Find inspiration

New Charter Page Test

Adobe PDF Shared 4

INFORMATICA - ESERCIZIO 1 RISOLTO

Template Wheel Stripes

conta vocali nella stringa

20240126 pagina html

sinodo diocesano

Costruzione di tabella con html5

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