Upload
younis-malkani
View
200
Download
28
Embed Size (px)
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 1 of 22
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 2 of 22
� ��
HTML = Hyper Text Markup Language
�� ��& و�% $�# "�!� و���א ' &( . HTML
*�+ :(,� �” �)& و= � 5>�� و;& ، אن 9& +�* �678 “ 4�5 د�� ” 3 “ 1/�0/ د�>
&�. <html> : �@ل
> “Grater Than” < “Less Than”
A�� A�� A�� A��::::&� �678 A�� &9 &B� ��C� &( #�$ . D0�!+D0�!+D0�!+D0�!+ : &� �678 D0�!+ &9 אن ،&� �6<5 �5E �,�( � A�� &( #�$
>.
D0!+
"�Fي
A��
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 3 of 22
A�$ ��E A�$ ��E A�$ ��E A�$ ��E :A�$ ��E � &!” �G�+ “ &�� ' &(A�$ ��E�� 6!�" . �� א���H( ��EA�$� &<5 *�+ � ي/” �� �“ I�!+ ن، אن����/M وJ KLD! “ � ��” ���א
D!J &( ن��� N�� ، �<5 ح/P �� &5E �( ” �QRS,�א T�E/0E7&“אU ��� � . Index.html
�� D!J ح/PA�$ ��E ، 5>& 5>& �/ي &� ” ��� “��/�.
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 4 of 22
&9 D!J ��� P/ح ���ن )& JV�" D!& و���ي“ ��� ”� W�$ ن9 M/� . �� &X� &9 D!J ” YQ� D"F “ ي/� D!J �� ” �.�/��“ אو$
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 5 of 22
�ن )� �� �&� ” �QRS,�א T�E/0Eא“ . &( �� س ” �X& و ي ��“ M/� � אو$W[ ” ��و\ “ DE] ^���& �/E�א ، �N وא$_ ���ن 9& “ �� س ” �& �YQ �/ي ،
�� ” �QRS,�א T�E/0Eس )& “א Q� &� A�$ ��E& و���ي، )�`� �ن ���ن �� س ” وא$_�� “U �`G� &<5 ي (.
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 6 of 22
�ن�� &X� ALT + Tab
” �ن �QRS,�א T�E/0Eي “א �& "N אA�$ ��E“ �`G� &8 ” �& אU �`G� &8N� ، وU.
A�$ ��E&�” ��� “ W[ M/�: Alt + F + S : Save
A�$ ��E&� ” ���“D�U ” س �� “ &9 ” �QRS,�א T�E/0Eא“ W[ a�] &�.
F5 : Refresh
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 7 of 22
ن ��� א��� �� ��� ��� ���� �� ��� � ن ��� א��� �� ��� ��� ���� �� ��� � ن ��� א��� �� ��� ��� ���� �� ��� � ن ��� א��� �� � ��� �� ���� ��� ���
::::��� ��� ل � ل ��� ���א��� ل ��� ���א��� ل ��� ���א��� א��
HTML ۞ Syntax: <html> </html>
&��&، )�,� א�0 � � 5>�� و���و �& $`/��ن +�* .
HEAD ۞ Syntax: <head> </head>
*�+ &�” A��“&�. )& ]W א�b�cل ��U�و
TITLE ۞ Syntax: <title> text </title>
� *�+ & ” A��“�( ” D0�!+“&�. W[ &( a<5 א�b�cل ��U�و
Body ۞ Syntax: <body> text </body>
*�+ &��&“ "�Fي� ” .W[ &( M/� T,�Q� &9 א�b�cل ��U�و
BACK GROUND COLOR ۞ Syntax: <body bgcolor="orange">
&( *�+ &� Y�"�U لb�cא� W[ &( a�] /Q� &�. ��و
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 8 of 22
Body Back ground Image ۞
Syntax: <body background="pic.jpg">
�& +�* "�Fي� )& "�Y 1/א!��B� &� AE�d5 /W[ &( a! א�b�cل ��U�و
&�.
Insert the Picture ۞
Syntax: <img src="pic.jpg" border=5 width=100 height=100>
/��B� N"� *�+ &� W[ &( aX&�� � ��B�/ )& . א�b�cل ��U�و �
U �eG� &<5 N" ن� �&f/� &V�`�$ Kb� 3 4!�.
ALIGN ۞ Syntax: <p align=right> Voice of Sindh </p>
&��� Kb� N" �� : *�+ &� W[ M/� T,�Q� &� =و � �g9 ،���&�.א�b�cل ��U�و
Font Size ۞ Syntax: <font size=5> Voice of Sindh </font>
&��& +�* א9/ن )& �!W[ &( M/� T�� 4 א�b�cل ��U�و .
��E��E��E��E:::: 4!� &( �0E�J)1 ( ن9)7 (&� ��!� .&� D� <�] ^�� ,�(.
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 9 of 22
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 ۞ Syntax: <Font color="blue"> Voice of Sindh </font>
&��& +�* W[ &( M/� T,�Q� /Q� �( TE�J א�b�cل ��U�و .
Font face ۞ Syntax: <font face=" Monotype Corsiva">
Voice of Sindh </font>
&��& +�* 0� �( TE�JW[ &( M/� T,�Q� D! א�b�cل ��U�و .
��E ��E ��E ��E : : : :) _�J TE�J 3 /Q� ،4!� TE�J ( *�+ &! يj,� ��Jد Y�U �`G� &U لb�cא� N" �.
2345 :
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 10 of 22
<font size=7 color="green" face="Monotype Corsiva"> Ghulam Hyder Jamot
</font>
HADING ۞ Syntax : <H1> Voice of Sindh </h1>
W[ &( M/� T�� *EA�� &( TE�J /GE4 وא!� TE�J N" *�+ &�
&�.א�b�cل ��U�و
��E��E��E��E : : : :A�� *E)1 ( ن9)6 (�� ��!�.�� D�X� ^�� &,�(. 2345 :
Ghulam Hyder 1 Ghulam Hyder 2 Ghulam Hyder 3 Ghulam Hyder 4 Ghulam Hyder 5 Ghulam Hyder 6
MARQUEE ۞ Syntax: <marquee> voice of sindh </marquee>
&��& +�* �/�W[ &( K א�b�cل ��U�و .
��E ��E ��E ��E : : : :�k�/\ ( &)4 (�� ISL .U �(] ^�� &,�(.
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 11 of 22
MARQUEE DIRECTION ۞ Syntax: <marquee direction=up> Voice of sindh </marquee>
*�+�( &�/� &� ” T�!א 3 Tl�5 ،א!�نF ، אپ
k)& ]W א�b�cل ��U�و “
&�.
MARQUEE BEHAVIOR ALTERNATE ۞ Syntax: <marquee behavior=alternate>
Voice of Sindh </marquee>
&��& �/�& )� +�* "`�� �/ ��W[ &( M/� T א�b�cل ��U�و k
\ \.
MARQUEE SCROLLAMOUNT ۞ Syntax: <marquee scrollamount=100>
Voice of Sindh </marquee>
�& �/�& )� +�* �/�& )& א�W[ &( M/� T�� A�R א�b�cل
&�.��U�و
Space ۞ Syntax:
&� ” _�Rא�\ “&��ن ] . &9�W[ &( a א�b�cل ��U�و �� ��H,�(
�Y 9ن o�ده ” _�Rت“ \א� � f &( &9/و� N� ،&V� ” TS�$ ، &$� “��/�.
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 12 of 22
NEW PARAGRAPH ۞ Syntax: <p>
��^ [DE +�* א�b�cل �/�� W[ M/� لb�c7& $�/א1/א� א�E.
Break ۞ Syntax: <br>
&�� W[ M��+ &9 א�b�cل ��U�و ![ *�+ &� ��E“ �/q $�/א1/א� ” .
��r Y/و ” /0Eא “ " " *�+ &� /G� ،�U 0/ ” �/يEא “ W[ &( M/�&�.א�b�cل ��U�و
BOLD ۞ Syntax: <b> texl </b>
&9 _,�+ *�+ &� ” A5�" “&�.�/W[ &( M א�b�cل ��U�و
ITALIC ۞ Syntax: <i> text </t>
&9 _,�+ *�+ &� ” Y5+א\ “&�.�/W[ &( M א�b�cل ��U�و
UNDERLINE ۞ Syntax: <u> text </u>
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 13 of 22
&9 _,�+ *�+ &� ” �![ AEא “&�.]�W[ &( a א�b�cل ��U�و
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>
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 14 of 22
<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
&9 D,�0,�/$ ���ن �� N� &���E�!� א��� ,� &eVb� ن� �&E�s". ،��j$ &9 �`Eن א��� ،�� DE] ^�� *�+ ��4� W�$ ن9 aeVb� &9 �G�+ �`Eא
Vb���/� لb�c3 א� �e.
Table ۞
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 15 of 22
Syntax: <table border=3 bordercolor="red"> </table>
&��& +�* +��" &9 D6W[ &( a! א�b�cل ��U�و .&� D�U �t N" F " � �`�(.
Table Row ۞ Syntax: <tr> </tr>
&� و �" &9W[ &( a! א�b�cل ��U�و &( D6�+ *�+ &�.
Table Data ۞ Syntax: <td> </td>
&� و � F�0 W[ &( a<5 א�b�cل ��U�و &( D6�+ *�+ &�.
Table Heading ۞ Syntax: <th> </td>
&� אن ��W[ &( *EA א�b�cل ��U�و �" &( 0�F D6�+ *�+ &�.
PRECTICAL <html> <head> <title>
voiceofsindh </title> </head>
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 16 of 22
<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> <th> Name </th> <th> English </th> <th> Sindhi </th> <th> Urdu </th> <th> Math </th> </tr> <tr>
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 17 of 22
<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>
7� ( a!�" &9 D6�+ *�+ u� &� . &U vLن وא9 �`Eא &"�w" ن��� &,�(��E�א ,8.
.�� DE] *�+ ��4� xV� ^��
Horizontal Rule ۞ Syntax: <hr>
*�+ &�&�� ]�W[ &( a א�b�cل ��U�و ![ &���� Y�.
Size of HR ۞
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 18 of 22
Syntax: <hr size=10>
&�� )& �!W[ &( M/� T�� 4 א�b�cل ��U�و ![ *�+ &�.
No Shad in HR ۞ Syntax: <hr noshade>
&��& +�* אن ]!� )& A�tي ���& �!& 9& �0W[ &( a! א�b�cل ��U�و .
Super Script ۞ Syntax: x<sup>2</sup>y
*�+ &� ” /R� T$/,א� “&�� )& ]W א�b�cل ��U�و ��C� &���.
Sub Script ۞ Syntax: H<sub>2</sub>O
*�+ &� ” T$/,א� %� “&�� )& ]W א�b�cل ��U�و ��y�� &���.
�(] ^�� &�א> .&�� )& f/و ت G�+ �( W[ &( a!�" م J &X�
.U
Form ۞
Syntax: <form> </form>
*�+ &�J &� م "�!W[ &( a א�b�cل ��U�و .
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 19 of 22
Text Box ۞ Syntax: Name : <input type="text" maxlength=25 size=15>
� � א��� �� E�eG� &<5 �5ن`�( �U &!�" Nd( Y� W[ &( a<5 &5E *�+ &�.
”z��5 _,�� “&�9& “ �!4 ” 3 . א9/ن )& ���אد )& ]W א�b�cل ��� و���و �"W[ 4!� &( _�.
Password ۞ Syntax: Password : <input type="Password" maxlength=6 size=15>
*�+ &� ” F �&“ $س و.d5W[ &( a! א�b�cل ��U�و
Address ۞ Syntax: Address : <textarea rows=3> </textarea>
cא� W[ &( a!�" �/�א &( _� A�א *�+ &�&�.�bل ��U�و
Radio ۞ Syntax: Male : <input type="radio" checked name="r1">
&�� W[ &( M/� T,�Q� &9 א�b�cل ��U�و {$ Y� N" �`�� *�+ &�.
Check Box ۞ Syntax: 1. MS Office : <input type="checkbox">
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 20 of 22
�( Y�|ن و9 Y� � Y��ن �� &�� ' &( *�+ ��� ، אو�/א R9 &9 ن�c/א ��U �eG� ي/� T,�Q� �{$.
Select ۞ Syntax: <select> </select>
*�+ &� ” ���� “&�."�!W[ &( a א�b�cل ��U�و
Option ۞ Syntax: <option> January </option>
*�+ &� ” ���� “&�� دא{W[ &( M/� D א�b�cل ��U�و {$�ن. � �� �,�(
��/� T,�Q� ي/� YQ� &� אن &R9 �{$ &9>
.
Browse Button ۞
Syntax: <input type="file" Name="f1" size=15>
&9 D!J N" �`�� *�+ &� ” o�!א/" “&�.�/W[ &( M א�b�cل ��U�و
Hyper Link ۞ Syntax: <a href=Contack.html> Next </a>
*�+ &� ” Y�5 /R�!� “� &��� W[ &( a;ن و� �&E� &� #�$ &7g ن9 #�$ Y
&�.א�b�cل ��U�و
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 21 of 22
���� ک� !EFGHא <BCي دو<=>�� ��� �� �ارم ب�ا�� ، �� �ارم �ا �ام ��
�ا�ا و�ا آ���...#�گ ��ان ک� �� ��
ان �� پ�وگ�ام �� پ��,-�, ��رس ب* ��ئ� �گ)�' &�، گ� ! دو<=> ان ان ��ان ک� �56م &��4و * ��ان �� �3رس . آ���� ��ان �� ورכ
.3ا �اب�8 �ان �ک� و�ا آ���
�ن ���ي� � HTML www.voiceofsindh.net
��� �� � : ���� ��م ��� Page: 22 of 22
�cא دو� �$ ! ��� &9 �r &V�`�$ N� ،&V��& U& و�7& ��� � a<5 � نא1/ ��ن 9
�V� .
eG� &Xن!$� א r!/و W[ ن��� �Q( س �� ��g � K��} &( ن��� N� �V� د� >.
�V� د� N" &9 �r �� &V�`�$ � �.$�`�Y�E &V د�!
FI EJGK 4مMN<3
Love4pk @ live.com Love4pk @ yahoo.com Love4pk @ gmail.com