TCS2044 Chapter6 Applet & HTML Week11

TCS 2044 JAVA PROGRAMMING
CHAPTER 6 APPLET & HTML (Week 11)
CHAPTER 6
APPLET & HTML
MANAGEMENT & SCIENCE UNIVERSITY
Objectives
1. Understand how the Web browser controls
and executes the applets.
2. Creates a simple html
3. Familiar with the methods in the Applet class:
init(),start(), stop() and destroy().
HTML
HTML and WWW
HTML is a method for representing the appearance and

content of a document using a standard ASCII text file.
HTML consists of reserve markup directives or tags, mixed
with plain text to compose a document.
Purpose of HTML is to transmit the structure of documents
between users.
Can be edited using HTML editor such as notepad, WordPad,
MS Word etc.
File must be saved with extension .html
Advantages of HTML
Compatible with any web browser (Systemindependent)

More flexibility in how a document is viewed
Files are small
Easy to learn.
Disadvantages of HTML
Limited
Cannot create a new tags
User dont know exactly how a target document will
appear.
World Wide Web

Also known as WWW, W3 or the Web
Network
information service, based on the
Internet.
Provides a method of displaying information in
different formats in a way that is fast, powerful,
consistent and easy to use.
Provides a consistent interface for accessing a
wide variety of information from a huge number of
source.
HTML Basic
HTML Structure
HTML has 3 tags that describe a documents overall

structure.
- <HTML>
- <HEAD>
- <BODY>
Document structure tags dont affect what the document
looks like when its formatted.
Tags are included to help browsers and search tools learn
about the basic structure of a document.
..continue
<HTML> .. </HTML>
The first document structure tag that every HTML
document contains.
Indicates that the content of the file is indeed HTML.
Everything in document should go inside the beginning
and ending HTML tags.
<HTML>
.
Document text
</HTML>
..continue
<HEAD> .. </HEAD>
Generally only a few tags go into the heading portion

of a document.
<HTML>
<HEAD>
.
Header information
.
</HEAD>
document text
</HTML>
..continue
<BODY> .. </BODY>
The remainder of our html document, including all the

document text is stored inside a <BODY> . </BODY>
Syntax:
<HTML>
<HEAD>
<TITLE> This is the document title </TITLE>
</HEAD>
<BODY>
This is the document text
</BODY>
</HTML>
10
Creating and Linking

Documents
Basics of HTML
Writing in paragraph
The text that we type into an HTML file outside of any of the
elements marked by the <HTML>, <HEAD>, <TITLE>, and
<BODY> tags will be displayed as paragraphs.

<P> tag marks the end of a paragraph, and hence a
paragraph break.
A web browser flows all the contents of a paragraph together
from left to right and from top to bottom using the current
window size.
11
Line break
Use the line break tag, <BR> to indicate the start of a new
line.
Without line break tag, all text, even text we leave blank in
the HTML, file will run together into a single paragraph.
Should use the <BR> tag when we want to add a line break.
Line
A single tag, <HR>, indicates that the browser should create
a line. Which goes across the width of the display window.
Several parameter passed to the <HR> tag : SIZE, WIDTH,
ALIGN and NOSHADE.
12
Heading
Headings mark divisions of a document and divides
sections of a book into parts.
Can have up to six levels of heading.
Syntax:
<H1> course description </H1>
The number indicates the heading level, which can be

<H1> </H1> through <H6>.</H6>.
13
Integrating
Text
Text as linking source
Any time someone clicks on any part of the

image, he or she will automatically be brought
to the appropriate hyperlink target
14
Example of HTML source code

Heading
<html>
<head>
<title> MSU </title>
</head>
<h1>MSU</h1>
<body bgcolor = "black">
<img src = MSU.jpg" alt = Management & Science University">
<p>MSU is one of the premier institutions of higher learning in Malaysia.
Its main campus is situated in Seksyen 13, Shah Alam</p>
Faculties <A HREF = fise.html"> FISE </A>
<A HREF = fbmp.html"> FBMP </a>
<A HREF = fhls.html"> FHLS </a>
</p>
Linking text
</body>
</html>
15
Integrating Image
Advantages of using image
Can convey a great deal of information very well.
Can make a page interesting and exciting
Disadvantages of using image

Can slow down the response time because the extra
data must be transmitted to the web browser.
16
Image format
Image can be in most common format s.
<IMG> tag is used to embed in-line graphics into web pages

Syntax : <IMG SRC = msu.jpg>
Image as a linking source
Any time someone clicks on any part of the image, he or
she will automatically be brought to the appropriate

hyperlink target by using the <IMG> and <A> tags.
Syntax
<A HREF = msu.html><IMG SRC = msu.jpg ></A>
17
Example of a simple HTML source code

<html>
<head>
<title> MSU</title>
</head>
<body>
<h1> MSU</h1>
<p></p>
<A HREF = msu.html"><IMG SRC = msu.jpg"></A>
</body>
</html>
Image file
18

TCS2044 Chapter6 Applet &amp; HTML Week11

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

TCS2044 Chapter6 Applet &amp; HTML Week11

Enviado por

Direitos autorais:

Formatos disponíveis

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

HTML and WWW

HTML is a method for representing the appearance and

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Compatible with any web browser (Systemindependent)

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

World Wide Web

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

HTML has 3 tags that describe a documents overall

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Generally only a few tags go into the heading portion

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

The remainder of our html document, including all the

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Creating and Linking

<BODY> tags will be displayed as paragraphs.

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

The number indicates the heading level, which can be

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Text as linking source

Any time someone clicks on any part of the

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Example of HTML source code

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Disadvantages of using image

MANAGEMENT & SCIENCE UNIVERSITY

TCS 2044 JAVA PROGRAMMING

CHAPTER 6 APPLET & HTML (Week 11)

Image can be in most common format s.

<IMG> tag is used to embed in-line graphics into web pages

Image as a linking source

TCS2044 Chapter6 Applet & HTML Week11

TCS2044 Chapter6 Applet & HTML Week11