Hsc information technology chapter 1 advanced web design

1
1. ADVANCED WEB DESIGN
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• Index
• Introduction to HTML 5
• Forms in HTML 5
• Cascading Style sheets
• Lists in HTML 5
• Inserting video, audio
• Image map in HTML 5
• Inline Frame
• Website Hosting

1
From MISS AAFREEN SHAIKH (IT Teacher) Mb
No.7666337605 CHHATRAPATI SHIVAJI JR SCI COLLEGE
JALGAON
2
CHHATRAPATI SHIVAJI JR SCI COLLEGE JALGAON
Prof. MISS AAFREEN SHAIKH

• WEB C O M P O N E N T S
• Webpage A simple text file created using HTML.
• Website A collection of interlinked web pages
  containing text, images, audio and videos.
  ForExample, www. ebalbharati.in
• Web Browser A web browser is a software used to
  view web pages or websites
• available on the internet For Example Internet
  Explorer, Google chrome.
• Web Server A Web server is an application or a
  computer that sends webpages over the internet
  using the HTTP protocol. For Example Apache,
  nginx, IIS, etc..
• URL(Uniform Resource Locator) It is an address
  of a web page on the internet.
• HTTP HTTP (HyperText Transfer Protocol) is a
  protocol used by WWW for client
• server communication.
• 2

• HTML

Hyper Text Markup language
3
INTRODUCTION TO HTML5
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• HTML5 is the latest and most enhanced version of
  HTML
• It makes your website layout clearer to both
  website designers and users
• Browsers support s features of HTML5 Google
  Chrome, Mozilla Firefox, Microsoft Edge,
  Safari, Opera and Apple.

3
4
BASIC STRUCTURE OF HTML5
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON

• lthtmlgt and lt/htmlgt indicates that the document
  is an html file.
• ltheadgt and lt/headgt It includes ltTitlegt within
  it, the text within ltheadgt is not displayed on
  the webpage. This is used for search engine
  optimization.
• lttitlegt and lt/titlegt The content within this
  displayed on the title bar.
• ltbodygt and lt/bodygt This tag includes all
  content which is to be developed in the web
  browser. Most of the tags are included in this
  tag.

4
5
BASIC STRUCTURE OF HTML5
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• An attribute An attribute defines a

property for an element, consists of an
attribute/value, and appears within the element's
start tag. lt!Doctype htmlgt lthtmlgt ltheadgt lttitlegt
First Pagelt/titlegt lt/headgt ltbody bgcolor green
gt attribute value of attribute This is my first
web page lt/bodygt
lt/htmlgt
5
Execute Here
6
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
Defines a header for a document section.
Defines a container for navigation links.
Defines a section in a document
Defines content apart from the content (like a
sidebar). Defines an independent self-contained
article.
6 Defines a footer for a document or a
section. Click here for Example
7
FO R M S IN HTML 5
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• Forms in HTML is used to accept user input.
• Form controls are used to collect different kinds
  of user inputs, such as contact details like
  name, address, single or multiple options from
  group of options, as well as clearing and
  submitting data etc.
• Attributes used with form element and Input
  element.
• Name It specifies a name to a form.
• Action The action attribute specifies the path
  where the form is to be submitted.
• Method The method attribute specifies get or
  post method to be used when submitting the form
  data. Method of form are GET or POST.
• GET method GET method will pass the values via
  URL ,Passed values will be seen in Address
• bar.
• POST Method POST method will pass the values via
  HTTP request.

Passed valuesnot seen in Address bar. So it is a
secure method to submit sensitive
7
8
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
FO R MS IN HTML 5
Click to execute
8
9
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON ltform gt lth1gtSome form
elementslt/h1gt Select your favorite color ltinput
type"color" gt ltbrgt Enter your phone Number
ltinput type"Number" gt ltbrgt ltlabel
for"homepage"gtAdd your homepagelt/labelgt ltinput
type"url" id"homepage" name"homepage"gt ltbrgt ltin
put type"image" src"happy.jpg" alt"Submit"
width"100" height"100"gt ltbrgt ltlabel
for"birthday"gtBirthdaylt/labelgt ltinput
type"date" id"birthday" name"birthday"gt ltbrgt ltl
abel for"email"gtEnter your emaillt/labelgt ltinput
type"email" id"email" name"email"gt ltbrgt ltinput
type"submit" value"submit"gt lt/formgt
9
10
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
11
Input Restrictions
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON

