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

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

References

<caption>Definisce didascalie all'interno di una tabella
<nav>Definisce un menu di navigazione
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
<strong>Definisce una parte del testo importante con formattazione in grassetto.
<br>Inserisce uno spazio vuoto tra due elementi HTML.
<b>Formatta il testo in grassetto

Users

Log in to search for users

Explore

Find inspiration

Chiara Informatica

le miniere di nuxis

esercitazione sulle celle

pag. 3 progetto inf

Con nome bandiera(2)(2)

Costruzione form

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

table,th,td {
  border:1px solid black;
  text-align:center;
}

</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 style="text-align:center"> 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>