Lavoro 2 by @Luca.Galimberti - Codewith.it

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

References

_topApre collegamenti ipertestuali nell'elemento parent assoluto
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
<table>Tag primario per la creazione di tabelle
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
<tfoot>Definisce il footer o sezione inferiore di una tabella.
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.

Users

Log in to search for users

Explore

Find inspiration

Inserimento immagini in un testo

calcola peso in byte

la mia prima pagina html pt3

Profilo di Salvatore Crapanzano

VIVIANARICETTARIO

fontawesome-esempio

Blocco tasto destro mouse

esercitazioni ipertestual

Esercizi 01/03/2024 es3

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