<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro-Ro" lang="ro-Ro">
        <head>
                <title>Atribut_top</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="expando.js"></script>
		<script type="text/javascript" src="expando/expando.js"></script>
		<script type="text/javascript" src="script.js"></script>
		<script type="text/javascript"></script>

<style type="text/css">
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
html, body    { height: 100%; overflow: auto; }
#BigG {    position: absolute; margin-right:15px; }


body {
        padding-right:0px; 
	padding-left:0px; 
	background-image:url(gradient94063329.png); 
	background-repeat:repeat-x; 
	background-color:#bbcc99; 
	padding-bottom:0px; 
	margin:0px; 
	font:small/1.5em Georgia,Serif; 
	color:#000; 
	padding-top:0px; 
	voice-family:inherit
}
 
p {
	text-align:justify;
 	text-indent:15px; 
	font-size:15px;
	font-family:Timens New Roman;
	color:black;
 	font-weight:bold;
	margin:2em 2em 2em 2em;
	padding:0px;
           	
}      	

 h1 {
        font:bold 75px Curlz Mt;
        color:black;
        margin:0px;
        padding:0px 0px 0px 15px;
	text-align:center;
}
h2 {
	text-align:center;
	color: #000000;
	font-size: 30px;
        font-style:italic;
}
h3 {
	text-align:justify;
	color: #000000;
	font-size: 15px;
        margin: 2em 2em 2em 2em;
        text-indent: 15px; 
	text-align:justify;
}
h4 {
	font-size:15px;
	color: #0000ff;
	font-size:20px;
        text-align:left;
}
a img {
	border:0;
}
UNKNOWN {
        font-size: small
}
#header {
        font-size: 93%; background: url(bg.gif) #dae0d2 repeat-x 50% bottom; float: left; width: 100%; line-height: normal
}
#header ul {
        padding-right: 10px; padding-left: 10px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none
}
#header li {
        padding-right: 0px; padding-left: 9px; background: url(left.gif) no-repeat left top; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
#header a {
        padding-right: 15px; display: block; padding-left: 6px; font-weight: bold; background: url(right.gif) no-repeat right top; float: left; padding-bottom: 4px; color: black; padding-top: 5px; text-decoration: none
}
#header a{
        float:none
}
#header a:hover {
        color: #333
}
#header #current {
        background-image:url(left_on.gif)
}
#header #current a {
        background-image:url(right_on.gif); padding-bottom: 5px; color: #333
}

</style>
<script type="text/javascript">
//<!--

if (document.images){
 (function(){
  var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20;
  var expConIm = function(im){
   im = im || window.event;
   if (!expConIm.r.test (im.className))
    im = im.target || im.srcElement || null;
   if (!im || !expConIm.r.test (im.className))
    return;
   var e = expConIm,
   widthHeight = function(dim){
    return dim[0] * cos + dim[1] + 'px';
   },
   resize = function(){
    cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2;
    im.style.width = widthHeight (e.ims[i].w);
    im.style.height = widthHeight (e.ims[i].h);
    if (e.ims[i].d && times > e.ims[i].jump){
     ++e.ims[i].jump;
     e.ims[i].timer = setTimeout(resize, speed);
    } else if (!e.ims[i].d && e.ims[i].jump > 0){
     --e.ims[i].jump;
     e.ims[i].timer = setTimeout(resize, speed);
    }
   }, d = document.images, i = d.length - 1;
   for (i; i > -1; --i)
    if(d[i] == im) break;
   i = i + im.src;
   if (!e.ims[i]){
    im.title = '';
    e.ims[i] = {im : new Image(), jump : 0};
    e.ims[i].im.onload = function(){
     e.ims[i].w = [e.ims[i].im.width - im.width, im.width];
     e.ims[i].h = [e.ims[i].im.height - im.height, im.height];
     e (im);
    };
    e.ims[i].im.src = im.src;
    return;
    }
   if (e.ims[i].timer) clearTimeout(e.ims[i].timer);
   e.ims[i].d = !e.ims[i].d;
   resize ();
  };

  expConIm.ims = {};

  expConIm.r = new RegExp('\\bexpando\\b');

  if (document.addEventListener){
   document.addEventListener('mouseover', expConIm, false);
   document.addEventListener('mouseout', expConIm, false);
  }
  else if (document.attachEvent){
   document.attachEvent('onmouseover', expConIm);
   document.attachEvent('onmouseout', expConIm);
  }
 })();
}
//-->

</script>

        </head>

        <body>
    <div id="all">
 <div id="container">

     <div id="logo"><h1>Tutorial HTML</h1></div>

	<div id="header">

                        <ul>
                              
<li><a href="introducere.html">Notiuni introductive</a></li>
<li><a href="baza.html">Notiuni de baza</a></li>
<li><a href="comentarii.html">Comentarii</a></li>
<li><a href="formatare.html">Formatare text</a></li>
<li><a href="liste.html">Liste</a></li>
<li><a href="legaturi.html">Legaturi</a></li>
<li><a href="imagini.html">Imagini</a></li>
<li><a href="sunete.html">Sunete</a></li>
<li><a href="videoclipuri.html">Videoclipuri</a></li>
<li><a href="tabele.html">Tabele</a></li>
<li><a href="cadre.html">Cadre</a></li>
<li><a href="formulare.html">Formulare</a></li>
<li><a href="harti.html">Harti de imagini</a></li>
<li><a href="htmlcss.html">HTML si CSS</a></li>
<li><a href="verificare.html">Verificarea paginii</a></li>

                        </ul>
                </div>
<div id="text">
<br/><br/><br/>
<h2>Atributul target="top"</h2>


<h3> Atributul target="_top" </h3>
<h3><font color="#0000ff">"_top"</font> pagina va fi încărcată în fereastra top a cadrului

<h3> Exemplu</h3>
<table align="center" border="2">
<tr>
<td align="center">Codul html</td>
<td align="center">Rezultatul</td>
</tr>
<tr>
<td>Spre
<font color="#0000ff"> &lt;a href="toptarget.html" target="_top"></font>top<font color="#0000ff">&lt;/a&gt;</font>
</td>
<td> <a href="pagina_top.html">Link-ul de pe această pagină</a></td>

</tr>
<table>

<div id="footer">

</div>
</div>
</div>
</div>
<p><a href="legaturi.html"><img src="image.gif" alt="legaturi"/></a></p>
</body>
</html>