prova by @paolovre - Codewith.it

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

References

<title>Definisce il titolo della pagina web.
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
text/plainDefinisce un metodo di non codifica dei valori di un form
heightDetermina l'altezza di un elemento HTML in pixel
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input

Users

Log in to search for users

Explore

Find inspiration

black - social bar

Caps Lock Checker

esercitazione n. 1

INSERIMENTO IMMAGINI IN UN TESTO

console elements(2)

esercitazione5.html

Gallery Action Seven

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 PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Il triangolo EDA</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<SCRIPT language=JavaScript><!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//--><!--
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_dragLayer(objName,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v3.0
  //Copyright 1998 Macromedia, Inc. All rights reserved.
  var i,j,aLayer,retVal,curDrag=null,NS=(navigator.appName=='Netscape'), curLeft, curTop;
  if (!document.all && !document.layers) return false;
  retVal = true; if(!NS && event) event.returnValue = true;
  if (MM_dragLayer.arguments.length > 1) {
    curDrag = MM_findObj(objName); if (!curDrag) return false;
    if (!document.allLayers) { document.allLayers = new Array();
      with (document) if (NS) { for (i=0; i<layers.length; i++) allLayers[i]=layers[i];
        for (i=0; i<allLayers.length; i++) if (allLayers[i].document && allLayers[i].document.layers)
          with (allLayers[i].document) for (j=0; j<layers.length; j++) allLayers[allLayers.length]=layers[j];
      } else for (i=0;i<all.length;i++) if (all[i].style&&all[i].style.position) allLayers[allLayers.length]=all[i];}
    curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
    curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
    curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
    curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
    curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
    curDrag.MM_oldZ = (NS)?curDrag.zIndex:curDrag.style.zIndex;
    curLeft= (NS)?curDrag.left:curDrag.style.pixelLeft; curDrag.MM_startL = curLeft;
    curTop = (NS)?curDrag.top:curDrag.style.pixelTop; curDrag.MM_startT = curTop;
    curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop -cU;
    curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop +cD;
    curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
    document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
    if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  } else {
    var theEvent = ((NS)?objName.type:event.type);
    if (theEvent == 'mousedown') {
      var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
      var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
      var maxDragZ=null; document.MM_maxZ = 0;
      for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];
        var aLayerZ = (NS)?aLayer.zIndex:aLayer.style.zIndex;
        if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
        var isVisible = (((NS)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);
        if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
          var parentL=0; var parentT=0;
          if (!NS) { parentLayer = aLayer.parentElement;
            while (parentLayer != null && parentLayer.style.position) {
              parentL += parentLayer.offsetLeft; parentT += parentLayer.offsetTop;
              parentLayer = parentLayer.parentElement; } }
          var tmpX=mouseX-(((NS)?pageX:style.pixelLeft+parentL)+MM_hLeft);
          var tmpY=mouseY-(((NS)?pageY:style.pixelTop +parentT)+MM_hTop);
          var tmpW = MM_hWidth;  if (tmpW <= 0) tmpW += ((NS)?clip.width :offsetWidth);
          var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += ((NS)?clip.height:offsetHeight);
          if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
              || maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
      if (curDrag) {
        document.onmousemove = MM_dragLayer; if (NS) document.captureEvents(Event.MOUSEMOVE);
        curLeft = (NS)?curDrag.left:curDrag.style.pixelLeft;
        curTop = (NS)?curDrag.top:curDrag.style.pixelTop;
        MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
        document.MM_curDrag = curDrag;  curDrag.MM_SNAPPED=false;
        if(curDrag.MM_toFront) {
          eval('curDrag.'+((NS)?'':'style.')+'zIndex=document.MM_maxZ+1');
          if (!curDrag.MM_dropBack) document.MM_maxZ++; }
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mousemove') {
      if (document.MM_curDrag) with (document.MM_curDrag) {
        var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
        var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
        newLeft = mouseX-MM_oldX; newTop  = mouseY-MM_oldY;
        if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
        if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
        if (MM_bT!=null) newTop  = Math.max(newTop ,MM_bT);
        if (MM_bB!=null) newTop  = Math.min(newTop ,MM_bB);
        MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
        if (NS) {left = newLeft; top = newTop;}
        else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
        if (MM_dragJS) eval(MM_dragJS);
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mouseup') {
      document.onmousemove = null;
      if (NS) document.releaseEvents(Event.MOUSEMOVE);
      if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
      if (document.MM_curDrag) with (document.MM_curDrag) {
        if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
            (Math.pow(MM_targL-((NS)?left:style.pixelLeft),2)+
             Math.pow(MM_targT-((NS)?top:style.pixelTop),2))<=MM_tol) {
          if (NS) {left = MM_targL; top = MM_targT;}
          else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
          MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
        if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
        if(MM_dropBack) {if (NS) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
        retVal = false; if(!NS) event.returnValue = false; }
      document.MM_curDrag = null;
    }
    if (NS) document.routeEvent(objName);
  } return retVal;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//--></SCRIPT>

<META content="Microsoft FrontPage 5.0" name=GENERATOR>
<base target="_self">
<style>
<!--
.main .widget {
	BORDER-BOTTOM: #333333 1px dotted; PADDING-BOTTOM: 1.5em; MARGIN: 0px 0px 1.5em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.main .Blog {
	BORDER-BOTTOM-WIDTH: 0px
}
.post {
	BORDER-BOTTOM: #333333 1px dotted; PADDING-BOTTOM: 1.5em; MARGIN: 0.5em 0px 1.5em
}
.post-body {
	LINE-HEIGHT: 1.6em; MARGIN: 0px 0px 0.75em
}
.post-footer {
	TEXT-TRANSFORM: uppercase; MARGIN: 0.75em 0px; FONT: 78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; LETTER-SPACING: 0.1em; COLOR: #777777
}
-->
</style>
</HEAD>
<body background="../MATT.GIF" bgproperties="fixed">

<CENTER>
<TABLE border=0 width="95%" height="100">
  <TBODY>
  <TR>
    <TD height="100">
      <P align="center"><FONT color=#000066 
      face="Arial, Helvetica, sans-serif" size=+1><B><img border="0" src="construc2.gif" width="532" height="34"><br>
      immagini corrette</B></FONT></P>
    </TD></TR></TBODY></TABLE></CENTER>
<P><img border="0" src="triangolo.JPG" align="top" width="302" height="305"><br>
<br>
</P>

<DIV id=Layer13 
style="HEIGHT: 66px; LEFT: 165px; POSITION: absolute; TOP: 1000px; WIDTH: 152px; Z-INDEX: 11">
  <p align="center"><IMG 
align=bottom height=219 
onmousedown="MM_dragLayer('Layer13','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')" 
src="Cavalieri.jpg" width=45></DIV>
<DIV id=Layer15 
style="HEIGHT: 66px; LEFT: 10px; POSITION: absolute; TOP: 1000px; WIDTH: 152px; Z-INDEX: 11"><IMG 
align=bottom height=220 
onmousedown="MM_dragLayer('Layer15','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')" 
src="Asinelli%20sx.jpg" width=134></DIV>
<DIV id=Layer14 
style="HEIGHT: 66px; LEFT: 320px; POSITION: absolute; TOP: 1000px; WIDTH: 152px; Z-INDEX: 11"><IMG 
align=bottom height=221 
onmousedown="MM_dragLayer('Layer14','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')" 
src="Asinelli%20dx.jpg" width=132></DIV>
<DIV id=Layer2 
style="HEIGHT: 24px; LEFT: 318px; POSITION: absolute; TOP: 200px; WIDTH: 113px; Z-INDEX: 2"><IMG 
align=bottom height=41 
onmousedown="MM_dragLayer('Layer2','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',true,'')" 
src="tr verde.gif" width=99></DIV>
<DIV id=Layer3 
style="HEIGHT: 24px; LEFT: 319px; POSITION: absolute; TOP: 250px; WIDTH: 113px; Z-INDEX: 3">
  <IMG 
align=bottom height=42 
onmousedown="MM_dragLayer('Layer3','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')" 
src="ret giallo1.gif" width=102></DIV>
<DIV id=Layer4 
style="HEIGHT: 24px; LEFT: 318px; POSITION: absolute; TOP: 132px; WIDTH: 113px; Z-INDEX: 4"><IMG 
align=bottom height=62 
onmousedown="MM_dragLayer('Layer4','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',true,'')" 
src="tr rosso.gif" width=161></DIV>
<DIV id=Layer5 
style="HEIGHT: 23px; LEFT: 319px; POSITION: absolute; TOP: 300px; WIDTH: 112px; Z-INDEX: 5"><IMG 
align=bottom height=40 
onmousedown="MM_dragLayer('Layer5','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',true,'')" 
src="ret verde.gif" width=99></DIV>
<p><br>
<img border="0" src="Temporale%20virato.jpg" width="532" height="435">
</p>
<p><font color="#000080">Tagliando o spostando&nbsp; lungo le linee punteggiate, 
i tre rettangoli possono essere sistemati (senza piegarli) in modo che i due 
fantini cavalchino i due somari.
</font>
</p>
<p><font color="#000080"> <br>
</font>
</p>
<p>&nbsp;</p>
<p>
<p>
<p>
<p>
<p><p>&nbsp;</p>


<p>&nbsp;</p>
<p>&nbsp;</p>

<br>
<br>






<hr>






<p>&nbsp;</p>






<p>&nbsp;</p>
<p><b><font color="#000080">IL MISTERO delle RETTE PARALLELE</font></b></p>
<p>&nbsp;</p>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td width="56%" style="border-style: none; border-width: medium">
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">Le rette parallele sono un 
      mistero di amicizia, di amore e di armonia. </font>
    </div>
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">Riescono a stare vicine 
      senza mai toccarsi, fino all'infinito.</font></div>
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">Non si allontanano mai e 
      neanche si avvicinano perch� se si avvicinassero vorrebbe dire che in un 
      punto almeno inizierebbero ad allontanarsi. </font>
    </div>
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">E invece loro stanno sempre 
      l�, immobili nello spazio. Stanno a guardarsi negli occhi; si cercano e si 
      curano, senza mai abbandonarsi. </font>
    </div>
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">Rimangono l�, l'una accanto 
      all'altra dalla nascita e per sempre perch� le rette parallele non 
      muoiono. </font>
    </div>
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">Sono immortali. E a 
      pensarci bene non nascono neanche. Ci sono sempre state e sempre ci 
      saranno. </font>
    </div>
    <div align="left">
      <p style="margin-top: 1"><font color="#000080">Non v'� forma di amore pi� 
      profondo di quello di due rette parallele.<br>
&nbsp;</font></div>
    <p><span class="post-author vcard"><font color="#000080">Pubblicato da
    <span class="fn">Cangaceiro</span></font> </span></td>
    <td width="44%" style="border-style: none; border-width: medium">
    <p align="center">
    <img border="0" src="../parallele.JPG" width="319" height="181"></td>
  </tr>
</table>
<p><br>
&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>







</html>

*{ }prova gatto
ciao