Tema 8. Imagini-hărţi

Generalităţi

 

Etichetele <MAP> şi <AREA>

...

Exemplu

Fişierele C.html, Pascal.html, Java.html, Html.html, Harta.jpg se află în acelaşi catalog.

Fişierul Harta.jpg a fost creat cu redactorul grafic Paint.

 

...

∙  Conţinutul fişierului Ex1.html:

<HTML>

<head>

<title>Exemplu cu harta-imagine</title>

</head>

<Body>

<center>

<H2> Exemplu de harta-imagine</H2>

 

<img src="harta.jpg" usemap="#limbaje">

 

<Map name="limbaje">

  <Area shape = rect coords="20, 110, 110, 170" href="Html.html">

  <Area shape = circle coords="160, 90, 50" href="Pascal.html">

  <Area shape = poly coords="10, 90, 30, 30, 80, 40, 100, 90, 10, 90"

                href="Java.html">

  <Area shape= rect coords="0, 0, 250, 190" href="C.html">

</Map>

</center>

</body>

 

∙  Conţinutul fişierului HTML.html:

<HTML>

<head>

<title>HTML</title>

</head>

<Body text="green">

<h3>HTML este un limbaj de hiperlegaturi</h3>

</body>

</html>

 

∙  Conţinutul fişierului Pascal.html:

<HTML>

<head>

<title>Pascal</title>

</head>

<Body text="red">

<h3>PASCAL este un limbaj de programare</h3>

<body>

 

∙  Conţinutul fişierului Java.html:

<HTML>

<head>

<title>JAVA</title>

</head>

<Body text="blue">

<h3>JAVA este un limbaj de programare</h3>

</body>

</html>

 

∙  Conţinutul fişierului C.html:

<HTML>

<head>

<title>Limbajul C++</title>

</head>

<Body>

<H4>

C++ este un limbaj de programare<br>

C++ este un limbaj de programare<br>

C++ este un limbaj de programare<br>

C++ este un limbaj de programare<br>

C++ este un limbaj de programare<br>

C++ este un limbaj de programare<br>

</h4>

</body>

</html>

...

...