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

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

References

<aside>Definisce un contenuto separato dal testo perincipale
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
<title>Definisce il titolo della pagina web.
<pre>Indica una parte di testo preformattato
<table>Tag primario per la creazione di tabelle

Users

Log in to search for users

Explore

Find inspiration

sito_donne_afghane

Clona elementi JS

esercizio 03 pagina form

Gesù nostro signore(2)

Creazione Preventivi Online | Serv

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>