Referinte interne - exemplu : A - id , href

         In cazul unui fisier (pagina) care trateaza subiecte relativ diferite avem uneori nevoie sa introducem legaturi spre fiecare "sectiune" astfel incat la un simplu click partea superioara a sectiunii respective sa ajunga in partea superioara a browserului.
        Pentru aceasta este nevoie sa definim ancore (tinte), adica sa definim inceputul fiecarei sectiuni. Este posibil ca inceputul ultimei sectiuni spre care avem o legatura sa nu ajunga in partea superioara a browserului deoarece sectiunea este mai "scurta" decat o lungime de display (vezi legatura "sfarsit"; se poate remedia prin inserarea unor instructiuni <br><br><br> ... <br>.)

Urmariti definirea ancorelor (mai multe moduri) si a legaturilor.

Urmatoarele legaturi efectueaza "salturi" in cadrul acestui fisier la :
| un text | o imagine | un tabel | inceputul paginii | sfarsitul paginii | codul sursa |

Acesta este textul.
| o imagine | un tabel | inceputul paginii | sfarsitul paginii |


.
.
.
.
.
.

| un text | un tabel | inceputul paginii | sfarsitul paginii |
.
.
.
.
.
12
34

| un text | o imagine | inceputul paginii | sfarsitul paginii |
.
.
.
.
.
Codul sursa:
< HTML >
< HEAD >
< meta content="text/html; charset=windows-1252" http-equiv=Content-Type >
< META name=description content="Referinte
 interne - exemplu : A - id , href" >
< META name=keywords content="a, base, href, name, target,
 id, onmouseout, onmouseover" >
< TITLE >Referinte interne - exemplu : A - id , href< /TITLE >
< LINK href="../stil.css" rel=stylesheet type="text/css" >
< /HEAD >
< BODY >

< h2 id=inceput >Referinte interne - exemplu : A - id , href< /h2 >

< p align=justify >
Text: "In cazul unui fisier ...
< br >< br > 
Urmariti definirea ancorelor (mai multe moduri) si a legaturilor.
< br >
< br >
Urmatoarele legaturi efectueaza "salturi" in cadrul acestui fisier la :< br >
| < a href="#text" >un text< /a > |
 < a href="#imagine" >o imagine< /a > |
 < a href="#tabel" >un tabel< /a > |
 < a href="#inceput" >inceputul paginii< /a > |
 < a href="#sfarsit" >sfarsitul paginii< /a > |
 < a href="#cod" >< b >codul sursa< /b >< /a > |
< /p >


< p id=text >Acesta este textul.
< br >
| < a href="#imagine" >o imagine< /a > |
 < a href="#tabel" >un tabel< /a > |
 < a href="#inceput" >inceputul paginii< /a > |
 < a href="#sfarsit" >sfarsitul paginii< /a > |
< /p >
< br >.< br >.< br >.< br >.< br >.< br >.
< br >


< img id=imagine src="../foto/imagine.gif" >
< br >
| < a href="#text" >un text< /a > |
 < a href="#tabel" >un tabel< /a > |
 < a href="#inceput" >inceputul paginii< /a > |
 < a href="#sfarsit" >sfarsitul paginii< /a > |
< br >.< br >.< br >.< br >.< br >.
< br >


< table id=tabel border=1 >< tr >< td >1< /td >< td >2< /td >< /tr>
< tr >< td >3< /td >< td >4< /td >< /tr >< /table >
< br >
| < a href="#text" >un text< /a > |
 < a href="#imagine" >o imagine< /a > |
 < a href="#inceput" >inceputul paginii< /a > |
 < a href="#sfarsit" >sfarsitul paginii< /a > |
< br >.< br >.< br >.< br >.< br >.
< br >

< b id=cod >Codul sursa:< /b > (fond gri) ....


< p id=sfarsit >Sfarsit
< br >
| < a href="#text" >un text< /a > |
 < a href="#imagine" >o imagine< /a > |
 < a href="#tabel" >un tabel< /a > |
 < a href="#inceput" >inceputul paginii< /a > |
< /p >
< br >

< div align=right >
 [ < a href="referinte.htm" >< b >Referinte< /b >< /a > -marcaje+atribute ]
< /div >
< br >


< /BODY >
< /HTML >

Sfarsit
| un text | o imagine | un tabel | inceputul paginii |



[ Home ] [ Referinte -marcaje+atribute ]