Scribd
Upload
30K views11 pages

HSC ICT Chapter 4 (Tag & Important Things)

1. The document discusses different components of websites including URLs, domain names, IP addresses, and website structures. 2. It explains how URLs contain the web protocol, domain name, server directory, and file path. Domain names are used instead of IP addresses for ease of use. 3. Websites can be static or dynamic. Static websites contain fixed webpages while dynamic websites have webpages that are generated on-the-fly.

Uploaded by

Srijon Sharma
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
30K views11 pages

HSC ICT Chapter 4 (Tag & Important Things)

1. The document discusses different components of websites including URLs, domain names, IP addresses, and website structures. 2. It explains how URLs contain the web protocol, domain name, server directory, and file path. Domain names are used instead of IP addresses for ease of use. 3. Websites can be static or dynamic. Static websites contain fixed webpages while dynamic websites have webpages that are generated on-the-fly.

Uploaded by

Srijon Sharma
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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: [email protected]”>
Mail Link <a herf=“mailto:..”>......</a> [email protected]
' ' [email protected] </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