Java Displaying applet on webpage

The second way of displaying the applet is on Webpage using browser.

To run the java applet, the web page that references that applet is required HTML Hyper Text Markup Language.

Introduction of HTML

  • Webpage is made up of text and HTML tags that can be read by a web browser or an appletviewer.The page can be written by using text editor like NOTEPAD.
  • Every html page has .html extension just like text file have .txt
  • The html file should be stored in the current directly where the applet code and .class file is curretly present.

HTML code format

<html>
  <head>
    <title>Title Text </title>
  </head>
 
  <body>
      Actual html files to display on webpage.
  </body>
</html>

Save the file using filename with .html extension and open that saved file.

You will display an output as Actual html files to display on webpage. in browser.

HTML page is divided into 3 sections as

HTML Page Sections

1. Comment Section (Not required)

This section holds comments which are never displayed on the webpage. Web browser ignores the text enclosed within < ! tag.

2. Head Section

The head section is enclosed within starting <head > and ending with</head>

3. Body Section

Body section contains the entire information about web page. The applet is written inside the body section.

Steps to create an Applet

  • Write the applet code without applet tag in comments
  • Compile the program using javac command
  • Create an .html file using above html code format
  • Write applet tag in body section having .class name
  • Open the .html file

Example - Applet code

import java.awt.*;
import java.applet.*;

public class AppletProgram extends Applet
{
	public void paint(Graphics g)
	{
		g.drawString("Hello Applet", 15, 140);
	}
}

Compile the applet code using javac AppletProgram.java

This will create an .class file link this .class file to html code.

HTML Code

<html>
  <head>
    <title>Applet Test </title>
  </head>
 
  <body>
      <applet code="AppletProgram.class" width="500" height="500"></applet>
  </body>
</html>

Open the .html file to see below output

Output

Applet on Webpage
No Output - If you don't see any output in html page then update your browser or enable the java in settings.
<< Previous Next >>