ISBN :
Managing Director- Bookbd
Senior Developer -South Asian ICT
Senior Developer, South Asian ICT
wbe`K eyKwewW
www.bookbd.info
facebook.com/ebookbd
facebook.com/groups/bookbd
HTML)
(HTML)
HTML
HTML
HTML
HTML
(Comments)
(Comments)
Heading ( ) Elements
Paragraph () Element
()
() Element
Font () Element
Font
color
face
size
HTML Presentational Elements
Bold Element
Italic Element
Underline Element
Elements
Element
Element
Element
Element
Element
Element
List
Ordered List (ol)
type
start
Unordered List (ul)
type
Definition List (, & )
Nesting Lists
(HTML Links)
href
Declare
Javascript Declare........................................................
Key word
Arithmetic operator
Assignment operator
Comparision logical operator
if if
Nested if
if.else
if..else if..else) Switch
for loop while loop
do..while
Break Break
Continue
Continue syntax..................................................................... Continue
(Concatenation)..............................
...................................
Array
Array
Date()
(onClick)
Double click
Onkey)
onMouseMove
(onLoad)
(onunLoad)
ONCHANGE
OnError)
onFocus
(onSelect)
(Form)
alphabets
alphabets
window.open()
window.close()
window.print()
window.find()
onmouseover
World Clock
Interactive
Interactive
Interactive
Lightweight Programming
Language Object based internet programming language
Object based internet programming language
Netscape Navigator Microsoft Internet Explorer Firefox Safari Opera Google Chrome
Brendan Eich Netscape
Mocha
LiveScript LiveScript JavaScript
Lightweight
JDK (Java Development Kit)
Virtual Machine Interpreter
Syntax
HTML mix
Text editor Notepad
Hottest
User friendly
Secure
start
start
All Programs
All Programs
Accessories Accessories
Accessories
Notepad Notepad Notepad
Notepad
Notepad
Untitled Notepad
File
Save As
File Save As
Save AS
Save AS
File name Save as type
All Files Save
Save
firstjavascript (firstjavascript.html )
Notepad
Mozila Firefox Internet Explorer open address
localhost/firstjavascript.html ( localhost/
) enter press
Enter Press
XAMPP XAMPP
XAMPP
XAMPP
open
XAMPP open
XAMPP open
XAMPP open
Apache MySql Start Apache MySql
Start
Apache MySql Start
Computer C XAMPP
XAMPP
XAMPP
XAMPP
htdocs open
htdocs open
htdocs open
htdocs open
New
Text Document Text Document Create
Text Document
Text Document
Text Document
New Text Document Text Document Text
Document
Text Document
New Text Document
New Text Document
New Text Document Notepad
File
Save As
File Save As
Save AS
Save AS
File name Save as type
All Files Save
Save
firstjavascript
Notepad
Mozila Firefox or Internet Explorer open address
localhost/firstjavascript.html localhost/
) enter press
2.1.26-Enter Press
HTML)
(HyperText Markup Language)
(HTML)
Hyper : HTML "Hyper"
Text : Text
Markup : Markup.
Language :
HTML (Markup Language), XML (Markup Language), PHP
(Programming Language)
HTML
HTML
ASCII (American Standard Code for Information Interchange)
HTML HTML
HTML HTML
HTML
CSS (Cascading Style Sheet)
CSS
(PHP, JAVA, JavaScript )
HTML
HTML.
Web Design/Development
HTML.
HTML HTML
HTML
HTML
HTML
HTML html
(html html
html head
body head
head body
body
HTML
Start Run
Start Run
Window R)
Window key + R
Open "notepad" Ok
notepad OK
HTML
HTML
This is my first HTML Program ;)
Hellow World !!
p1.html) HTML
Notepad HTML
HTML File Save As...
File Save As...
.html
File name
html html
HTML " ")
" ") "_")
Save as type All Files
Save as type All Files
Save
Save
Open With
Internet Explorer, Mozilla Firefox, Google Chrome, Opera
HTML
HTML
HTML html
(html
head ( ) body
This is my first HTML Program ;)
This is my first HTML Program ;)
Title
Hellow World!!
HTML " Hellow
World !! "
This is my first HTML Program;)
Hellow World !!
(Comments):
(Comments)
(!--)
This is a comment. The Comment line (s) w. . .
Heading ( ) Elements
( )
h1 (Heading 1) h2 (Heading 2)
h3 (Heading 3)
h4 (Heading 4)
h5 (Heading 5)
h6 (Heading 6)
Heading 1 ()
The example of Heading Elements
This is Heading 1 The largest one
This is Heading 2 The larger one
This is Heading 3 Larger than (h4,h5 & h6)
This is Heading 4 Smaller than (h3)
This is Heading 5 Larger than (h6)
This is Heading 6 The smallest one
(p2.html)
( )
( ) "This is Heading 1 The largest one"
( ) "This is
Heading 2 The larger one"
Paragraph () Element
The example of Paragraph Element
Paragraph Element
This is a paragraph. This is a paragraph. This is a paragraph. This is a
paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a
paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a
paragraph. This is a paragraph.
p3.html) Paragraph
()
()HTML
(White Space Collapsing)
Use of Non-Breaking Space
White Space Collapsing!
The browser will show only one space
instead of using extra spaces in HTML Editor.
The browser will show only one space
instead of using extra spaces in HTML Editor. The
browser will show only one space instead of using
extra spaces in HTML Editor.
p4.html)
()
HTML Entity Entity
Use of Non-Breaking Space
Non-Breaking Space Entity!
The Non-Breaking Space Entity creates extra space for displaying in
webpages.
The Non Breaking
Space.
p5.html)
()
() Element
Enter
p6.html)
()
Use of Line Break Element
Poem Writing using Line Break Element!
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
p7.html)
Font () Element
Font
Font
color
Value :
color value/ Color
1. Color name "green,red,yellow");
2. RGB (Red, Greeen & Blue) Code-RGB rgb(0,0,0)
3. Hex (Hexadecimal) "#0000FF"
color
Hex_Code
Use of Color Attribute in HTML Font Element
Set Text/Font Color using Hex_Code!
This Font/Text will be displayed as Orange Color.
This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color.
This Font/Text will be displayed as Orange Color.
(p8.html) color
Orange ( Hex_Code "#FFA500"
color
Color_Name
Use of Color Attribute in HTML Font Element
Set Text/Font Color using Color_Name!
This Font/Text will be displayed as Orange Color. This
Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color.
(p9.html) color
Orange ( Color_Name "Orange"
color
face
Arial, Calbiri, Courier, Times New Roman
Value :
face value/
face
Use of Face Attribute in Font Element
Set different types of Fonts using Face Attribute !
This is a paragraph, shown in the Times New Roman font.
(p10.html) face
"Times New Roman"
face
Use of Face Attribute in Font Element
Set different types of Fonts using Face Attribute !
This is a paragraph, shown in the Arial font.
(p11.html) face
"Arial"
face
size
Value :
size value/ 12 .
size
Use of Size Attribute in Font Element
Set Fonts Size using Size Attribute !
This line should be displayed larger than normal size.
(p12.html) size
+2
face
Use of Size Attribute in Font Element
Set Fonts Size using Size Attribute !
This line should be displayed smaller than normal
size.
(p13.html) size
-1
size
HTML Presentational Elements:
Presentational Elements
Bold Element:
Use of HTML Presentational Elements!
Bold Element
This line should be displayed as bold
(p14.html)
( )
Italic Element:
Use of HTML Presentational Elements!
Underline Element:
Use of HTML Presentational Elements!
Underline Element
The following word would be Underlined
(p16.html)
( ) (Underlined)
Elements:
Strikethrough
Use of HTML Presentational Elements!
Strikethrough Elements
These Elements are not available in HTML 5 version
These Elements are not available in HTML 5 version
(p17.html)
( ) ( )
(available)
Element: TeleType tt.
Use of HTML Presentational Elements!
TeleType Element
The following word would be TeleTyped
(p18.html)
( ) (TeleTyped)
Element: Superscript sup.
Use of HTML Presentational Elements!
Superscript Element
This Book written on the 15th March.
(p19.html)
() (th)
Element: Subscript sub.
Use of HTML Presentational Elements!
Subscript Element
The EPR paradox< sub >2< /sub > was devised by Einstein, Podolsky, and
Rosen.
(p20.html)
() (2)
Element:
Use of HTML Presentational Elements!
Big Element
The following word should be bigger than those around it.
(p21.html)
() (bigger)
Element:
Use of HTML Presentational Elements!
Small Element
The following word should be smaller than those around it.
(p22.html)
() (smaller)
Element: Horizontal hr.
Use of HTML Presentational Elements!
HR Element
HTML
HTML is a language for describing web pages.
CSS
CSS defines how to display HTML elements.
(p23.html)
HTML is a language for describing web pages.
List
Unordered List (
Ordered List (
Definition List ( )
, ,
Ordered List (ol)
Use of HTML Lists!
Ordered List Element
Point number one
Point number two
Point number three
(p24.html)
Use of HTML Lists!
Ordered List Element
Web Design
Web Development
Web Programming
(p25.html)
type
type
type
1 (
A ( )
a ( )
I
i ( )
type
Use of HTML Lists!
Type Attribute Ordered List Element
Web Design
Web Development
Web Programming
(p27.html)
type
type
Use of HTML Lists!
Type Attribute in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
Zimbabwe
(p28.html)
type
type
Use of HTML Lists!
Type Attribute in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
Zimbabwe
(p29.html)
type
type
Use of HTML Lists!
Type Attribute in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p30.html)
type
type
start 1,a,A,i I)
start
start
number
3 number 3
Use of HTML Lists!
Type and Start Attributes in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p31.html)
type
start 3
3
type start
Use of HTML Lists!
Type and Start Attributes in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p32.html)
type
start 3
C
type start
Use of HTML Lists!
Type and Start Attributes in Ordered List
Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p33.html)
type
start 5
e
type start
Use of HTML Lists!
Type and Start Attributes in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p34.html)
type
start 5
V
type start
Use of HTML Lists!
Type and Start Attributes in Ordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p35.html)
type
start 4
iv
type start
Unordered List (ul)
Use of HTML Lists!
Unordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p36.html)
type
type
type
disc (disc )
square (square/
circle (circle/
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p37.html) type
type disc
type
Use of HTML Lists!
Type Attribute in Unordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p38.html) type
type square
type
Use of HTML Lists!
Type Attribute in Unordered List Element
Bangladesh
India
Pakistan
Australia
South Africa
Newzealand
England
(p39.html) type
type circle
type
Definition List (, & )
Definition List Defininition
List
Definition Term .
Use of HTML Lists!
Definition List Element
Unordered List
A list of bullet points.
Ordered List
An ordered list of points, such as a numbered set of steps.
Definition List < /dt >
A list of terms and definitions.
(p40.html) Definition List
Definition List Definition
Term
,
Use of HTML Lists!
Definition List Element
HTML
HTML is a Markup Language.
CSS
CSS stands for Cascading Style Sheet
PHP < /dt>
PHP is a Server-Side Scripting Language
(p41.html) Definition List
Definition List Definition
Term
,
Nesting Lists:
Use of HTML Lists!
Nesting List
Dhaka
Munshiganj
Narayangonj
Rajshahi
Barisal
Chittagong
Khulna
Rongpur
(p42.html)
Dhaka
Mungshiganj Narayangonj
Munshiganj Narayangonj Dhaka
Dhaka
Dhaka
(Narayangonj)
Narayangonj
Rongpur
01712901842 Email: [email protected]
www.bookbd.info