• A list of some common input restrictions is given
  below, few of which can be used for validation
  purpose.

12
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• Some other useful attributes used with ltinputgt
  are-
• id This is used to identify the html element
  uniquely through the document object model.
• class It is used to apply CSS style to the
  individual input element.

13
1.3 ltmetagt tag
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• The meta tag is a tag in html that
  describes some aspects of contents of a webpage.
• The HTML ltmetagt tag is used by search engines to
  search information that is provided with
  the webpage.
• This is empty tag (singular tag) which carries
  information within its
• attributes.
• The ltmetagt tag is placed between the ltheadgtand
  lt/headgt tags.
• Metadata will not be displayed on the webpage.

14
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
15
lt!DOCTYPE htmlgt
lthtmlgt
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
ltheadgt lttitlegtmeta tag exampleslt/titlegt ltmeta
name "authors" content "Balbharti"gt ltmeta
name "description" content "Advance web
designing"gt ltmeta name "keywords" content
"html5, learn html5, list in html5"gt ltmeta
name"copyright" content " copyright Balbharti
All right Reserve"gt lt/headgt ltbodygt ltpgt Welcome to
HTML5 lt/pgt lt/bodygt lt/htmlgt
16
1.4 Cascading Style Sheets (CSS) in HTML5
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON

• CSS stands for Cascading Style Sheets.
• CSS describes how HTML elements are to be
  displayed on screen, paper, or in other media.
• It can control the layout of multiple web pages
  all at once.
• CSS allows you to control the look and feel
  of several pages by changing a single source.
• A CSS rule set contains
• a selector and
• a declaration block.

17
CSS Syntax
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• selector points to the HTML element you want to
  style.
• declaration block contains one or more
  declarations separated by semicolons.
  Declaration blocks are surrounded by curly
  braces.
• Declaration includes a CSS property name and a
  value, separated by a colon.
• Property is a type of attribute of HTML
  element. It could be color, border etc.
• Value Values are assigned to CSS properties. In
  the above example, value blue" is assigned to
  color property.

17
SelectorProperty1 value1 Property2 value2
18
CSS Syntax
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
19
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
20
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
21
Types of CSS
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• There are three methods of implementing styling
• Inline CSS - It uses the style
  attribute in the HTML start tag. Inline CSS is
  used to apply
• CSS on a single line or element.
• For example ltp style"colorblue"gtHello CSSlt/pgt
• Embedded stylesheet or internal CSS This is
  used to apply CSS on a single document or page.
  It can affect all the elements of the page. It is
  written inside the style tag within head section
  of html.For example ltstylegt h1color
  Redlt/stylegt
• External CSS The external style sheet is
  generally used when you want to make changes on
  multiple pages. It uses the ltlinkgt tag on every
  page and the ltlinkgt tag should be put inside the
  head section. The external css file should not
  contain any HTML tags ,open with any text editor
  it saved with .css extension.
• For example Style.css

h1colornavymargin-left20px ltlink
rel"stylesheet" href"style.css"gt
21
22
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
1. Inline CSS - It uses the style
attribute in CSS on a single line or
element. For example ltp style"color
blue"gtHello CSSlt/pgt
the HTML start tag. Inline CSS is used to apply
lt! DOCTYPE htmlgt lthtmlgt ltbodygt lth1
style"colorblue border 2px solid black
text-aligncenter"gt A Blue Heading lt/h1gt ltp
style"colorred"gtA red paragraph.lt/pgt
lt/bodygt lt/htmlgt
23
Internal CSS It is written inside the style tag
within head section of html. For example
ltstylegt h1color Redlt/stylegt
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
lt! DOCTYPE htmlgt lthtmlgt ltHeadgt ltstylegt
h1colorblue border 2px solid black
text-aligncenter p colorred
lt/stylegt lt/headgt ltbodygt lth1gt A Blue Heading
lt/h1gt ltpgt A red paragraph.lt/pgt
lt/bodygt lt/htmlgt
24
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
24
25
CSS Id Selector
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• The Id

