Download as pdf or txt
Download as pdf or txt
You are on page 1of 11

Website


 !"#
 $ %" & # ' " ( )* (Uniform Rresource Locator) Web
Address
 @# ABBA C *DE

World Wide Web (www)


 www G %H ! %" & I J D D' $ K
 L M JN world wide web
 P E Q K D J " ' " ABRB S" M & #" # world
wide web T %

IP Address
 $ W # X) ( ( IP Address IP Address Y K" T Internet Protocol
Address
 # IP Address ) J IP Address %" * %" Z' [\
 $ % " -4(IPV4)- IP Address D ` ) ( 32bit ' Q #* D` (
# J, IPV4- IP Address 32bit IPV4 d.f dfg ( h i # IPV6 @# k
128bit IPV6 Z Z ( h i

Domain Name
 IP Address #" ' p ' ' # Domain Name
 Domain Name q# # rK # DNS
 Domain Name J! %
 IP Address & # '
o % t% D % D
1.
2. u

G # ) K
.com !" "v K ' #w www.google.com
.gov D% " $ - x #w www.nctb.gov.bd
.mil - " ' www.usnavy.mil
J y#
.net " %" www.bangla.net
.org D" ! www.bccbd.org
.int *z " # J{ www.un.int
u

u ! u ! u !
.ar * "$ .id | ! .pk M
.au • .in € .sa • *
.bd J ! .jp .th '€
.bt % .lk „ … .tr # " # †
.cn S .my ! .uk W '
.eg .nl '€ .us W x
URL
 Website ( URL
 URL 4 J! %W
1. (Web Protocol)
2. %" (Web Server Name) / (Domain Name)
3. %" p (Server Directory Name) / p (Directory Path)
4. \
Example:
https: // www.rafkhata.com /home /faq
Protocol Domain Name Directory File
Path
(

 ( Y # # % D %W -
1. Y
2. Y
3. ) -

% (Types of Website)

 D( @ S •' ) %‘ K# t% D % D ’-
1. E' E' (Static Webpage or Static Website)
2. (Dynamic Webpage or Dynamic Website)
 { ) %‘ K# t% D % D ’-
1. (Local Webpage or Website)
2. (Remote Webpage Website)
 ( ) %‘ K# t% D % D ’-
1. ' Z (Hierarchical or Tree structure)
2. " J (Network or Web Linked structure)
3. [ (Linear or Sequence Structure)
4. ” • ! (Hybrid or Combination Structure)
E' E' (Static Webpage or Static Website):

 / Y " @# G# k# ' !" / E' /

 E' J S #"
 HTML ' E' / @#
 E' / \ "# J! "htm" "html"

(Dynamic Webpage or Dynamic Website):

 * # ' !" "v #"# # ' !" /


 / W
 K# PHP, ASP, JSP ' / @#
 / \ "# J! "php" "asp" "jsp"

(Local Webpage or Website):


Website):
 K# š X) %" J yK J "› % p ' Q
/
 K / ' ' $ J D
(Remote Webpage or Website):
Website):
 Y #" X) / %" J y# Q
 K ” ) J- ' Web Address T ' › URL
 K / ' ' $ J D

' Z (Hierarchical or Tree structure)


 Q !&- !& # ' Z (
 , ' ' J
 ` ` #w " #w ,† , , 'J , , L ' %H ' #w

S•-A S•-t S•-f

S•-d S•-• S•-C

" J (Network or Web Linked structure)


 ( # Q J # " (

S•-A S•-t

[ (Linear or Sequence Structure)


 Q œ • S ( • S

S•-A S•-t
” • ! (Hybrid or Combination Structure)

 • S ' G# ” • ! P • S

Tag
 Tag t ’
1. Content Tag
2. Empty Tag

Content Tag:
Tag: ' D J ž J 'D # Content Tag - <p>…</p>
Empty Tag:
Tag: ' D¢ J 'D # Empty Tag - <br>

HTML K

 ABBg " %£ T
 ABBg NCSA #G" % G# ”) ' HTML S# %
 W3C #G" HTML % G# % " # &’

# & % "
, ABB¤ HTML3.2
• , ABB¤ HTML4.2
tgAg HTML5

HTML ’

1. HTML % £ !& \ J
2. ) € ¦ J K ”) "
3. \ " , , % J ' ! W
4. ) ¦€ N J X " K ' !& #
5. HTML @# yK yK J*

HTML ’

1. K @# ' &#
2. ¢ • E' J § @#
HTML ‘ ' { & " ` & S # G #
Basic Tags ( HTML ' )
<!DOCTYPE html>
<html>
<head>
<title>……</title>
</head>
<body>
…………………………………………................................. ( & & # " !# ) ………………………………………............................................
.........……………………………………………………………………………………………………………………………………………………………………………………………………….….
</body>
</html>
Text Tag ' ’

Tag ' ) K \ \
<p>……</p> ' N\ !" '
Paragraph

<h1>……</h1> `
<h2>……</h2>
Header / <h3>……</h3> / J !"
Heading <h4>……</h4> '
<h5>……</h5>
<h6>……</h6> k
© # '
Bolded Text <b>……</b> <b>BOLD</b> BOLD

# '
Italicized Text <i>……</i> <b>ITA</i> ITA

& D* #
Deleted Text <del>……</del> <del>del</del> Del
'
\« f
Big Text <big>……</big> & 1 ` <big>Big</big> Big
# '
\« f
Small Text <small>……</small> & 1 k <small>Small</small> Sm
# '
& S #
Subscript <sub>……</sub> H<sub>2</sub>O H2 O
'
& ) )( #
Superscript <sup>……</sup> a<sup>2</sup> a2
'
… Add ' <a
Hyperlink <a herf=“..” >......</a> herf=:“https://www.google.com”> Google
' Google </a>
… Add <a herf=“mailto: mail@mail.com”>
Mail Link <a herf=“mailto:..”>......</a> mail@mail.com
' ' mail@mail.com </a>
& A S # This
Break <br> This <br> This
' ¬# This
<img src=“”>
<img src=“” alt=“”> k Add ' <img src=“pic.jpg”>
Image k " !#
<img src=“” height= “” width= '
“”>
%H \$ '
Font <font>…</font> 6 &
' ¬#
E '
List Item <li>…</li> * ' '

<ol>
Order List <ol>…</ol> E @# # ' ¬# 1.Head master
<li>Head master</li>
<li>Asst. Head master</li> 2.Asst. Head
</ol> master
<ul> • 1
<li>1</li> • 2
Unorder List <ul>…</ul> E @# # ' ¬# <li>2</li>
</ul>
P ! ' ¬#
Marquee <marquee>…</marquee>

\$ ' Z ) (Font Attributes)

'Z ) % & ) h!' ) K \ \


<font size= & " K #
Size= “Number” <font size= “8”>This</font> This
“..”>.....</font> '
\« f
<font size=
Size= “+Number” & Gq # <font size= “+2”>This</font> This
“+..”>.....</font>
'
\« f
Size= <font size= “-
& # #
This

<font size=“-1”>This</font> This


“-Number” ..”>.....</font>
'
\$ " K #
' (
face= “face- <font face= “face-
X) / ' <font face= “Afterglow”>This<font> This
name” name”>…<font>
Code & ¯
' # )

<font color=“rgb(00,00,00)”>This<font>
color=“color- <font color=“color- " K #
value (rgb or value(rgb or (HEX This
HEX code)” code)”>…<font> '

<font color=“#000000>This<font>

color=“color- <font color=“color- " K #


<font color=“Black”>This<font> This
name” name”>…<font> '

* " E ' Z ) (Order Attributes)

' Z ) % & ) h!' ) K \ \


<ul type=“disk”>
Disk <li> One </li> • One
(Default) <li> Two </li> • Two
</ol>
<ul type=“..”> <ul type=“circle”>
<li> ... </li> " K <li> One </li> o One
Type circle
<li> ... </li> ' ¬# <li> Two </li> o Two
</ul> </ol>
<ul type=“square”>
square <li> One </li>  One
<li> Two </li>  Two
</ol>
" E ' Z ) (Order Attributes)

' Z ) % & ) h!' ) K \ \


