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

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

References

<strong>Definisce una parte del testo importante con formattazione in grassetto.
minImposta il valore numerico o temporale minimo per un elemento input
<html>Tag primario di un documento HTML
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
heightDetermina l'altezza di un elemento HTML in pixel
_selfApre collegamenti ipertestuali nella stessa pagina del browser

Users

Log in to search for users

Explore

Find inspiration

Elder & Volunteer Matching

copia da paragrafo

Heads Or Tails Random Tally

26/01/2024 pagina html

Creazione Preventivi Online | Serv

Esercitazione 1

3 LS 29-01 TABELLA(2)

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>