parte 3 by @AlessandroBicego - Codewith.it

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

Referenze

langSpecifica la lingua del contenuto di un elemento
<hr>Inserisce una linea orizzontale
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
<em>Formatta il testo in corsivo/italico enfatizzato
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
widthImposta la larghezza di un elemento HTML

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Landing Page Wex

DEMO: Hi-Lo Game

Esercizi 05/03/2024 es1

conta vocali con array

Costruzione form

Review of Functions I

Banner cercatutto

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

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