<ol type=“A”>
<li> One </li> A. One
A
<li> Two </li> B. Two
<ol type=“..”>
" K </ol>
<li> ... </li>
Type <ol type=“a”>
<li> ... </li> ' ¬# <li> One </li> a. One
</ol> a
<li> Two </li> b. Two
</ol>
1 (Default) <ol type=“1”> 1. One
<li> One </li> 2. Two
<li> Two </li>
</ol>
<ol type=“I”>
<li> One </li> I. One
I
<li> Two </li> II. Two
</ol>
<ol type=“i”>
i <li> One </li> i. One
<li> Two </li> ii. Two
</ol>
<ol type=“A”
Start=“5”>
E. One
A <li> One </li>
F. Two
<li> Two </li>
</ol>
<ol type=“a”
Start=“5”>
e. One
a <li> One </li>
f. Two
<li> Two </li>
</ol>
<ol type=“..” <ol type=“1”
Start=“..”> ¢° Start=“5”>
5. One
Start <li> ... </li> 1 (Default) # " K <li> One </li>
6. Two
<li> ... </li> ' ¬# <li> Two </li>
</ol> </ol>
<ol type=“I”
Start=“5”>
V. One
I <li> One </li>
VI. Two
<li> Two </li>
</ol>
i <ol type=“i”
Start=“5”>
v. One
<li> One </li>
vi. Two
<li> Two </li>
</ol>