selector selects the
id attribute of an HTML element to select

• a specific element.
• An id is always unique within the page so
  it is unique element. It is written with the
  hash character(), followed by the id name.

lt!DOCTYPE htmlgt lthtmlgt ltheadgt ltstylegt para1text-
align center color blue lt/stylegt lt/headgt ltbody
gt ltp id"para1"gtHello Studentslt/pgt ltpgtThis
paragraph will not be affected.lt/pgt
25
lt/bodygt lt/htmlgt
26
CSS Class Selector
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• The class selector
• It is used with a period character '.' (full stop
  symbol) followed by the class

selects HTML elements with a specific class
attribute.

• name.
• The Class selector is used when you want to
  change a group of elements within your HTML
  page. The class name should not start with number.

lt!DOCTYPE htmlgt lthtmlgt ltheadgt ltstylegt .introtext-
aligncentercolorblue lt/stylegtlt/headgt ltbodygt lth
1 class"intro"gtThis heading is blue and
center-aligned.lt/h1gt ltp class"intro"gtThis paragra
ph is blue and center-aligned.lt/pgt
6
2
lt/bodygt lt/htmlgt
27
Class Selector for specific element
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
affected
To specify only one specific HTML
element should be
then
you should use the element name with class
selector.
lt!DOCTYPE htmlgt lthtmlgt ltheadgt ltstylegt p.intro
text-align centercolor blue lt/stylegt
lt/headgt ltbodygt lth1 class"intro"gtThis heading is
not affectedlt/h1gt ltp class"intro"gtThis paragraph
is blue and center-aligned.lt/pgt
lt/bodygt lt/htmlgt
28
Universal Selector The universal selector is used
as a wildcard elements on the Webpages.
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON
It selects all the
character.
lt!DOCTYPE htmlgt lthtmlgt ltheadgt ltstylegt color
green font-size 20px lt/stylegt
lt/headgt ltbodygt This css style will be applied on
Entire Page lth2gtThis css is applied to Heading
2lt/h2gt ltp id"para1 gtit is applied to
first paragraphlt/pgt ltpgtAlso to second paragraph
!lt/pgt
lt/bodygt lt/htmlgt
29
Group Selector
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
with

• The grouping selector is used to select
  all the elements style definitions. It is used
  to minimize the code.
• Commas are used to separate each selector in
  grouping.
• H1,h2,p text-aligncentercolorblue

the same
.lt!DOCTYPE htmlgt lthtmlgt ltheadgt ltstylegt h1,h2,ptex
t-align center color blue lt/stylegt lt/headgt ltbo
dygt lth1gt Hello Heading 1lt/h1gt lth2gt Hello
Heading2(In smaller font)lt/h2gt ltpgt This is a
paragraph.lt/pgt lt/bodygt lt/htmlgt
29
30
Positioning in CSS
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• CSS helps to position the HTML elements.
• The position property is used to set position for

an element.

• The element can be positioned using the top,
  bottom, left and right properties.
• Syntax
• Selector positionvalue topvalue leftvalue
  bottomvalue rightvalue
• Where values in positions are static ,fixed,
  absolute, relative and values of top, bottom,
  left, right are in pixels
• There are four types of positioning in CSS-

1. Static Positioning
2. Fixed Positioning
3. Relative Positioning
4. Absolute Positioning

30
31
Positioning in CSS
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• Static Positioning This is a by- default position
  for HTML elements. It is not affected by the
  top, bottom, left and right properties.
• Fixed Positioning This property helps to put
  the text fixed on the browser. The FIXED
  property forces an element into a fixed position
  relative to the browser window. The fixed element
  will not move, even when the page is scrolled.
• lt!DOCTYPE htmlgt
• lthtmlgt
• ltheadgtltstylegt p.fixedposition fixed top 50px
  right 5px color blue
• lt/stylegtlt/headgt
• ltbodygt
• ltpgtThis is paragraph 1lt/pgt
• ltpgtThis is paragraph 2lt/pgt

ltpgtThis is paragraph 3lt/pgt ltp class"fixed"gtThis
is fixed positioned text.lt/pgt lt/bodygtlt/htmlgt
31
32
Positioning in CSS
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
3. Relative Positioning The relative
positioning property is used to set the

