Sie sind auf Seite 1von 22

HTML = Hyper Text Markup Language

. א و و HTML

نא ، و و د د :

 

.

> “Grater Than”

<html> < “Less Than”

. ::::

. نא ، :

< “Less Than” :ل . : : : : . نא ، : ي م :

< “Less Than” :ل . : : : : . نא ، : ي م :
< “Less Than” :ل . : : : : . نא ، : ي م :

ي

א . : و نא ،ن א ي . א א ” ن ، ح Index.html

“ א א ” ن ، ح Index.html . “ ” ، ي ح م :

. ، ي ح

.ي و ن ح ن “ ” . “ وא ” ي “ ” م

و ن ح ن . وא ” ي

.ي و ن ح ن “ ” . “ وא ” ي “ ” م :
وא “ س ” ي و . “ א א ” ن ن אو ،

وא “ س ي و . א א ” ن ن אو ، א “ س ، ي و ن ن ،ي و س א א ” . ي “ س אو

ن ALT + Tab א “ ” ي و ، א “ א א ”

ن ALT + Tab

א ي و ، א א א ” ن

. :

Alt + F + S

:

Save

. א א ” “س

Refresh

F5

:

אאאא نننن

:::: لللل אאאא

HTML

۞

Syntax: <html> </html> . و و א ، ن

HEAD

۞

Syntax: <head> </head> . و ل א

TITLE

۞

Syntax: <title> text </title> . و ل א

Body

۞

text </body>

. و ل א ي

Syntax: <body>

BACK GROUND COLOR

۞

Syntax: <body bgcolor="orange"> . و ل א

Body Back ground Image

۞

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

و ل א א ي

Insert the Picture

.

۞

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

. و ل א . ن

ALIGN

Syntax: <p align=right> Voice of Sindh

۞

</p>

و ، : . و ل א

Syntax: <font size=5>

Font Size

Voice of Sindh

۞

</font>

. و ل א ن א

(7) ن (1) ::::

Syntax:

Voice of Sindh

1

Voice of Sindh

2

Voice of Sindh

3

Voice of Sindh

4

Voice of Sindh

5

Voice of Sindh

6

Voice of Sindh

7

Font Color

۞

<Font color="blue">

Voice of Sindh </font>

. و ل א

Syntax:

Font face

۞

<font face=" Monotype Corsiva"> Voice of Sindh </font>

. و ل א

ي د ( ، ) :::: . ل א :

<font size=7 color="green" face="Monotype Corsiva"> Ghulam Hyder Jamot </font>

Syntax :

<H1>

HADING

Voice of Sindh

۞

</h1>

אو . و ل א

Syntax:

<marquee>

(6) ن (1) ::::

:

Ghulam Hyder

1

Ghulam Hyder

2

Ghulam Hyder

3

Ghulam Hyder

4

Ghulam Hyder

5

Ghulam Hyder

6

MARQUEE

۞

voice of sindh

</marquee>

. و ل א

(4)

::::

MARQUEE DIRECTION

۞

Syntax:

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

و ل א א ،ن א ، پא ”

 

.

MARQUEE BEHAVIOR ALTERNATE

۞

Syntax:

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

. و ل א

MARQUEE SCROLLAMOUNT ۞

Syntax:

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

ل א א . و

Syntax:

Space

۞

&nbsp;

ن . و ل א א ، ، ت و א ” هد ن

.

NEW PARAGRAPH

۞

Syntax: <p>

. ل א ل א א א

Break

۞

Syntax: <br>

א א . و ل א א ” ، ي א ” و . و ل א

BOLD

۞

Syntax: <b> texl </b>

. و ل א

ITALIC ۞

Syntax: <i> text </t>

. و ل א א

UNDERLINE ۞

Syntax: <u> text </u>

. و ل א א ”

PRECTICAL

<html>

<head>

<title>

</title>

</head>

voiceofsindh

<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”>

</font>

<p>

Ghulam Hyder

<font size=5>

<marquee bgcolor="black">

<p>

voice of sindh