Table ' 'D

Tag '
Table <table>……</table> Add # ' ¬#
Caption <caption>……</caption> ' ! & # ' ¬#
Table Row <tr>……</tr>
Table Header <th>……</th> ) { # ' ¬#
Table Data <td>……</td>
( k` ' Tag ' ¬# )

' Z ) (Table Attributes)

'Z ) % & '

Border <table border=“..”> " * '


$ ' \´ { " K
Cell Padding <table cellpadding=“..”>
' ¬#
Cell Spacing <table cellspacing=“..”> Q ' \´ { " K ' ¬#
& t D
Colspan <table colspan=“..”>
& #& ' ¬#
& t D &
Rowspan <table rowspan=“..”> Page 7
#& ' ¬#
Marquee Tag Attributes

' Z ) %' K
P ! ' !µ J #
scroll
( \« scroll)
P ' ! " I!"
behavior slide

P ! !
Alternate
k \ #
P , , S, ) µ J
direction Left, right, up, down
( \« Left)
align Top, middle, bottom Marquee P {
Marquee P # * #" #
loop J&'
· " K
# € * #" # " K
scrolldelay J&'

# D# # µ # P ·
scrollamount J&'
" K
Marquee P ) ) & µ
onmouseover this.stop()/start()
¶/¢°
Marquee P ) ) ž
onclick this.stop()/start()
µ ¶/¢°

Special Character

Character Entity Number Entity Name Description


& &#38; &amp; Ampersand
< &#60; &lt; Less-than
> &#62; &gt; Greater-than
£ &#163; &pound; Pound
© &#169; &copy; Copyright
® &#174; &reg; Registered
trademark
× &#215; &times; Multiplication
/ &#960; &pi; Pi
Practice

Hi Everyone *k?
*k?
ICT is so easy (m-n)2 * J %
Football CH4 A quick brown fox jumps Cricket
Sports Lover over the lazy dog Book Lover

Logo1.jpg Logo2.jpg Logo3.jpg


Barishal Zilla School Barishal Government Women's Government Brojomohun
College College, Barishal
1853 1957 1889
a a a

Boys Girls Boys + Girls


a a a

Names of Animals
Bear Camel
Donkey Rabbit Deer
a
Fox
Elephant
Pig Porcupine

ICT Easy
1. Shosi • Anika
2. Orny • Soyle
Learn ICT With Easy Technique
ICT is so easy. I love to visit
ICT is so easy. different places

This is book.
I love Bangladesh.
A quick brown fox jumps over the lazy dog.
MgCl2
(a+b)2

Book Pen
Dog Cat
H2O \ m2+n2
S `# Google Yahoo
Practice
A quick brown fox
over the
jump lazy
dog
Love.png
I my country
300 × 150

You might also like