• element relative to its normal position.
• 4. Absolute Positioning This property sets an
  element in a specific location and it is not
  affected by the flow of the page. This property
  positions the element at the specified
  coordinates relative to your screen top-left
  corner.
• lt!DOCTYPE htmlgt
• lthtmlgt
• ltheadgt
• ltstylegt
• .firstposition relativetop-10px
  right-10px h2position absolute
  left100pxtop150px
• lt/stylegt
• ltbodygt
• lth1 class"first"gtThis is heading 1lt/h1gt
• lth2gtThis is heading 2lt/h2gt

32
lt/bodygt lt/htmlgt
33
Float Property in CSS
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
float

• Float is a CSS property written in CSS file or
  directly in the style of an element. The
• property defines the flow of content.
• Following are the types of floating
  properties
• float left This keeps the element float on
  left side of the container
• float right This keeps the element float on
  right side of container

3. float none This is default
property lt!DOCTYPE htmlgt lthtmlgtltheadgt lttitlegtFloat
Examplelt/titlegt ltstylegt
i.e. this shows the element as it is.
.float-leftfloatleftfont-size20pxbackground-c
olorgold .float-rightfloat right font-size20
pxbackground-colorgold lt/stylegtlt/headgtltbodygt lth
2 class"float-left"gtBalbharatilt/h2gt ltpgtThis text
rearranges itself to flow around the element that
is floated left.lt/pgt lth2 class"float-right"gtBalbh
aratilt/h2gt ltpgtThis text rearranges itself to flow
around the element that is floated right.
lt/pgt lt/bodygt lt/htmlgt
33
34
Display property
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON
hyperlink, heading,

• The Display property in CSS defines
  how the components (div,

• etc) are going to be placed on the web page.
• It specifies how the element is displayed. this
  property is used to define the display of
  different parts of a web page.

Syntax
Display value

• Where values are
• Inline It is used to display an element as an
  inline element.
• Block It is used to display an element as an
  block element. takes up the whole width of the
  browser window.

It starts on a new line, and

• Block-inline This value is very similar to
  inline element but the difference is that you are
• able to set the width and height.
• None The element is completely removed.

35
Display property
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
lt!DOCTYPE htmlgt lthtmlgt ltheadgt ltstylegt p
display inline lt/stylegt lt/headgt ltbodygt ltpgtwe
lcome to balbhartilt/pgt ltpgtJavascriptlt/pgt ltpgtHTML5lt
/pgt ltpgtCSSlt/pgtlt/bodygtlt/htmlgt
36
Display property
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
lt!DOCTYPE htmlgt lthtml lang"en"gt ltheadgt lttitlegtExa
mple of CSS displaylt/titlegt ltstyle
type"text/css"gt a display block
background-colororange lt/stylegt lt/headgt ltbodygt
ltpgt lta href"https//www.ebalbharti.in" gt Visit
balbhartilt/agt ltbrgt lt/pgtlt/bodygt lt/htmlgt
37
Ordered list or numbered list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• The ltolgt tag defines an ordered list. An ordered
  list can be numerical or
• alphabetical.

38
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• Ordered list or numbered list
• The ltolgt tag defines an ordered list. An ordered
  list can be numerical or
• alphabetical.

lt!DOCTYPE htmlgt lthtmlgt ltbodygt lth3gtList of Topics
in reverse sequencelt/h3gt ltol reversedgt ltligt
Basics of IT lt/ligt ltligt HTML 5 lt/ligt ltligt
PostgreSQLlt/ligt lt/olgt lt/bodygt lt/htmlgt
38
39
Ordered list or numbered list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• The ltolgt tag defines an ordered list. An ordered
  list can be numerical or alphabetical.

lt!DOCTYPE htmlgt lthtmlgtltbodygt lth3gtList of
Topicslt/h3gt ltolgt ltligt Basics of ITlt/ligt ltligt HTML
5 lt/ligt ltligt PostgreSQL lt/ligt lt/olgt lth3gtList of
Topics start with series 50lt/h3gt ltol
start"50"gt ltligt Basics of ITlt/ligt ltligt HTML 5
lt/ligt ltligt PostgreSQL lt/ligt lt/olgtlt/bodygtlt/htmlgt
39
40
1.6 Unordered list or bulleted list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON

