<!doctype html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content="
initial-scale
=
1
.0,
maximum-scale
=
1
.0,
user-scalable
=
no
">
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/metro/easyui.css"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/color.css"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/mobile.css"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/icon.css"
>
<
script
type
=
"text/javascript"
src
=
"jquery.min.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"jquery.easyui.min.js"
>
</
script
>
<
script
type
=
"text/javascript"
src
=
"jquery.easyui.mobile.js"
>
</
script
>
<
style
>
.tab-class {
padding-top: 6px;
position: relative;
display: inline-block;
line-height: 12px;
}
p {
line-height: 150%;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"easyui-navpanel"
>
<
header
>
<
div
class
=
"m-toolbar"
>
<
span
class
=
"m-title"
>
Tab Badges
</
span
>
</
div
>
</
header
>
<
div
class
=
"easyui-tabs"
data-options= "tabHeight: 60,
fit: true, tabPosition: 'bottom', border: false,
pill: true, narrow: true, justified: true">
<
div
style
=
"padding:10px"
>
<
div
id
=
"htmlDiv"
class
=
"panel-header tab-class"
>
<
img
src
=
'images/html.png'
width
=
"50px"
height
=
"50px"
/>
<
span
class
=
"m-badge"
>13</
span
>
</
div
>
<
p
>
HTML stands for HyperText Markup Language.
It is used to design web pages using a
markup language. HTML is the combination
of Hypertext and Markup language. Hypertext
defines the link between the web pages.
A markup language is used to define the
text document within tag which defines the
structure of web pages..
</
p
>
</
div
>
<
div
style
=
"padding:10px"
>
<
div
id
=
"cssDiv"
class
=
"panel-header tab-class"
>
<
img
src
=
'images/css.png'
width
=
"50px"
height
=
"50px"
/>
<
span
class
=
"m-badge"
>14</
span
>
</
div
>
<
p
>
Cascading Style Sheets, fondly referred to
as CSS, is a simply designed language
intended to simplify the process of making
web pages presentable. CSS allows you to
apply styles to web pages. More importantly,
CSS enables you to do this independent of
the HTML that makes up each web page.
</
p
>
</
div
>
<
div
style
=
"padding:10px"
>
<
div
id
=
"phpDiv"
class
=
"panel-header tab-class"
>
<
img
src
=
'images/php.jpg'
width
=
"50px"
height
=
"50px"
/ />
<
span
class
=
"m-badge"
>15</
span
>
</
div
>
<
p
>
The term PHP is an acronym for PHP:
Hypertext Preprocessor. PHP is a server-side
scripting language designed specifically
for web development. PHP can be easily
embedded in HTML files and HTML codes can
also be written in a PHP file.
</
p
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>