Sie sind auf Seite 1von 22

 

 HTML

   :   

www.voiceofsindh.net

Page:

1 of 22

 
 HTML

www.voiceofsindh.net

 
HTML = Hyper Text Markup Language
.
" !  #$ % (& ' & HTML
>
678 *+ &9 &;< 5  =  (& 45 3  /0/1 ,( : *+
.&

<html>
:@
> Grater Than
< Less Than
.&
678 A &9 &B C &( #$ : A
>
.&
678 D0! + &9 &
6<5 5 E ,(  A &( #$ : D0! +

A

D0! +

F"

   :   

Page:

2 of 22

 
 HTML

www.voiceofsindh.net

E  H( .


6! " A$ E & ' &( G+ &!  A$ E : A$ E
D! J KL M/  I! +  
/ &<5 *+  A$
.&7U   QRS, TE/0E D! J &(  N  <5 /P  &5 E (
Index.html

./  / &<5 &<5 & A$ E D! J /P 

   :   

Page:

3 of 22

 
 HTML

www.voiceofsindh.net

 &X  .&  V" D! J &(  /P  W$ 9 M/  &9 D! J 


./ $ D! J  / YQ D"F &9 D! J

   :   

Page:

4 of 22

 
 HTML

www.voiceofsindh.net

M/ $&  (&  X  . QRS, TE/0E&  (


&9 _  $ N E/ &  DE] ^ / YQ &  \W[
(`   &  Q & A$ E  (&  QRS, TE/0E
. U `G &<5 _  ( $

   :   

Page:

5 of 22

 
 HTML

www.voiceofsindh.net

&  X 
ALT + Tab
`G &8 N" & A$ E N U `G &8 & QRS, TE/0E

. U
: W[ M/  & A$ E
Alt + F + S
:
Save

. W[ a] & QRS, TE/0E& 9  DU  & A$ E


F5
:
Refresh

   :   

Page:

6 of 22

 
 HTML

www.voiceofsindh.net

     



:  

HTML
Syntax: <html>
</html>
.&
<  5   0 ,( &
*+ /`$ &

HEAD
Syntax: <head>
</head>
.&
 U bc W[ &( A *+ &

TITLE
Syntax: <title>
text </title>
.&
 U bc W[ &( a<5 D0! + ( A *+ &

Body

Syntax: <body>
text
</body>
.&
 U bc W[ &( M/ T,Q &9 F" *+ &

BACK GROUND COLOR


Syntax: <body bgcolor="orange">
.&
 U bc W[ &( a] /Q Y" &( *+ &
   :   

Page:

7 of 22

 
 HTML

www.voiceofsindh.net

Body Back ground Image

Syntax: <body background="pic.jpg">


 U bc W[ &( a! d5 /B & AE!/1 Y" &( F" *+ &
.&

Insert the Picture


Syntax: <img src="pic.jpg" border=5 width=100 height=100>

&( /B   .&


 U bc W[ &( aX
/B N" *+ &
. U eG &<5 N" &  f/ &V`$ Kb 3 4! 

ALIGN

Syntax: <p align=right> Voice of Sindh </p>


*+ & W[ M/ T,Q & =  g 9   : & Kb N" 
.&
 U bc

Font Size
Syntax: <font size=5>

Voice of Sindh

</font>

.&
 U bc W[ &( M/ T 4!  &( /9* + &
.&
D <] ^ ,( .&
!  (7) 9 (1) 4!  &( 0EJ
   :   

Page:

:E

8 of 22

 
 HTML

Syntax:

www.voiceofsindh.net

Voice of Sindh

Voice of Sindh

Voice of Sindh

Voice of Sindh

Voice of Sindh

Voice of Sindh

Voice of Sindh

Font Color

<Font color="blue"> Voice of Sindh </font>

.&
 U bc W[ &( M/ T,Q /Q ( TEJ *+ &

Font face
Syntax:

<font face=" Monotype Corsiva">


Voice of Sindh
</font>

.&
 U bc W[ &( M/ T,Q D! 0 ( TEJ *+ &
*+ &! j, J Y ( _J TEJ 3 /Q 4!  TEJ) : E
. U `G &U bc N" 
5 23
:4
   :   

Page:

9 of 22

 
 HTML

www.voiceofsindh.net

<font size=7 color="green" face="Monotype Corsiva">


Ghulam Hyder Jamot
</font>

HADING
Syntax :

<H1>

Voice of Sindh

</h1>

W[ &( M/ T *EA &( TEJ /GE 4!  TEJ N" *+ &
.&
 U bc
.
D X  ^ &,(.
!  (6) 9 (1) *EA

:E
5 23
:4

Ghulam Hyder
Ghulam Hyder

1
2

Ghulam Hyder

Ghulam Hyder

Ghulam Hyder

Ghulam Hyder

MARQUEE
Syntax:

<marquee>

voice of sindh

</marquee>

.&
 U bc W[ &( K / *+ &
k
. U (] ^ &,( .
ISL (4) ( & /
\ 
   :   

: E

Page: 10 of 22

 
 HTML

www.voiceofsindh.net

MARQUEE DIRECTION
Syntax:

<marquee direction=up> Voice of sindh </marquee>

k
 U bc W[ &( T! 3 Tl5 !F * +( & / &
.&

MARQUEE BEHAVIOR ALTERNATE


Syntax:

<marquee behavior=alternate>
Voice of Sindh </marquee>

.&
 U bc W[ &( M/ T /k `"
\ \ *+ ( & / &

MARQUEE SCROLLAMOUNT
Syntax:

<marquee scrollamount=100>
Voice of Sindh </marquee>

bc W[ &( M/ T AR & (& / *+ ( & / &


.&
 U

Space
Syntax:

&nbsp;

&9   H,( .&


 U bc W[ &( a] _R& \
TS$ &$ &9  N &V /f &( _R \o 9 Y
./
   :   

Page: 11 of 22

 
 HTML

www.voiceofsindh.net

NEW PARAGRAPH

Syntax: <p>

./ bc* + DE] ^ W[ M/ bc /1/$ &7E

Break

Syntax: <br>

/q /1/$ E .&


 U bc W[ M+ &9 ![ *+ &
W[ &( M/ /0E* " " + & /G U / /0E /r Y
.&
 U bc

BOLD

Syntax: <b> texl </b>

.&
 U bc W[ &( M/ A5" &9 _,+ *+ &

ITALIC
Syntax: <i> text </t>

.&
 U bc W[ &( M/ Y5 +& \9 _,+ *+ &

UNDERLINE
Syntax: <u> text </u>
   :   

Page: 12 of 22

 
 HTML

www.voiceofsindh.net

.&
 U bc W[ &( a] ![ AE& 9 _,+ *+ &

PRECTICAL
<html>
<head>
<title>
voiceofsindh
</title>
</head>
<body bgcolor="green" text="yellow">
<p align=right>
<b> <i> <u>
Voice of Sindh
</u> </i> </b> </p>
<font size=7 color=red face=Monotype Corsiva>
Ghulam Hyder
</font>
<p>

   :   

Page: 13 of 22

 
 HTML

www.voiceofsindh.net

<font size=5>
<marquee bgcolor="black">

voice of sindh

</marquee>

<p>
<marquee direction=up bgcolor="red"> Voice of sindh
</marquee>
<p>
<marquee behavior=alternate bgcolor="blue"> Voice of Sindh
</marquee>
<p>
<marquee scrollamount=100 bgcolor="brown"> Voice of Sindh
</marquee>
<p>
</body>
</html
. ! E , &eVb &  E s" &9 D,0,/$   N &

j$ &9 `E  
DE] ^ *+ 4 W$ 9 aeVb &9 G+ `E
./ bc 3 eVb

Table
   :   

Page: 14 of 22

 
 HTML
Syntax:

<table border=3

www.voiceofsindh.net
bordercolor="red"> </table>

.&
DU t N" F "  `( .&
 U bc W[ &( a! " &9 D6+ *+ &

Table Row
Syntax:

<tr>

</tr>

.&
 U bc W[ &( a! " &9 (& D6+ *+ &

Table Data
Syntax:

<td>

</td>

.&
 U bc W[ &( a<5 0F  (& D6+ *+ &

Table Heading
Syntax:

<th>

</td>

.&
 U bc W[ &( *EA (& " 0F D6+ *+ &

PRECTICAL
<html>
<head>
<title>
voiceofsindh
</title>
</head>
   :   

Page: 15 of 22

 
 HTML

www.voiceofsindh.net

<body bgcolor="green" text="yellow">


<center>

<table border=3 bordercolor="red">


<tr bgcolor="pink">
<td>
<font size=6>
MARK SHEET
</font>
<td>
</tr>
</table>
<p>
<table border=3 bordercolor="white">
<tr>
<th> S.No
<th> Name
<th> English
<th> Sindhi
<th> Urdu
<th> Math
</tr>

</th>
</th>
</th>
</th>
</th>
</th>

<tr>
   :   

Page: 16 of 22

 
 HTML
<td> 01
<td> Aftab
<td> 90
<td> 89
<td> 78
<td> 100
</tr>
<tr>
<td> 02
<td> Jamot
<td> 87
<td> 82
<td> 70
<td> 91
</tr>
</table>

www.voiceofsindh.net

</td>
</td>
</td>
</td>
</td>
</td>

</td>
</td>
</td>
</td>
</td>
</td>

</center> </body>

</html>

&U vL 9 `E"& w" &  ,( . 7 ( a! " &9 D6+ *+ u &
. E ,8

.
DE] *+ 4 xV ^

Horizontal Rule
Syntax:

<hr>

.&
 U bc W[ &( a ] ![ &  Y *+ &

Size of HR
   :   

Page: 17 of 22

 
 HTML

www.voiceofsindh.net
Syntax:

<hr size=10>

.&
 U bc W[ &( M/ T 4!  &( ![ *+ &

No Shad in HR
Syntax:

<hr noshade>

.&
 U bc W[ &( a! 0 &9 &!  & At &( ![ * + &

Super Script
Syntax:

x<sup>2</sup>y

.&
 U bc W[ &(  C & T$/, /R *+ &

Sub Script
Syntax:

H<sub>2</sub>O

.&
 U bc W[ &(  y & T$/, % *+ &

>
(] ^ & .&
/f &( G+ ( W[ &( a! " J &X 
. U

Form
Syntax:

<form>

</form>

.&
 U bc W[ &( a! " J *+ &

   :   

Page: 18 of 22

 
 HTML

www.voiceofsindh.net

Text Box

Syntax:
Name : <input type="text" maxlength=25 size=15>

.eG &<5 5 E   (`  U &! " Nd( Y W[ &( a<5 &5 E *+ &
&9 4!  3 .&
  bc W[ &( (&  /9 z5 _,
.W[ 4!  &( _ "

Password

Syntax:
Password : <input type="Password" maxlength=6 size=15>

.&
 U bc W[ &( a! d5 F $ *+ &

Address
Syntax: Address
</textarea>

<textarea rows=3>

.&
 U bc W[ &( a! " / _ (& A* + &

Radio

Syntax:
Male : <input type="radio" checked name="r1">

.&
 U bc W[ &( M/ T,Q &9 {$
Y N" ` *+ &

Check Box
Syntax:
1. MS Office

<input type="checkbox">

   :   

Page: 19 of 22

 
 HTML

www.voiceofsindh.net

/ R9 &9  /c( Y| 9 Y  Y * (& ' &  + 


. U eG / T,Q {$

Select
Syntax:

<select>

</select>

.&
 U bc W[ &( a! "  *+ &

Option
Syntax:

<option> January </option>

  ,( .&


 U bc W[ &( M/ D}{ $
  *+ &
>
./ T,Q / YQ & & R9 {$
&9

Browse Button
Syntax:

<input type="file" Name="f1" size=15>

.&
 U bc W[ &( M/ o!/" &9 D! J N" ` *+ &

Hyper Link
Syntax:

<a href=Contack.html> Next

</a>

W[ &( a;&  E 
& #$ &7g 9 #$ Y & Y5 /R!  *+ &
.&
 U bc

   :   

Page: 20 of 22

www.voiceofsindh.net


HTML  

EFGH >BC >=<! 


         
#      ...
(' & 
>=< !    
,-, * 
    .   56 &4 *   3
3  8   .

Page: 21 of 22

    :   

 
 HTML

www.voiceofsindh.net

  &9  r &V`$ N &V &7& U &   a<5 9 /1 ! c $


.V
>
. eG &X
W[  Q(   g  K } &(  N V ! /! r  $
.V  N" &9  r  &V`$  ! YE &V`$

N<3FI EJGK 4M
Love4pk
Love4pk
Love4pk

@
@
@

live.com
yahoo.com
gmail.com

   :   

Page: 22 of 22