• An unordered list created using the
• ltulgt tag, and each list item starts with the
  ltligt tag. The list items in
• unordered lists are marked with bullets (small
  black circles), by default.

lt!DOCTYPE htmlgt lthtmlgt ltheadgt lttitlegtExample of
HTML Unordered Listlt/titlegt lt/headgt ltbodygt lth3gtHTM
LUnordered Listlt/h3gt ltulgt ltligtBasics of
ITlt/ligt ltligtHTML 5lt/ligt ltligtPostgreSQLlt/ligt lt/ulgtlt
/bodygtlt/htmlgt
40
41
1.6 Unordered list or bulleted list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON
Note HTML5 does not support bullets, circle and
square value of type attribute instead you use
CSS style.
41
42
1.6 Unordered list or bulleted list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• An unordered list created using the
• ltulgt tag, and each list item starts

with the ltligt tag. The list items in
unordered lists are marked with bullets (small
black circles), by default.
lt!DOCTYPE htmlgt lthtmlgt ltheadgt lttitlegtExample of
HTML Unordered Listlt/titlegt lt/headgt ltbodygt lth3gtHTM
LUnordered Listlt/h3gt ltulgt ltligtBasics of
ITlt/ligt ltligtHTML 5lt/ligt ltligtPostgreSQLlt/ligt lt/ulgtlt
/bodygtlt/htmlgt
42
43
1.7 Definition list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON

• To define a definition list ltdlgt tag is used. You
  can create items in definition list with the
  ltdtgt and ltddgt tags. The ltdtgt tag is used to
  define the term whereas the ltddgttag is used to
  define the terms definition.

lt!DOCTYPE htmlgt lthtmlgt ltheadgt lttitlegtdefinition
Listlt/titlegt lt/headgt ltbodygt lth3gtExample of HTML
definition Listlt/h3gt ltdlgt ltdtgtltbgtWeblt/bgtlt/dtgt ltddgt
The part of the Internet that contains websites
and web pageslt/ddgt ltdtgtltbgtHTMLlt/bgtlt/dtgt ltddgtA
markup language for creating web
pageslt/ddgt ltdtgtltbgtCSSlt/bgtlt/dtgt ltddgtA technology
to make HTML look betterlt/ddgt lt/dlgt lt/bodygt lt/html
gt
43
44
1.7 Nested list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON
List within another list either order list or
unordered list is called nested list. Examples
Single level nested list
lt!DOCTYPE htmlgt lthtml gt ltheadgt lttitlegtExample of
HTML nested listlt/ titlegt lt/headgt ltbodygt lth3gtHTML
Nested Listlt/h3gt ltolgt ltligtIntroduction to
ITlt/ligt ltligtIntroduction to DBMSlt/ligt ltul
style"list-style-typecircle"gt ltligtDefinition of
DBMSlt/ligt ltligtapplications of DBMSlt/ligt ltligtAdvant
ages of DBMSlt/ligt lt/ulgt ltligtPostgresqllt/ligt lt/olgt
lt/bodygt lt/htmlgt
44
45
1.7 Nested list
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI
JR SCI COLLEGE JALGAON
Examples Multilevel nested list
lt!DOCTYPE htmlgt lthtml gt ltheadgt lttitlegtnested
listlt/titlegt lt/headgt ltbodygt lth3gt Multi-level list
Nested Listlt/h3gt ltulgt ltligtDaily
computinglt/ligt ltligtWeb designlt/ligt ltolgt ltligthtml
5lt/ligt ltligthyperlinklt/ligt ltligtInserting
Imageslt/ligt lt/olgt ltligtJavascriptlt/ligt ltul
style"list-style-typecircle"gt ltligtconditional
structurelt/ligt ltul style"list-style-typesquare"gt
ltligtIf statmentlt/ligt ltligtIf else
statementlt/ligt ltligtcase statementlt/ligt lt/ulgt ltligtl
oop statementlt/ligt lt/ulgt lt/ulgt lt/bodygt lt/htmlgt
45
46
Prof. MISS AAFREEN SHAIKH CHHATRAPATI SHIVAJI JR
SCI COLLEGE JALGAON
T H AN K YO U
46