FY B.sc IT Practical 3(C) :Design a web page with Imagemaps.

-

 (a). Design a web page with Imagemaps.


<!DOCTYPE html>

<html>

<body>

<h1> Image Mapping</h1>

<p>click on this Image</p>

<img src="mobile.png"  alt="Mobile"  usemap="#phone" width="500"  height="500">

<map  name="phone">

<area  shape="rect"  coords="126,25,360,513"  alt="my phone"  href="home.html">

</map>

</body>

</html>


output:





Comments

Post a Comment

Popular posts from this blog

Program using Light Sensitive Sensors on Tinkercad

-
Image
    Objectives: ●       To understand the working of Light Sensitive Sensors ●       To understand the use of Arduino with Tinkercad ●       To study basic concepts of light intensity Light Sensitive Sensors - It is also called as LDR or Photoresister Requirements:   Component Quantity  Arduino Uno R3 1  Photoresistor(Light Sensitive Sensor) 1 1 kΩ Resistors 2 Red LED 1   Connections:   LED Arduino Uno Anode (+ve end of LED)  PIN  4 Cathode (-ve end of LED)  GND   Photoresister (Light Sensitive Sensor) Arduino Uno Terminal 1 GND,A0 Terminal 2 5v   Circuit Diagram: Connect components as given in the below...
Read more

Create an android app that demonstrates Activity Lifecycle and Instance State.

-
Image
In this tutorial we will see the working of Activity lifecycle step by step. Activity  life cycle consists of 7 methods as below. onCreate()  -   Invoked when Activity is created. onStart()  -       Invoked   when Activity is becoming visible. onResume()  - Invoked when Activity starts Interacting with user. onPause()  -    Invoked when Activity is invisible to user onStop()  -       Invoked when activity is no longer visible. onRestart() -  Invoked   after your activity is stopped, prior to start. onDestroy()  - Invoked  before Activity is killed. Let's begin coding .... 💻💻 Step 1: After creating Android project, open activity_main.xml file and paste below code as it is. activity_main.xml <?xml  version="1.0" encoding="utf-8" ?>    <android.support.constraint.ConstraintLayout  xmlns:andr...
Read more