inserimento immagini in un testo by @AshReina - Codewith.it

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

References

formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<blockquote>Inserisce citazioni in un documento HTML
mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto
<tbody>Definisce il contenuto principale di una tabella.
classDefinisce una o più classi per elemento
<strong>Definisce una parte del testo importante con formattazione in grassetto.

Users

Log in to search for users

Explore

Find inspiration

Gli Aristogatti

JS Oggetti ed eventi es2

Heads Or Tails Random Tally

Sito scolastico – Template base

Esercizi 05/03/2024 es4

Esempio di scrittura HTML per esam

Selezione Telefoni

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 lang"it">
<head>
<title>inserimento immagini in un testo </title>
<style>
p{color:navy;
text-transform:uppercase;}

</style>

</head>
<body>
<p style="text-align:justify;border:4px solid red"> Purtroppo ancora troppe persone sono convinte di poter avvicinare un cane senza adottare particolari precauzioni e dall’altro lato ce ne sono tantissime che hanno paura per la propria incolumità anche solo alla vista dell’animale! Questi sono solo i due estremi di tutta una serie di comportamenti errati che compromettono la relazione con un nuovo amico… è infatti sufficiente essere in grado di interagire con un cane sconosciuto seguendo alcuni semplici consigli in modo da avvicinare o farsi avvicinare da un cane che non si conosce con sufficienti garanzie che nulla di grave possa accadere, sia alla persona che al cane!! </p>

<!---si inseriscono solo ed esclusivamente immagini dal web perchè questa è un'app on line e non in locale --->

<!-- inseriamo un'immagine in posizione centrale dopo il testo e sarà posta anche una didascalia-->

<br>
<figure>
  <center>
<img src="https://www.venetoformazione.it/wp-content/uploads/2022/02/ottimizzare-immagini-display-retina.jpg" alt="studente"
style="width:250px; hight:2800px;border: 5px solid red">
<figcaption style="text-align:center"> Fig.1 Studente </figcaption>
</center>
</figure> 

<p> L’avvicinamento e l’incontro con un animale che non si conosce, in linea di massima con un cane non proprio, potrebbe svilupparsi in un approccio conflittuale se non si riesce a trasmettere una intenzione pacifica. In questi approcci si creano conflitti sociali dovuti ad una scarsa abilità comunicativa, risultando per il cane “minacciosi”, anche se motivati dalle più sincere intenzioni. Il conflitto creatosi potrebbe essere associato a particolari condizioni motivazionali del cane (paura, ansia, aggressività, irritazione…) che manifesta cercando di evitare l’incontro o con altri sintomi di disagio. Quindi per prevenire possibili incidenti è molto importante che l’avvicinamento e l’incontro con l’animale avvengano seguendo i tempi e le esigenze delle parti interessate ed un linguaggio comune </p>

<!-- creiamo un collegamento ipertestuale--->

<a href="https://www.venetoformazione.it/wp-content/uploads/2022/02/ottimizzare-immagini-display-retina.jpg"> studente </a>
<!DOCTYPE html>
<head>
   <title> Costruzione di tabella con html5 </title>
</head>
<!-- oggi impariamo a costruire una generica tabella !--->

<body>
<table border= "1" cellpadding = "8" cellspacing= "4" > 


<!-- il tag tra virgolette serve per indicare la grandezza dei riquadri, quindi le varie distanze. cellpadding è la grandezza dei riquadri, i numeri sono la misura
cellspacing serve per aumantare la spazio tra la celle adiacenti sia in verticale sia in orizzontale---->

<caption> gli studenti della facoltà </caption>
<tr>
  <TH colspan="5"
  <th colorspan="5" style="border:3px; color:red; background-color:grey">SCHEDATURA STUDENTI </th>

<tr style= "background-color:yellow">
  <th style="width:200;"> NOME STUDENTE </th>
  <th style="width:200;" > MATRICOLA </th>
  <th style="width:200"> FACOLTA' </th>
  <th style="width:200" "background-color:orange"> NAZIONE PROVENIENZA 
 </th>
  <th> ESAMI DATI </th>
  </tr>
  
  <tr>
   
   <td rowspan="3"> MARIO ROSSI   </td>
   <TD>51447 </td>
   <td>CHIMICA</TD>
   <td>OLANDA  </td>
   <td style="background-color:lightblue"> 5   </td>
  
  <tr>
 
   <td> 51447   </td>
   <td>CHIMICA </td>
 <td> OLANDA   </td>
   <td> 5  
  
  </td>
 

 
  <tr>
   <td> 51447   </td>
   <td rowspan="3"> <img src="https://www.venetoformazione.it/wp-content/uploads/2022/02/ottimizzare-immagini-display-retina.jpg" style="width: 100px; background.color:lightblue">
  
  <td> OLANDA   </td>
   <td> 5   </td>
  
  <tr>
  <td> MARIO ROSSI   </td>
   <td> 51447   </td>
   <td> OLANDA   </td>
   <td> 5   </td>
  </tfoot>
  <tr>
  <td> MARIO ROSSI   </td>
   <td> 51447   </td>
   <td> OLANDA   </td>
   <td> 5   </td>

 <tfoot>
  <tr> 
<TD> <b> A.a 2023-2024 </b> </TD>
<td> <b> Studenti </b> </td>
<td colspan= "3" style="text-align:center;color:red;background-color:lightgreen"; ><b> 123.458 </b> </td>


</TR>



  

  </tr>





</table>
</body>
















</html>