Lavoro 2 by @Luca.Galimberti - Codewith.it

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

Referenze

<ol>Crea liste ordinate o numerate.
<div>Crea contenitori generici o sezioni in una pagina
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<h4>Titolo di intestazione di quarto livello
multipart/form-dataCodifica dei caratteri di un form
placeholderDefinisce un testo segnaposto per un elemento input o textarea

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

pagina prova sara

Stelle e Pianeti

Countdown Passaporto

esercitazione 1

Esercizi 05/03/2024 es6

calcola tempo di lettura

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>La mia prima pagina</title>
		<style>.modelloriga1{
          background-color: #ffdab9; 
          color: #f00;
          text-align: center;
          font-family: tamil
             }
          
      .modelloriga2{
        background-color:#562356;
        color: #f80;
        text-align:center ;
        font-family: padding;
          }
          .modelloriga3{
          background-color: #ffdab9; 
          color: #da70d6;
          text-align:right ;
          font-family: tamil
             }
          .modelloriga4{
          background-color: #ffdab9; 
          color:;
          text-align:left ;
          font-family: tamil
             }
            .modelloriga5{
          background-color: #ffdab9; 
          color:#6495ed;
          text-align:center ;
          font-family: tamil
             }
                    .modelloriga6{
          background-color: #ffdab9; 
          color:;
          text-align:center ;
          font-family: tamil
             }
           .modelloriga7{
          background-color: #ffdab9; 
          color:#6495ed;
          text-align:left ;
          font-family: tamil
             }
      .modelloimmagine{
        width: 20%;
        height: 20%;
        float: right;
        border-width: px;
        border-style: double;
        border-color: #ff7f50;
        border-radius: 3px;
          }
          .miatabella {
          border-style: 2px solid; 
            border-color: #ff7f50
          }
          .miacella {
            border-style: 2px solid;
            border-color: #ff7f50
          }
      </style>
		<script></script>
	</head>
	<body>
      <p class=modelloriga2> AFORISMI </p>
      <div class=modelloriga1> "Lasciamo le belle donne agli uomini senza fantasia" </div>
      <div class=modelloriga3>
        da "Alla ricerca del tempo perduto" </div>
       <div class=modelloriga3> di M. Proust</div>
        <img class="modelloimmagine" 
             src='https://tinyurl.com/yddz2ln6' />
        <div class=modelloriga4> È uno dei pochi aforismi che si può solo pensare e non dire mai a nessuno </div>
        <div class=modelloriga5>Insomma non se ne esce fuori! </div>
            <div class=modelloriga4> ~infatti se lo dici ad un amico pensa che ti riferisci alla sua ragazza e si incavola </div>
     <div class=modelloriga4> ~se lo dici invece ad una donna, lei pensa che la trovi brutta e si incavola ancora di più</div>  
        <div class=modelloriga4> ~se lo dici ad un uomo che ha sposato una donna veramente bella pensa che tu lo stai offendendo </div>
     <div class=modelloriga7> Qua sotto c'è una tabella di belle donne secondo la rivista People: </div> 
      <table class="miatabella">
        <tr> <td class="miacella"> Beyoncé Knowles</td> <td>30 anni</td>
        </tr>
        <tr> <td>Sofia Vergara</td> <td>39 anni</td>
        </tr>
        <tr> <td> Charlize Theron</td> <td>36 anni</td>
        </tr>
        <tr> <td> Kate Middleton</td> <td>30 anni</td>
        </tr>
        <tr> <td> ...altre 3765</td> <td></td>
        </tr>
   
      </table>
        
      </div>
	</body>
</html>

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