</marquee>

<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

. ن ن א ، א ن ، ن א . ل א

Table

۞

Syntax:

<table border=3

bordercolor="red"> </table>

و ل א

Table Row

Syntax:

<tr>

۞

</tr>

. و ل א و

Table Data

Syntax:

<td>

۞

</td>

. و ل א و

Table Heading

Syntax:

<th>

۞

</td>

. و ل א نא

PRECTICAL

<html>

<head>

<title>

</title>

</head>

voiceofsindh

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

<center>

<table border=3 bordercolor="red">

<tr bgcolor="pink"> <td> <font size=6>

</font>

<td>

</tr>

</table>

<p>

MARK SHEET

<table border=3 bordercolor="white">

<tr> <th> S.No <th> Name <th> English <th> Sindhi <th> Urdu <th> Math </tr>

S.No <th> Name <th> English <th> Sindhi <th> Urdu <th> Math </tr>
S.No <th> Name <th> English <th> Sindhi <th> Urdu <th> Math </tr>
S.No <th> Name <th> English <th> Sindhi <th> Urdu <th> Math </tr>
S.No <th> Name <th> English <th> Sindhi <th> Urdu <th> Math </tr>
S.No <th> Name <th> English <th> Sindhi <th> Urdu <th> Math </tr>

</th>

</th>

</th>

</th>

</th>

</th>

<tr>

<td> 01

</td>

<td> Aftab

</td>

<td> 90

</td>

<td> 89

</td>

<td> 78

</td>

<td> 100

</td>

</tr>

<tr>

<td> 02

</td>

<td> Jamot

</td>

<td> 87

</td>

<td> 82

</td>

<td> 70

</td>

<td> 91

</td>

</tr>

</table>

</center>

</body>

</html>

אو ن א ن .

.

Horizontal Rule

Syntax:

۞

<hr>

. و ل א

Size of HR

۞

Syntax:

<hr size=10>

. و ل א

No Shad in HR

۞

Syntax:

<hr noshade>

. و ل א ي نא

Super Script

۞

Syntax:

x<sup>2</sup>y

. و ل א א

Sub Script

۞

Syntax:

H<sub>2</sub>O

. و ل א א

א . ت و م

.

Syntax:

Form

<form>

۞

</form>

. و ل א م

Text Box

۞

Syntax:

Name :

<input type="text" maxlength=25 size=15>

א . و و ل א دא ن א “ ” .

Password

۞

Syntax:

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

. و ل א و س

Syntax:

Address

:

</textarea>

<textarea rows=3>

Address ۞

. و ل א א א

Radio

۞

Syntax:

Male:

<input type="radio" checked name="r1">

. و ل א

Syntax:

1. MS Office

:

Check Box

<input type="checkbox">

۞

א وא ، ن א و ن ن . ي

Select

۞

Syntax:

<select>

</select>

 

. و ل א

 

Option

۞

Syntax:

<option> January </option>

 

ن . و ل א אد . ي نא

Browse Button

۞

Syntax:

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

 

. و ل א א

Hyper Link

۞

Syntax:

<a href=Contack.html> Next

</a>

و ن ن . و ل א

مﺎ مرﺎ ، ﺑ مرﺎ ! ود ي א

آ ﺎ و ﺎ ﮐ نﺎ

، ﺑ سر ما ﮔو نﺎ

ُ

! ود

سر نﺎ و م ﮐ نﺎ نﺎ نا . آ כرو نﺎ

. آ ﺎ و نﺎ ﺑﺎ

نﺎ نا . آ כرو نﺎ . آ ﺎ و ﮑ نﺎ ﺑﺎ ﺎ م :

، و ن ن א ! ود א

.

. ن ن س ن د ! و א

. د د

س ن د ! و א . د د م Love4pk @ live.com Love4pk @ yahoo.com
س ن د ! و א . د د م Love4pk @ live.com Love4pk @ yahoo.com

م

Love4pk

@

live.com

Love4pk

@

yahoo.com

Love4pk

@

gmail.com