Web Design by Dr. Talal Azzuhairi

‫تظٍُّ اٌّ‪ٛ‬الغ تاعتخذاَ ‪HTML‬‬
‫الدكتور طالل ناظم الزهيري‬

‫ِمذِح اٌى ‪HTML‬‬
‫االعاعٍاخ‬
‫اٌتً تؼذ اعاط تشىًٍ طفحح‬ٚ ‫َ االعاعٍح‬ٛ‫ع‬ٌٛ‫ تغّى ا‬HTML ‫َ فً ٌغح‬ٛ‫ع‬ٌٛ‫ػح ِٓ ا‬ّٛ‫ٕ٘ان ِج‬
: ً٘ٚ ‫ا اي طفحح ِٓ اٌظفحاخ‬ِٕٙ ٍٛ‫ الٌّىٓ اْ تخ‬ٚ ‫ٌة‬ٌٛ‫ا‬
START -TAG END-TAG
<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>
: NOTPAD ‫ص‬ٛ‫ا فً ِحشس إٌظ‬ٌٙ ‫اٌظٍغح اٌىتاتٍح‬ٚ
<HTML>
<HEAD>
<TITLE> MY FIRST TEST</TITLE>
</HEAD>
<BODY> I TRY DESIGN MY FIRST WEB PAGE USING HTML</BODY>
</HTML>
‫ضغ اٌخضًٔ اٌزي تشغة تٗ ثُ افتح اٌٍّف ٌتالحظ إٌتٍجح‬ٌّٛ‫ فً ا‬HTM ‫تاِتذاد‬ٚ TEST ُ‫احفظ تاع‬
‫تطثٍك‬
‫اٌتحىُ تحجُ إٌض فً اٌغطش‬
‫وٍف ٌتُ اٌتحىُ تحجُ إٌض فً اٌغطش‪.‬؟ ارا ِا ػٍّٕا اْ ‪ html‬ال تتحغظ ٌٍّغافاخ‬
‫اثٕاء ػٍٍّح اٌتحشٌش‪ٚ .‬اٌج‪ٛ‬اب ٘‪ ٛ‬اعتخذاَ ‪ٚ‬عُ >‪ٚ <P> ٚ <BR‬حغة اٌّثاي االتً‬
‫‪:‬‬
‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE> MY FIRST TEST</TITLE‬‬
‫>‪</HEAD‬‬
‫‪<BODY> I TRY DESIGN <BR>MY FIRST WEB PAGE<BR> USING‬‬
‫>‪HTML</BODY‬‬
‫>‪</HTML‬‬
‫٘زا اٌ‪ٛ‬عُ تذ‪ٚ ْٚ‬عُ اغالق ٌؼًّ ػٍى ٔمً إٌض اٌى عطش جذٌذ ِٓ إٌمطح اٌتً ٌىتة فٍ‪ٙ‬ا‬
‫إٌز‪١‬غخ‬
‫اٌّماطغ اٌىتاتٍح‬
‫ٌّىٓ اٌضا اعتخذاَ اٌ‪ٛ‬عُ >‪ <P‬تٕفظ اٌطشٌمح ػٕذ٘ا عتى‪ ْٛ‬إٌتٍجح ِماستح‬
‫العتخذاَ >‪ <BR‬تفاسق تشن عطش خاًٌ تٍٓ االعطش اٌىتاتٍح ‪ٚ .‬حغة اٌّثاي االتً‪:‬‬
‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE> MY FIRST TEST</TITLE‬‬
‫>‪</HEAD‬‬
‫‪<BODY> I TRY DESIGN <P>MY FIRST WEB PAGE<P> USING‬‬
‫>‪HTML</BODY‬‬
‫>‪</HTML‬‬
‫‪ٌٚ‬تشن ِغافح تٍٓ اٌىٍّاخ ٔغتخذَ اٌ‪ٛ‬عُ ;‪ٌ &nbsp‬ىتة تحش‪ٚ‬ف طغٍشج ‪ٚ‬وً ‪ٚ‬عُ ٌؤدي اٌى تشن‬
‫ِغافح ‪ٚ‬احذج‪.‬‬
‫اٌتحىُ تاالٌ‪ٛ‬اْ‬
‫اٌمذسج ػٍى اٌتحىُ فً االٌ‪ٛ‬اْ تؼذ ٍِضج اعاعٍح الحتشاف اٌتظٍُّ ‪ٚ‬ػٍى اٌّظُّ اْ ٌذسن تؼض‬
‫اٌحمائك ػٓ االٌ‪ٛ‬اْ ‪ٚ‬اعتخذاِ‪ٙ‬ا فً ٌغح ‪ٕ٘ .HTML‬ان اٌٍ‪ٛ‬اْ اعاعٍح شائؼح تؼشف تاعّ‪ٙ‬ا وّا فً‬
‫اٌجذ‪ٚ‬ي االتً ‪:‬‬
‫ٔظاَ االٌ‪ٛ‬اْ تاٌشِ‪ٛ‬ص‬
‫ِالحظح ِ‪ّٙ‬ح‪ :‬تؼض اٌّتظفحاخ ال تتؼشف ػٍى سِ‪ٛ‬ص األٌ‪ٛ‬اْ إال ت‪ٛ‬ضغ إشاسج ‪ #‬لثً ٘زٖ اٌشِ‪ٛ‬ص‪ٌ ،‬زٌه ِٓ‬
‫األفضً اعتخذاِ‪ٙ‬ا دائّاً‪.‬‬
‫اٌظٍغح اٌىتاتٍح ٌ‪ٛ‬ضغ اٌٍ‪ ْٛ‬فً خٍفٍح‬
‫‪٠‬غزخذَ اٌ‪ٛ‬عُ >‪ِ <BGCOLOR‬غ اٌ‪ٛ‬عُ >‪ٌ <BODY‬زؾذ‪٠‬ذ ٌ‪ ْٛ‬خٍف‪١‬خ شبشخ طفؾخ اٌ‪٠ٛ‬ت ‪ٚ‬ؽغت اٌظ‪١‬غخ‬
‫االر‪١‬خ‪:‬‬
‫>‪<html‬‬
‫>‪title‬اٌظفؾخ اٌزغش‪٠‬ج‪١‬خ اال‪<head><title>/<ٌٝٚ‬‬
‫>‪</head‬‬
‫طفؾخ رغش‪٠‬ج‪١‬خ ٌزؼٍُ اعزخذاَ و‪ٛ‬داد ٌغخ ٘زًّ ف‪ ٟ‬رظّ‪ ُ١‬طفؾبد >"‪<body bgcolor="#999999‬‬
‫>‪</body‬‬
‫>‪</html‬‬
‫ٔز‪١‬غخ ٘زا اٌى‪ٛ‬د عز‪ٛ‬د‪ ٞ‬اٌ‪ ٝ‬ظ‪ٛٙ‬س اٌخٍف‪١‬خ ثبٌٍ‪ ْٛ‬اٌشِبد‪ ٞ‬اٌّّضً (‪.)999999‬‬
‫>‪<html‬‬
‫>‪title‬اٌظفؾخ اٌزغش‪٠‬ج‪١‬خ اال‪<head><title>/<ٌٝٚ‬‬
‫>‪</head‬‬
‫"‪<body bgcolor="#999999" TEXT="#000066‬‬
‫"‪LINK="#00ff00‬‬
‫"‪VLINK="#ff0000‬‬
‫>‪</body‬طفؾخ رغش‪٠‬ج‪١‬خ ٌزؼٍُ اعزخذاَ و‪ٛ‬داد ٌغخ ٘زًّ ف‪ ٟ‬رظّ‪ ُ١‬اٌظفؾبد<“‪ALINK="#000000‬‬
‫>‪</html‬‬
‫ط‬ٛ‫< ٌٍتحىُ تاٌخط‬FONT> ُ‫ع‬ٌٛ‫ا‬
ّٗ‫ؽغ‬ٚ Times New Roman ٗ‫ػ‬ٛٔ ،ٞ‫ خؾ ػبد‬ٟ٘ ‫ؽ‬ٛ‫ُ اٌظفؾخ ثبٌٕغجخ ٌٍخـ‬١ّ‫خ ٌزظ‬١‫اإلػذاداد االفزشاػ‬
َ‫زُ اعزخذا‬٠ ‫ؽ‬ٛ‫ ٌٍخـ‬ٜ‫ٓ اٌظفؾخ اػذاداد اخش‬١ّ‫ رؼ‬ٍٝ‫ ؽبٌخ اٌشغجخ ػ‬ٟ‫ف‬ٚ .)‫بط ِزظفؾبد اإلٔزشٔذ‬١‫ (ثّم‬3
: ‫خ‬١‫< ِغ اٌخظبئض االر‬FONT> ُ‫ع‬ٌٛ‫ا‬
FACE= ‫ع اٌخؾ‬ٛٔ
COLOR=‫ْ اٌخؾ‬ٌٛ
SIZE=‫ؽغُ اٌخؾ‬
‫ِضبي‬
<FONT FACE="Arial" SIZE="6" COLOR="#FF0000">
This font is Arial, Size is 6, Color is Red
</FONT>
This font is Arial, Size is 6, Color is red ‫غخ‬١‫إٌز‬
<FONT FACE="Times New Roman" SIZE="5" COLOR="#0000FF">
This font is Times New Roman, Size is 5, Color is Blue
</FONT>
This font is Times New Roman, Size is 5, Color is Blue
‫تطثٍك‬
<FONT FACE="Impact" SIZE="6" COLOR="#000000">C </FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">O</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">R</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">S</FONT>
‫اٌ‪ٛ‬عُ ‪BASEFONT‬‬
‫‪ -‬ف‪ ٟ‬ؽبٌخ اٌشغجخ رـج‪١‬ك ٔ‪ٛ‬ع ِؾذد ِٓ اٌخـ‪ٛ‬ؽ ثؾغُ ‪ ٌْٛٚ‬صبثذ ‪ّ٠‬ىٓ اعزخذاَ اٌ‪ٛ‬عُ >‪< BASEFONT‬‬
‫ثبٌظ‪١‬غخ االر‪١‬خ ‪:‬‬
‫>"‪<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5‬‬
‫ػٕذ اٌزـج‪١‬ك عزظجؼ إٌظ‪ٛ‬ص ف‪ ٟ‬اٌظفؾخ ٔ‪ٛ‬ع ‪ ٌْٛٚ Arial‬اؽّش ‪ٚ‬ؽغُ ‪5‬‬
‫ػٍّب اْ ٘زا اٌ‪ٛ‬عُ ال‪٠‬زؼبسع ِغ اعزخذاَ اٌخبط‪١‬خ >‪<FONT‬ار ‪ّ٠‬ىٓ اعزخذاَ ا‪ِّٕٙ ٞ‬ب‪ٚ .‬ف‪ ٟ‬ؽبي اعزخذاَ‬
‫والّ٘ب فأْ اٌخبط‪١‬خ اٌّؾذدح ِغ اٌ‪ٛ‬عُ ‪ BASEFONT‬عزى‪ ْٛ‬اٌخبط‪١‬خ اٌفبػٍخ‪.‬‬
‫>‪<Hn‬‬ ‫‪-‬خبط‪١‬خ رؾذ‪٠‬ذ اٌؼٕب‪ ٓ٠ٚ‬اٌشئ‪١‬غ‪١‬خ ٌٍظفؾخ ثبعزخذاَ اٌ‪ٛ‬عُ >‪</Hn‬‬

‫>‪<H1> Heading 1 </H1‬‬
‫>‪<H2> Heading 2 </H2‬‬
‫>‪<H3> Heading 3 </H3‬‬
‫>‪<H4> Heading 4 </H4‬‬
‫>‪<H5> Heading 5 </H5‬‬
‫>‪<H6> Heading 6 </H6‬‬
‫ط‬ٛ‫تٍٍّض اٌخط‬
This is<B> Bold Text </B> This is Bold Text
This is<I> Italic Text </I> This is Italic Text
This is<U> Undelined Text </U> This is Undelined Text
This is<SUP> Superscript Text </SUP> This is Superscript Text

This is<SUB> Subscript Text </SUB> This is Subscript Text
‫ِضبي‬
<FONT COLOR="#FF0000" SIZE="+3"><U><I>
This text is red, size +3, Italic, and Underlined
</I> </U> </FONT>
‫اٌفمشاخ ‪ٚ‬اٌم‪ٛ‬ائُ‬
‫ارا ٌُ ر‪ٙ‬زُ ثزشر‪١‬ت طفؾزه ‪ٚ‬رٕغ‪١‬ك ٘‪١‬ىٍ‪ٙ‬ب اٌؼبَ ‪ٚ‬رٕظ‪ ُ١‬فمشار‪ٙ‬ب ‪ٚ‬ل‪ٛ‬ائّ‪ٙ‬ب‪ ،‬فأٗ ِٓ اٌظؼت ػٍ‪١‬ه اٌؾظ‪ٛ‬ي ػٍ‪ٝ‬‬
‫طفؾخ ‪٠ٚ‬ت ٔبعؾخ‪ .‬فبٌزشر‪١‬ت ٘‪ ٛ‬اٌخـ‪ٛ‬ح األ‪ٌ ٌٝٚ‬غزة ا٘زّبَ اٌضائش أ‪ ٚ‬اٌمبسب ٌظفؾزه ‪ٚ‬رغ‪ ًٙ‬ػٍ‪ ٗ١‬ف‪ُٙ‬‬
‫اٌخـ‪ٛ‬ؽ اٌؼش‪٠‬ؼخ ٌٍظفؾخ‬
‫‪ٕ٘ٚ‬ب ٔزوش اْ رٕظ‪ ُ١‬إٌض ػٍ‪ ٝ‬شىً فمشاد ‪٠‬ؼزّذ ػٍ‪<P> ٝ‬اٌز‪٠ ٞ‬م‪ َٛ‬ثأ‪ٙ‬بء اٌفمشح‪ٚ .‬اٌ‪ٛ‬عُ >‪ٟٕٙ٠<BR‬‬
‫اٌغـش اٌؾبٌ‪ٕ٠ٚ ٟ‬مً إٌض ئٌ‪ ٝ‬عـش عذ‪٠‬ذ‪ٚ .‬اٌ‪ٛ‬عُ & ;‪٠ nbsp‬م‪ َٛ‬ثاػبفخ اٌفشاغبد‪٠ٚ ،‬غت رىشاس وزبثزٗ‬
‫ثٕفظ ػذد اٌفشاغبد اٌّـٍ‪ٛ‬ة‪.‬‬
‫‪ٔٚ‬زبثغ ف‪٘ ٟ‬زا اٌذسط ِغ ٘زٖ اٌ‪ٛ‬ع‪ٚ َٛ‬غ‪١‬ش٘ب‪.‬‬
‫ْ اٌ‪ٛ‬عُ >‪ٚ ٛ٘<P‬عُ ِفشد ٌىٕٗ ‪٠‬غزخذَ أ‪٠‬ؼبً و‪ٛ‬عُ ِضد‪ٚ‬ط >‪ٚ<P> ... </P‬ف‪٘ ٟ‬زٖ اٌؾبٌخ ‪ّ٠‬ىّٕٕب ِٓ رؾذ‪٠‬ذ‬
‫ئرغبٖ اٌفمشح ‪ٚ‬ئرغبٖ إٌض ف‪ٙ١‬ب ؽ‪١‬ش ‪٠‬غزخذَ ِؼٗ اٌخظبئض ‪ALIGN, DIR.‬‬
‫فبٌخبط‪١‬خ ‪ ALIGN‬رؾذد ِؾبراح اٌفمشح ‪ ٟ٘ٚ‬رأخز اٌم‪ Left, Center, Right ُ١‬أ‪ٚ‬ػؾ‪ٙ‬ب ثبألِضٍخ اٌزبٌ‪١‬خ‪:‬‬
‫>‪<P Align="left"> This is a left-aligned paragraph </P‬‬
‫>‪<P Align=“right"> This is a right-aligned paragraph </P‬‬
‫>‪<P Align=“center"> This is a center-aligned paragraph </P‬‬
‫‪Or‬‬
‫>‪<P dir=“rtl"> This is a right to left paragraph </P‬‬
‫>‪<P dir=“ltr"> This is a left right paragraph </P‬‬
‫تٕغٍك اٌفمشاخ‬
‫‪ٌٚ‬زٕغ‪١‬ك اٌفمشاد أ‪٠‬ؼبً ‪ٛ٠‬عذ اٌ‪ٛ‬ع‪َٛ‬‬
‫>‪<BLOCKQUOTE> ... </BLOCKQUOTE‬‬

‫٘زا اٌ‪ٛ‬عُ ‪٠‬إد‪ ٞ‬اٌ‪ ٝ‬ػجؾ اٌفمشح ثزشن ِغبفخ ِزغب‪٠ٚ‬خ ِٓ ع‪ٙ‬خ اٌ‪ٚ ٓ١ّ١‬ع‪ٙ‬خ اٌ‪١‬غبس‪.‬‬
‫‪ٌٚ‬زشن ِغبفبد ث‪ ٓ١‬إٌظ‪ٛ‬ص ثذ‪ ْٚ‬اعزخذاَ & ;‪ّ٠ nbsp‬ىٓ اعزخذاَ اٌ‪ٛ‬عُ ‪:‬‬
‫>‪<PRE>…..</PRE‬‬
‫ِضبي ‪:‬‬
‫>‪<PRE‬‬
‫‪A‬‬ ‫‪D‬‬ ‫‪G‬‬
‫‪B‬‬ ‫‪E‬‬ ‫‪H‬‬
‫‪C‬‬ ‫‪F‬‬ ‫‪J‬‬
‫>‪</PRE‬‬
‫اٌم‪ٛ‬ائُ‬
‫رؾز‪ٌ ٞٛ‬غخ ‪HTML‬ػٍ‪ِ ٝ‬غّ‪ٛ‬ػخ ِٓ اٌ‪ٛ‬ع‪ َٛ‬اٌخبطخ ثزٕظ‪ ُ١‬اٌج‪١‬بٔبد ف‪ ٟ‬ل‪ٛ‬ائُ ‪ٚ‬ثبعزخذاَ ػذح خ‪١‬بساد‪.‬‬
‫‪ٕ٘ٚ‬بن ٔ‪ٛ‬ػ‪ ِٓ ٓ١‬اٌم‪ٛ‬ائُ‪:‬‬
‫أ‪ٌّٙٚ‬ب اٌّزغٍغٍخ ‪ٚ .Ordered Lists.‬اٌم‪ٛ‬ائُ غ‪١‬ش اٌّزغٍغٍخ‪.‬‬
‫ػٕذ اٌزؼبًِ ِغ اٌم‪ٛ‬ائُ ثٕ‪ٛ‬ػ‪ّٙ١‬ب ٔؾزبط ئٌ‪ٚ ٝ‬ع‪ َٛ‬خبطخ ثزؾذ‪٠‬ذ ثذا‪٠‬خ ‪ٙٔٚ‬ب‪٠‬خ اٌمبئّخ ‪ٚٚ‬ع‪ َٛ‬رؾذد ثٕ‪ٛ‬د ٘زٖ‬
‫اٌمبئّخ‪ .‬ثبٌٕغجخ ٌٍم‪ٛ‬ائُ اٌّزغٍغٍخ ٔغزخذَ اٌ‪ٛ‬ع‪َٛ‬‬
‫>‪<OL> ... </OL‬‬
‫أِب ثبٌٕغجخ ٌٍم‪ٛ‬ائُ غ‪١‬ش اٌّزغٍغٍخ فٕغزخذَ‬
‫>‪<UL> ... </UL‬‬
‫>"‪<OL DIR="RTL‬‬
‫عبِؼخ ثغذاد>‪<LI‬‬
‫عبِؼخ ثظشح>‪<LI‬‬
‫عبِؼخ ِ‪ٛ‬طً>‪<LI‬‬
‫عبِؼخ وشثالء>‪<LI‬‬
‫عبِؼخ ٔغف>‪<LI‬‬
‫>‪</OL‬‬
‫‪ّ٠ٚ‬ىٓ اعزخذاَ خبط‪١‬خ )‪ٌ (TYPE‬زغ‪١‬ش رشل‪ ُ١‬اٌمبئّخ ثبسلبَ ا‪ ٚ‬ؽش‪ٚ‬ف ‪:‬‬
‫>"‪<OL TYPE="A‬‬
‫ّٔارج اٌم‪ٛ‬ائُ‬
‫ٕ٘بن ٔ‪ٛ‬ع خبص ِٓ اٌم‪ٛ‬ائُ ‪٠‬ذػ‪ ٝ‬ل‪ٛ‬ائُ اٌششػ أ‪ ٚ‬اٌزؼش‪٠‬فبد ‪ٚ Definition Lists‬وّب ‪٠‬ذي اإلعُ رغزخذَ‬
‫ػٕذِب ٔش‪٠‬ذ ئدساط لبئّخ ِٓ اٌّظـٍؾبد ‪٠‬زجغ وً ‪ٚ‬اؽذ ِٕ‪ٙ‬ب ششػ أ‪ ٚ‬رؼٍ‪١‬ك‪.‬‬
‫‪ٔٚ‬ؾزبط إلٔشبء ٘زٖ اٌم‪ٛ‬ائُ ئٌ‪ ٝ‬صالصخ ‪ٚ‬ع‪:َٛ‬‬
‫األ‪ٚ‬ي >‪ٌ<DL> ... </DL‬زؼش‪٠‬ف ثذا‪٠‬خ ‪ٙٔٚ‬ب‪٠‬خ اٌمبئّخ‪.‬‬
‫‪ٚ‬اٌضبٔ‪ٛ٠ٚ <DT> ٟ‬ػغ لجً وً ِظـٍؼ ٌزؾذ‪٠‬ذٖ‪ٚ ٛ٘ٚ ،‬عُ ِفشد‪.‬‬
‫أِب اٌضبٌش ف‪ٚ ٛ٘ٚ<DD> ٛٙ‬عُ اٌششػ أ‪ ٚ‬اٌزؼٍ‪١‬ك ‪ ٛ٘ٚ‬أ‪٠‬ؼب ِفشد‪ٌٕٚ .‬مُ ا‪ ْ٢‬ثىزبثخ ش‪١‬فشح اٌمبئّخ اٌغبثمخ‬
‫>"‪<DL DIR="RTL‬‬
‫دوز‪ٛ‬ساٖ ٔظُ اعزشعبع اٌّؼٍ‪ِٛ‬بد>‪<DD‬ؿالي ٔبظُ اٌض٘‪١‬ش‪<DT> ٞ‬‬
‫دوز‪ٛ‬ساٖ ف‪ ٟ‬االرظبي اٌؼٍّ‪<DD>ٟ‬ػٍ‪ ٟ‬ػجذ اٌظّذ >‪<DT‬‬
‫دوز‪ٛ‬ساٖ رـج‪١‬مبد إٌظُ اٌخج‪١‬شح>‪<DD‬فبئضح اد‪٠‬ت اٌج‪١‬بر‪<DT> ٟ‬‬
‫>‪</DL‬‬
‫ادساج اٌظ‪ٛ‬س‬
‫ئْ اٌ‪ٛ‬عُ اٌشئ‪١‬غ‪ ٟ‬اٌّغزخذَ ٌزؼش‪٠‬ف ط‪ٛ‬سح ِب داخً اٌظفؾخ ٘‪ٚ ٛ٘ٚ<IMG> ٛ‬عُ ِفشد‪ِ .‬غ ٘زا اٌ‪ٛ‬عُ ‪٠‬غت‬
‫أْ ٔؾذد اٌظ‪ٛ‬سح اٌز‪ٔ ٟ‬ش‪٠‬ذ٘ب‪ٌ .‬زٌه ٔؼ‪١‬ف اٌخبط‪١‬خ ٌٗ ‪ٌ SRC‬زؾذ‪٠‬ذ ِ‪ٛ‬لغ ‪ٚ‬اعُ اٌظ‪ٛ‬سح‪ٚ .‬الدساط ط‪ٛ‬سح‬
‫ِؼ‪ٕ١‬خ ‪٠‬غت وزبثخ اعُ اٌٍّف ‪ٚ‬االِزذاد‪ٕ٘ٚ .‬بن ؿش‪٠‬مز‪ : ٓ١‬اال‪ ٌٝٚ‬رفزشع أْ اٌظ‪ٛ‬سح ِ‪ٛ‬ع‪ٛ‬دح ف‪ٔ ٟ‬فظ اٌذٌ‪ً١‬‬
‫اٌفشػ‪ ٟ‬أ‪ ٚ‬اٌّغٍذ ؽ‪١‬ش ‪٠‬ز‪ٛ‬اعذ ٍِف ‪HTML‬اٌز‪ٔ ٞ‬ؼًّ ػٍ‪.ٗ١‬‬
‫اٌؾبٌخ اٌضبٔ‪١‬خ‪ :‬أْ ‪٠‬ى‪ٍِ ْٛ‬ف ‪ِٛHTML‬ع‪ٛ‬داً ف‪ِ ٟ‬غٍذ ِب ‪ٚ‬رى‪ ْٛ‬اٌظ‪ٛ‬سح ِ‪ٛ‬ع‪ٛ‬دح ف‪ِ ٟ‬غٍذ آخش ثٕفظ‬
‫اٌّغز‪ .ٜٛ‬أ‪ ٞ‬أٔ‪ّٙ‬ب ِغٍذ‪ِ ٓ٠‬زغب‪ٚ‬س‪١ٌٚ ٓ٠‬غب ِزفشػ‪ ٓ١‬أؽذّ٘ب ػٓ ا‪٢‬خش‪.‬‬
‫‪ٌٚ‬ؼجؾ ؽغُ اٌظ‪ٛ‬سح ‪:‬‬
‫>"‪<IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120‬‬

‫ِ‪ٛ‬ضغ اٌظ‪ٛ‬سج‬
‫ِحاراج اٌظ‪ٛ‬سج‬
‫‪ٚ‬ا‪ ْ٢‬ثؼذ أْ لّٕب ثزؾذ‪٠‬ذ ِؾبراح اٌظ‪ٛ‬سح ٔؾزبط ئٌ‪ ٝ‬رؾذ‪٠‬ذ اٌّغبفخ اٌفبطٍخ ث‪ٕٙ١‬ب ‪ٚ‬ث‪ ٓ١‬إٌض اٌز‪٠ ٞ‬غب‪ٚ‬س٘ب‪.‬‬
‫‪ٔٚ‬غزخذَ ٌزٌه اٌخظبئض اٌزبٌ‪١‬خ‪:‬‬
‫‪ٌ VSPACE:‬زؾذ‪٠‬ذ اٌّغبفخ اٌؼّ‪ٛ‬د‪٠‬خ اٌفبطٍخ ث‪ ٓ١‬إٌض ‪ٚ‬اٌؾبفز‪ ٓ١‬اٌؼٍ‪١‬ب ‪ٚ‬اٌغفٍ‪ٌٍ ٝ‬ظ‪ٛ‬سح‪.‬‬
‫‪ٌ HSPACE:‬زؾذ‪٠‬ذ اٌّغبفخ األفم‪١‬خ اٌفبطٍخ ث‪ ٓ١‬إٌض ‪ٚ‬اٌؾبفز‪ ٓ١‬اٌ‪ٚ ّٕٝ١‬اٌ‪١‬غش‪ٌٍ ٜ‬ظ‪ٛ‬سح‪.‬‬
‫ِضبي‪:‬‬
‫>"‪<IMG SRC="image.jpg" ALIGN="RIGHT" VSPACE="20" HSPACE="20‬‬
‫اٌخبط‪١‬خ األخ‪١‬شح ‪ٚ‬اٌز‪ ٟ‬رغزخذَ ِغ اٌ‪ٛ‬عُ >‪ٚٚ BORDER ٟ٘ <IMG‬ظ‪١‬فز‪ٙ‬ب ئػبفخ ئؿبس ؽ‪ٛ‬ي اٌظ‪ٛ‬س‬
‫‪ٚ‬اٌزؾىُ ثغُّىِٗ‪٘ٚ .‬زٖ اٌخبط‪١‬خ رغزخذَ ثشىً خبص ػٕذ رؼ‪ ٓ١١‬ط‪ٛ‬سح ِب و‪ٛ‬طٍخ رشؼج‪١‬خ‪٠ٚ .‬زُ اٌزؾىُ ثبٌغُّه‬
‫ِٓ خالي ئعٕبد سلُ ‪ّ٠‬ضً اٌغُّه ثبٌج‪١‬ىغً‪ٚ .‬اٌم‪ّ١‬خ اإلفزشاػ‪١‬خ ٌٗ ٘‪ 0 ٟ‬أ‪ ٞ‬ال ‪ٛ٠‬عذ ئؿبس ؽ‪ٛ‬ي اٌظ‪ٛ‬سح‪.‬‬
‫ِضالٌ إلػبفخ ئؿبس عُّىٗ ‪ 5‬ث‪١‬ىغً ٔىزت اٌش‪١‬فشح اٌزبٌ‪١‬خ‪<IMG SRC="image.jpg" BORDER="5">:‬‬
‫االستثاط اٌتشؼثً‬
‫ٕ٘بن ػذح خ‪١‬بساد ٌٍ‪ٛ‬طالد اٌزشؼج‪١‬خ‪ِٕٙ ،‬ب أْ رى‪ ْٛ‬اٌ‪ٛ‬طٍخ ٌّ‪ٛ‬لغ آخش‪ ،‬أ‪ ٚ‬أْ رى‪ٌ ْٛ‬ظفؾخ أخش‪ ٜ‬داخً‬
‫اٌّ‪ٛ‬لغ ٔفغٗ‪ِٕٙٚ ،‬ب أْ رى‪ٌّ ْٛ‬ىبْ آخش ف‪ٔ ٟ‬فظ اٌظفؾخ (ئٌ‪ ٝ‬أػٍ‪ ٝ‬أ‪ ٚ‬أعفً ػٍ‪ ٝ‬عج‪ ً١‬اٌّضبي) أ‪ ٚ‬أْ رى‪ْٛ‬‬
‫‪ٚ‬طٍخ ٌؼٕ‪ٛ‬اْ ثش‪٠‬ذ ئٌىزش‪ٚE-mail ٟٔٚ‬ف‪ ٟ‬عّ‪١‬غ اٌؾبالد فاْ اٌّجذأ ‪ٚ‬اؽذ ٌىٓ رخزٍف ثؼغ اٌزفبط‪.ً١‬‬
‫>‪ ٟ٘ <A> </A‬اٌ‪ٛ‬ع‪ َٛ‬أعبع‪١‬خ إلدساط اٌ‪ٛ‬طالد اٌزشؼج‪١‬خ‪ ٟ٘ٚ ،‬اخزظبس ٌىٍّخ ‪ِ Anchor.‬شرىض ‪ ٟ٘ٚ‬ال‬
‫رؼًّ ٌ‪ٛ‬ؽذ٘ب ثً رزـٍت ئػبفخ خظبئض ِؼ‪ٕ١‬خ أ‪ٌٙٚ‬ب ‪ٚ‬أّ٘‪ٙ‬ب اٌخبط‪١‬خ ‪ HREF‬اٌز‪ٔ ٟ‬ؾذد ِٓ خالٌ‪ٙ‬ب اٌّ‪ٛ‬لغ‬
‫اٌز‪ٔ ٞ‬ش‪٠‬ذ اٌذالٌخ ػٍ‪٠ٚ ،ٗ١‬غت أْ ‪٠‬ىزت ػٕ‪ٛ‬اْ اٌّ‪ٛ‬لغ وبِالً‪ِ .‬ضبي ساثؾ اٌ‪ِٛ ٝ‬لغ خبسط اٌظفؾخ‪:‬‬
‫>‪<A HREF=http://www.iraqiait.net></A‬‬
‫ثم‪ ٟ‬ش‪ٟ‬ء ‪ٚ‬اؽذ ‪ ٛ٘ٚ‬اٌؼجبسح أ‪ ٚ‬اٌىٍّخ اٌز‪ ٟ‬ع‪١‬زُ إٌمش ػٍ‪ٙ١‬ب ٌزشغ‪ ً١‬اٌ‪ٛ‬طٍخ‪٘ٚ ،‬زٖ ‪٠‬غت أْ ر‪ٛ‬ػغ ث‪ٓ١‬‬
‫اٌ‪ٛ‬عّ‪<A> ... </A> ٓ١‬أ‪ٌ ٞ‬ى‪ ٟ‬رىزًّ اٌ‪ٛ‬طٍخ اٌغبثمخ ‪٠‬غت أْ ٔىزت ِؼ‪ٙ‬ب أ‪ ٞ‬ػجبسح ٔش‪٠‬ذ٘ب‪ٌ ،‬ى‪ٕ٠ ٟ‬مش‬
‫ػٍ‪ٙ١‬ب اٌضائش فزٕمٍٗ ئٌ‪ ٝ‬اٌؼٕ‪ٛ‬اْ اٌّـٍ‪ٛ‬ة‪ِ .‬ضبي اٌغّؼ‪١‬خ اٌؼشال‪١‬خ ٌزىٕ‪ٌٛٛ‬ع‪١‬ب اٌّؼٍ‪ِٛ‬بد‪.‬‬
‫>‪</A‬اٌغّؼ‪١‬خ اٌؼشال‪١‬خ ٌزىٕ‪ٌٛٛ‬ع‪١‬ب اٌّؼٍ‪ِٛ‬بد>"‪<A HREF="HTTP://WWW.IRAQIAIT.NET‬‬

‫اعزخذاَ ط‪ٛ‬سح و‪ٛ‬طٍخ رشؼج‪١‬خ ‪:‬‬
‫>‪<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="6"></A‬‬
‫>‪<A HREF="index.html">Main Page</A‬‬ ‫ساثؾ اٌ‪ ٝ‬طفؾخ ف‪ٔ ٟ‬فظ اٌّ‪ٛ‬لغ‪:‬‬
‫>‪<A HREF="MAILTO:yahya@palnet.com"> Email Me </A‬‬ ‫اٌ‪ ٝ‬ثش‪٠‬ذ اٌىزش‪: ٟٔٚ‬‬
‫اٌجذا‪ٚ‬ي‬
‫رؼذ اٌغذا‪ٚ‬ي ِٓ أل‪ ٜٛ‬األد‪ٚ‬اد اٌز‪ ٟ‬رزؼّٕ‪ٙ‬ب ٌغخ ‪HTML‬ار ال ‪ٛ٠‬عذ ِ‪ٛ‬لغ ف‪ ٟ‬اإلٔزشٔذ ئال ‪٠ٚ‬غزخذِ‪ٙ‬ب ثظ‪ٛ‬سح أ‪ٚ‬‬
‫ثأخش‪ٚ .ٜ‬اٌؾم‪١‬مخ أْ ‪ٚ‬ػغ اٌغذا‪ٚ‬ي ف‪ ٟ‬طفؾبد اٌ‪٠ٛ‬ت ال ‪٠‬مزظش ػٍ‪ ٝ‬رٍه اٌم‪ٛ‬ائُ ِٓ اٌج‪١‬بٔبد اٌز‪ٔ ٟ‬ؾزبط ٌزشر‪١‬ج‪ٙ‬ب‬
‫ف‪ ٟ‬طف‪ٛ‬ف ‪ٚ‬أػّذح‪ ،‬ثً ‪٠‬زؼذ‪ ٜ‬رٌه ئٌ‪ ٝ‬اعزخذاِ‪ٙ‬ب ف‪ ٟ‬رظّ‪ ُ١‬اٌظفؾبد ٔفغ‪ٙ‬ب ‪ٚ‬رٕظ‪ّٙ١‬ب‪ٚ ،‬اٌزؾىُ ثّظ‪ٙ‬ش٘ب‬
‫ثظ‪ٛ‬سح ل‪٠ٛ‬خ ‪ٚ‬فؼبٌخ ال ‪ّ٠‬ىٓ أداؤ٘ب ِ‪ّٙ‬ب اعزخذِٕب ِٓ ‪ٚ‬ع‪ َٛ‬خبطخ ثزٕغ‪١‬ك اٌظفؾبد‪.‬‬
‫‪ٚ‬ػّ‪ِٛ‬ب ٕ٘بن صالس ‪ٚ‬ع‪ َٛ‬اعبع‪١‬خ الٔشبء اٌغذ‪ٚ‬ي ‪ٟ٘ٚ‬‬
‫ي‬ٚ‫طشٌمح أشاء اٌجذ‬
‫ب‬٠‫ صالس خال‬ٍٝ‫ ػ‬ٞٛ‫ؾز‬٠ ‫وً طف‬ٚ ‫ف‬ٛ‫ صالس طف‬ٍٝ‫ ػ‬ٜٛ‫ؾز‬٠ ‫ي‬ٚ‫الٔشبء عذ‬
<table>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr> data data data
<tr> data data data
<td>data</td> data data data
<td>data</td>
<td>data</td>
</tr>
</table>
‫خظائض اٌجذ‪ٚ‬ي‬
‫‪ .1‬اٌؾذ‪ٚ‬د ‪ :‬اٌخبط‪١‬خ ‪BORDER‬‬
‫رم‪٘ َٛ‬زٖ اٌخبط‪١‬خ ثاػبفخ ؽذ‪ٚ‬د ٌٍغذ‪ٚ‬ي ‪ٚ‬رؾذ‪٠‬ذ عّبوز‪ٙ‬ب‪ٚ ،‬اٌم‪ّ١‬خ اإلفزشاػ‪١‬خ ٌ‪ٙ‬ب ٘‪ ٟ‬طفش أ‪ ٞ‬ال ؽذ‪ٚ‬د‬
‫>"‪<TABLE BORDER="5‬‬
‫>"‪<TABLE BORDER="0‬‬
‫‪.2‬اٌؼشع ‪ :‬اٌخبط‪١‬خ ‪WIDTH‬‬
‫ٔغزخذَ ٘زٖ اٌخبط‪١‬خ ٌزؾذ‪٠‬ذ ػشع اٌغذ‪ٚ‬ي وىً‪ٕ٘ٚ .‬بن أعٍ‪ٛ‬ث‪ٌ ٓ١‬زؾذ‪٠‬ذ اٌؼشع‪ :‬اٌّـٍك أ‪ ٞ‬ثىزبثخ اٌشلُ اٌز‪ٞ‬‬
‫‪ّ٠‬ضً اٌؼشع ثظ‪ٛ‬سح ِجبششح‪ٚ .‬إٌغج‪ ٟ‬أ‪ ٞ‬وزبثخ سلُ ٔغج‪ِ ٟ‬ئ‪٠ ٞٛ‬ؾذد ػشع اٌغذ‪ٚ‬ي ؽغت ػشع ٔبفزح‬
‫اٌّزظفؼ‪( .‬أ‪ ٞ‬أْ ػشع اٌغذ‪ٚ‬ي ع‪١‬خزٍف ثبخزالف ػشع ٔبفزح اٌّزظفؼ)‪.‬‬
‫>"‪<TABLE WIDTH="600‬‬
‫>"‪<TABLE WIDTH="80%‬‬
‫‪.3‬االسرفبع ‪ :‬خبط‪١‬خ ‪HEIGHT‬‬
‫ٌزؾذ‪٠‬ذ اسرفبع اٌغذ‪ٚ‬ي‪٠ٚ ،‬ى‪ ْٛ‬رؾذ‪٠‬ذ ٘زا اإلسرفبع ِٓ خالي ل‪ّ١‬خ ِـٍمخ رؾذد اإلسرفبع ثبٌج‪١‬ىغً‪ .‬أ‪ ٚ‬ل‪ّ١‬خ ٔغج‪١‬خ‬
‫رؾذد اسرفبع اٌغذ‪ٚ‬ي ثبٌٕغجخ إلسرفبع طفؾخ اٌّزظفؼ‬
‫>"‪<TABLE HEIGHT="500‬‬
‫>"‪<TABLE HEIGHT="100%‬‬
‫‪ .4‬اٌّؾبراح ‪ :‬اٌخبط‪١‬خ ‪ALIGN‬‬
‫ٌزؾذ‪٠‬ذ ِؾبراح اٌغذ‪ٚ‬ي أفم‪١‬بً ػٍ‪ ٝ‬اٌظفؾخ ‪ٕ١ّ٠‬بً أ‪٠ ٚ‬غبساً‪٠ ٛ٘ٚ .‬أخز اٌم‪right, left center ُ١‬‬
‫>"‪<TABLE ALIGN="Left‬‬
‫>"‪<TABLE ALIGN="Right‬‬
‫>"‪<TABLE ALIGN=”center‬‬
‫>"‪<TABLE BGCOLOR="#00FFFF‬‬ ‫‪ ٌْٛ .5‬اٌخٍف‪١‬خ‪ :‬اٌخبط‪١‬خ ‪BGCOLORE‬‬
‫خظائض اٌخالٌا‬
‫‪ :ALIGN .1‬رؾذد ِؾبراح إٌض اٌّ‪ٛ‬ع‪ٛ‬د ف‪ ٟ‬اٌخٍ‪١‬خ أفم‪١‬بً‪ٚ ،‬اٌم‪ ُ١‬اٌّغزخذِخ ٘‪Left, Center, Right ٟ‬‬
‫‪ :VALIGN .2‬رؾذد اٌّؾبراح اٌؼّ‪ٛ‬د‪٠‬خ ٌٍٕض‪٠ ٛ٘ٚ ،‬أخز اٌم‪Top, Middle, Bottom, Baseline ُ١‬‬
‫‪ :WIDTH .3‬رؾذد ػشع اٌخٍ‪١‬خ‪ٚ ،‬رٌه ثىزبثخ اٌم‪ّ١‬خ اٌّجبششح ٌٍؼشع اٌّـٍ‪ٛ‬ة ثبٌج‪١‬ىغً‪ ،‬أ‪ ٚ‬ثىزبثخ سلُ ‪ّ٠‬ضً‬
‫إٌغجخ اٌّئ‪٠ٛ‬خ‪٠ٚ .‬ىف‪ ٟ‬رؾذ‪٠‬ذ اٌؼشع ٌٍخال‪٠‬ب ف‪ ٟ‬أؽذ اٌظف‪ٛ‬ف ٌى‪٠ ٟ‬زُ رـج‪١‬مٗ ػٍ‪ ٝ‬وً اٌخال‪٠‬ب ف‪ ٟ‬وً‬
‫اٌظف‪ٛ‬ف‪.‬‬
‫‪ :HEIGHT .4‬رؾذد اإلسرفبع اٌّـٍ‪ٛ‬ة ٌٍخٍ‪١‬خ ف‪ ٟ‬اٌظف‪ٚ ،‬رٌه ثبٌـشق اٌّجبششح أ‪ ٚ‬إٌغج‪١‬خ‪ٚ .‬ل‪١‬بِه ثزؾذ‪٠‬ذ‬
‫اسرفبع ئؽذ‪ ٜ‬اٌخال‪٠‬ب ف‪ ٟ‬اٌظف ‪٠‬إد‪ ٞ‬ئٌ‪ ٝ‬رـج‪١‬مٗ ػٍ‪ ٝ‬وً اٌخال‪٠‬ب ف‪.ٗ١‬‬
‫‪ :BGCOLOR .5‬ؽذد ٌ‪ ْٛ‬خٍف‪١‬خ اٌخٍ‪١‬خ‬
‫‪٠ :COLSPAN .6‬م‪ َٛ‬ثذِظ اٌخٍ‪١‬خ اٌؾبٌ‪١‬خ ِغ اٌؼذد اٌّـٍ‪ٛ‬ة ِٓ اٌخال‪٠‬ب اٌز‪ ٟ‬رٍ‪ٙ١‬ب أفم‪١‬بً‬
‫ؽ‪١‬ش >"‪<TD COLSPAN="n‬‬
‫‪ ٛ٘n‬ػذد اٌخال‪٠‬ب اٌز‪ ٟ‬ع‪١‬زُ دِغ‪ٙ‬ب‬
‫‪٠:ROWSPAN .1‬م‪ َٛ‬ثذِظ اٌخٍ‪١‬خ اٌؾبٌ‪١‬خ ِغ اٌؼذد اٌّـٍ‪ٛ‬ة ِٓ اٌخال‪٠‬ب اٌز‪ ٟ‬رٍ‪ٙ١‬ب ػّ‪ٛ‬د‪٠‬بً (أ‪ ٞ‬أعفٍ‪ٙ‬ب)‪.‬‬
‫>"‪<TD ROWSPAN="n‬‬
‫‪ٚ .1‬ثبٌـجغ ‪ ٛ٘n‬ػذد اٌخال‪٠‬ب اٌز‪ ٟ‬ع‪١‬زُ دِغ‪ٙ‬ب‬
‫االطاساخ ‪Frames‬‬
‫غبٌجب ِب ‪٠‬غزخذَ ِظّّ‪ٛ‬ا طفؾبد اٌ‪٠ٛ‬ت خبط‪١‬خ رمغُ اٌظفؾخ اٌ‪ ٝ‬الغبَ ِزؼذدح ِضً لغُ ػٍ‪ٚ ٞٛ‬اخش اٌ‪ٝ‬‬
‫اٌ‪ٚ ٓ١ّ١‬صبٌش اٌ‪ ٝ‬اٌ‪١‬غبس‪٘ .‬زٖ االلغبَ رغّ‪ ٝ‬االؿبساد ‪ ٟ٘ٚ .Frames‬ف‪ ٟ‬اٌ‪ٛ‬الغ طفؾبد ِغزمٍخ ‪٠‬زُ‬
‫اعزذػبئ‪ٙ‬ب ٌزظش ف‪ ٟ‬اٌظفؾخ اٌشئ‪١‬غ‪١‬خ‪ .‬ا‪ ٞ‬اْ وً اؿبس ٘‪ٍِ ٛ‬ف ِغزمً ثبعّٗ ‪ِٚ‬ؾز‪ٛ‬اٖ‪٠ٚ .‬غزخذَ اٌ‪ٛ‬عُ ‪:‬‬
‫>‪ٌ <Frameset‬زؾم‪١‬ك ٘زا اٌغشع ِغ ثؼغ اٌخ‪ٛ‬اص اٌز‪ ٟ‬عٕبر‪ ٟ‬ػٍ‪ ٝ‬روش٘ب‪ :‬ثذا‪٠‬خ ػٍ‪ٕ١‬ب أشبء صالس‬
‫ٍِفبد ‪:‬‬
‫‪Frame1.html‬‬ ‫‪Frame1.html‬‬ ‫‪Frame1.html‬‬
‫>‪<HTML‬‬
‫>‪<HTML DIR=RTL‬‬ ‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<HEAD‬‬ ‫>‪<HEAD‬‬
‫>‪<TITLE>Frame2</TITLE‬‬
‫>‪<TITLE>Frame1</TITLE‬‬ ‫>‪<TITLE>Frame3</TITLE‬‬
‫>‪</HEAD‬‬
‫>‪</HEAD‬‬ ‫>‪</HEAD‬‬
‫>‪<BODY‬‬
‫>‪<BODY‬‬ ‫>‪<BODY‬‬
‫ا٘ذاف لغُ اٌّؼٍ‪ِٛ‬بد‬
‫لغُ اٌّؼٍ‪ِٛ‬بد ‪ٚ‬اٌّىزجبد‬ ‫‪Frame 3‬‬
‫‪ٚ‬اٌّىزجبد ف‪ ٟ‬اٌغبِؼخ‬
‫>‪</BODY‬‬ ‫>‪</BODY‬‬
‫اٌّغزٕظش‪٠‬خ‬
‫>‪</HTML‬‬ ‫>‪</HTML‬‬
‫>‪</BODY‬‬
‫إٌز‪١‬غخ‬ ‫إٌز‪١‬غخ‬
‫>‪</HTML‬‬
ً‫تؼشٌف اٌٍّف اٌشئٍغ‬
‫ ؽبٌخ خبطخ‬ٚ‫ ثبٌّٕبعجخ ٍِف ر‬ٛ٘ٚ .‫اٌٍّفبد‬ٚ ‫ؼُ وبفخ اإلؿبساد‬١‫ ع‬ٞ‫ اٌز‬ٟ‫غ‬١‫ف اٌٍّف اٌشئ‬٠‫ْ ثزؼش‬٢‫ٔجذأ ا‬ٚ
َٛ‫ع‬ٌٛ‫َ ثبعزخذاَ ا‬ٛ‫ش ٔم‬١‫ؽ‬
<FRAMESET> ... </FRAMESET>
ِٓ ‫ثذال‬
<BODY<…….</BODY<
<HTML>
<HEAD>
<TITLE>Master File</TITLE>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>
‫خظائض اٌ‪ٛ‬عُ ‪FRAMESET‬‬
‫اٌخبط‪١‬خ األ‪ ٌٝٚ‬اٌز‪ ٟ‬رغزخذَ ِغ ٘زٖ اٌ‪ٛ‬ع‪ ٟ٘ٚ COLS ٟ٘ َٛ‬رؼشّف ػذد ‪ٚ‬أؽغبَ اإلؿبساد اٌؼّ‪ٛ‬د‪٠‬خ ٌٍظفؾخ‪.‬‬
‫‪ٚ‬رُؾذد األؽغبَ ثـش‪٠‬مز‪ : ٓ١‬اٌـش‪٠‬مخ اٌّجبششح ‪ٚ‬اٌـش‪٠‬مخ إٌغج‪١‬خ‪...‬أ‪ ٚ‬والّ٘ب ِؼب‪.‬‬
‫>"‪<FRAMESET COLS="50%,50%‬‬ ‫‪٠‬ؾذد ئؿبس‪ ٓ٠‬ػّ‪ٛ‬د‪ ٓ١٠‬ؽغُ وً ِٕ‪ّٙ‬ب ‪ ِٓ %50‬ؽغُ اٌشبشخ‬
‫>‪</FRAMESET‬‬
‫>"‪<FRAMESET COLS="20%,50%,30%‬‬ ‫‪٠‬ؾذد صالصخ ئؿبساد أؽغبِ‪ٙ‬ب ‪ %30 ٚ %50 ٚ %20‬ػٍ‪ٝ‬‬
‫>‪</FRAMESET‬‬ ‫اٌز‪ٛ‬اٌ‪ ِٓ ٟ‬ؽغُ اٌشبشخ‬
‫>"*‪<FRAMESET COLS="200,300,‬‬ ‫‪٠‬ؾذد صالصخ ئؿبساد ػّ‪ٛ‬د‪٠‬خ األ‪ٚ‬ي ؽغّٗ ‪ 200‬ث‪١‬ىغً‪ٚ ،‬اٌضبٔ‪ٟ‬‬
‫>‪</FRAMESET‬‬ ‫‪300‬ث‪١‬ىغً‪ ،‬أِب اٌضبٌش * أ‪ ٞ‬أٗ غ‪١‬ش ِؾذد ثؾغُ ِؼ‪ٌٚ ٓ١‬ىٕٗ‬
‫ع‪١‬ى‪ ْٛ‬ثبٌؾغُ اٌّزجم‪ ِٓ ٟ‬اٌشبشخ (ؿبٌّب إٔٔب ال ٔؼشف‬
‫اعزجبٔخ اٌشبشخ اٌز‪٠ ٟ‬غزخذِ‪ٙ‬ب صائش اٌّ‪ٛ‬لغ)‬
‫>"‪FRAMESET COLS="200,*,15%,20%‬‬ ‫‪٠‬ؾذد أسثؼخ ئؿبساد ؽغُ األ‪ٚ‬ي ٘‪ 200 ٛ‬ث‪١‬ىغً‪ٚ ،‬اٌضبٌش‬
‫>‪</FRAMESET‬‬ ‫‪ ِٓ %15‬ؽغُ اٌشبشخ‪ٚ ،‬اٌشاثغ ‪ ِٓ %20‬ؽغُ اٌشبشخ أِب‬
‫اٌضبٔ‪ ٟ‬فغ‪١‬ى‪ ْٛ‬ؽغّٗ ثّب رجم‪ ِٓ ٝ‬اٌشبشخ‪.‬‬
‫>"*‪<FRAMESET COLS="150,*,2‬‬ ‫‪٠‬ؾذد صالصخ ئؿبساد األ‪ٚ‬ي ؽغّٗ ‪ 150‬ث‪١‬ىغً‪ ....‬أِب اٌّغبؽخ‬
‫>‪</FRAMESET‬‬ ‫اٌّزجم‪١‬خ فزمغُ ػٍ‪ ٝ‬أعبط أْ اإلؿبس اٌضبٌش ؽغّٗ ٘‪ ٛ‬ػؼف‪ٟ‬‬
‫(*‪ )2‬ؽغُ اإلؿبس اٌضبٔ‪)*( ٟ‬‬
‫خاطٍح اٌظف‪ٛ‬ف‬
‫أِب اٌخبط‪١‬خ اٌضبٔ‪١‬خ ف‪ٚ ROWS ٟٙ‬اٌز‪ ٟ‬رؾذد ػذد ‪ٚ‬ؽغُ اإلؿبساد األفم‪١‬خ (اٌظف‪ٛ‬ف) داخً اٌظفؾخ‪ٚ .‬رٌه‬
‫ثٕفظ األعٍ‪ٛ‬ة اٌّزجغ ِغ األػّذح‪ ،‬أ‪ ٞ‬ئِب ثبعزخذاَ اٌـش‪٠‬مخ إٌغج‪١‬خ أ‪ ٚ‬اٌّـٍمخ‪.‬‬
‫>"‪<FRAMESET ROWS="50%,50%‬‬
‫‪٠‬ؾذد ئؿبس‪ ٓ٠‬أفم‪ ٓ١١‬اسرفبع وً ِٕ‪ّٙ‬ب ‪ ِٓ %50‬اسرفبع‬
‫اٌشبشخ‬
‫>"‪<FRAMESET ROWS="20%,50%,30%‬‬
‫‪٠‬ؾذد صالصخ ئؿبساد أفم‪١‬خ اسرفبػبر‪ٙ‬ب ‪%30 ٚ %50 ٚ %20‬‬
‫ػٍ‪ ٝ‬اٌز‪ٛ‬اٌ‪ ِٓ ٟ‬اسرفبع اٌشبشخ‬
‫>"*‪<FRAMESET ROWS="50,120,‬‬
‫‪٠‬ؾذد صالصخ ئؿبساد أفم‪١‬خ األ‪ٚ‬ي اسرفبػٗ ‪ 50‬ث‪١‬ىغً‪ٚ ،‬اٌضبٔ‪ٟ‬‬
‫‪ 120‬ث‪١‬ىغً‪ٚ ،‬اٌضبٌش ع‪١‬ى‪ ْٛ‬ثبإلسرفبع اٌّزجم‪ ِٓ ٟ‬اٌشبشخ‬
‫‪٠‬ؾذد أسثؼخ ئؿبساد أفم‪١‬خ اسرفبع األ‪ٚ‬ي ٘‪ 50 ٛ‬ث‪١‬ىغً‪،‬‬

‫>"‪<FRAMESET ROWS="50,*,15%,20%‬‬
‫‪ٚ‬اٌضبٌش ‪ ِٓ %15‬اسرفبع اٌشبشخ‪ٚ ،‬اٌشاثغ ‪ ِٓ %20‬اسرفبع‬
‫اٌشبشخ أِب اٌضبٔ‪ ٟ‬فغ‪١‬ى‪ ْٛ‬اسرفبػٗ ثّب رجم‪ ِٓ ٝ‬اسرفبع‬
‫اٌشبشخ‪.‬‬
‫>"*‪<FRAMESET COLS="*,2‬‬
‫‪٠‬ؾذد ئؿبس‪ ٓ٠‬اٌضبٔ‪ ٟ‬اسرفبػٗ ػؼف‪ ٟ‬اسرفبع األ‪ٚ‬ي‬
‫‪ٚ‬عُ االعتذػاء ‪FRAME‬‬
‫ٔغزخذَ اٌ‪ٛ‬عُ >‪ٚ ٛ٘ٚ<FRAME‬عُ ِفشد أ‪١ٌ ٞ‬ظ ٌٗ ‪ٚ‬عُ ٔ‪ٙ‬ب‪٠‬خ رّبِبً ِضً >‪ٚ<IMG‬ف‪ٔ ٗ١‬م‪ َٛ‬ثزؾذ‪٠‬ذ ِظذس‬
‫‪ٚ‬خظبئض وً ٍِف ٔش‪٠‬ذ ئظ‪ٙ‬بسٖ داخً أؽذ اإلؿبساد‪٠ٚ .‬زُ اعزخذاَ ٘زا اٌ‪ٛ‬عُ ِشاد ثٕفظ ػذد اإلؿبساد‬
‫اٌّزو‪ٛ‬سح داخً ‪ٚ<FRAMESET>.‬ع‪ٛ‬ف ٔم‪ِ َٛ‬جبششح ثبعزخذاَ اٌخبط‪١‬خ ‪ٌ SRC‬زؾذ‪٠‬ذ ِظذس اٌٍّف‪.‬‬
‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE>Master File</TITLE‬‬
‫>‪</HEAD‬‬
‫>"‪<FRAMESET ROWS="50%,25%,25%‬‬
‫>"‪<FRAME SRC="FRAME1.html‬‬
‫>‪</HTML‬‬
‫إٌّارج‬
‫ِغ أْ إٌّبرط رؼزجش ِٓ اٌّ‪ٛ‬اػ‪١‬غ اٌّزمذِخ (‪ٚ‬غ‪١‬ش اٌغ‪ٍٙ‬خ) ٔ‪ٛ‬ػبً ِب ف‪ٌ ٟ‬غخ ‪HTML‬ئال أْ ِؼظُ ِ‪ٛ‬الغ‬
‫اٌ‪٠ٛ‬ت رىبد ال رخٍ‪ٚ ِٓ ٛ‬ع‪ٛ‬د٘ب‪ٚ ،‬رٌه ٌؼذح أعجبة ٌؼً ِٓ أّ٘‪ٙ‬ب ئ‪٠‬غبد ئِىبٔ‪١‬خ ٌٍزفبػً ث‪ ٓ١‬اٌّ‪ٛ‬لغ ‪ٚ‬طبؽجٗ‬
‫ِٓ ع‪ٙ‬خ ‪ٚ‬اٌض‪ٚ‬اس ِٓ ع‪ٙ‬خ أخش‪...ٜ‬أؽ‪١‬بٔب لذ رؾزبط وّظُّ ٌّ‪ٛ‬لغ ‪٠ٚ‬ت أْ رؼشف آساء ص‪ٚ‬اس ِ‪ٛ‬لؼه ف‪ِ ٟ‬غبئً‬
‫ِؼ‪ٕ١‬خ ‪ٚ‬لذ رىزف‪ ٟ‬ثشعبئً اٌجش‪٠‬ذ اإلٌىزش‪ ٟٔٚ‬اٌز‪٠ ٟ‬شعٍ‪٘ٛ‬ب ٌه‪ٌ ،‬ىٓ ػٕذِب رش‪٠‬ذ ِؼشفخ أش‪١‬بء ِؾذدح ثزار‪ٙ‬ب فاْ‬
‫إٌّبرط ٘‪ ٟ‬اٌخ‪١‬بس األفؼً ٌه‪ .‬ثبإلػبفخ ئٌ‪ ٝ‬ئِىبٔ‪١‬خ رٕظ‪ ُ١‬اٌج‪١‬بٔبد اٌّذخٍخ ِٓ خالٌ‪ٙ‬ب ‪ٚ‬ع‪ٌٛٙ‬خ ‪ٚ‬عشػخ‬
‫اعزخذاِ‪ٙ‬ب ِٓ لجً ص‪ٚ‬اس اٌّ‪ٛ‬لغ‪ ِٓٚ .‬أثشص األِضٍخ ػٍ‪ ٝ‬إٌّبرط ف‪ِٛ ٟ‬الغ اٌ‪٠ٛ‬ت ٘‪ ٟ‬دفبرش اٌض‪ٚ‬اس ‪ٚ‬طفؾبد‬
‫اٌجؾش ػٓ اٌىٍّبد أ‪ ٚ‬اٌؼجبساد داخً اٌّ‪ٛ‬الغ‪ .‬الؽظ إٌّ‪ٛ‬رط االر‪ٟ‬‬
‫‪ٚ‬عُ تٕاء إٌّ‪ٛ‬رج ‪ٚ‬خظائظٗ‬
‫ِغ أْ األشىبي اٌغبثمخ رخزٍف ػٓ ثؼؼ‪ٙ‬ب اٌجؼغ ِٓ ؽ‪١‬ش اٌّجذأ ‪ٚ‬اٌّظ‪ٙ‬ش (‪ٚ‬ؿش‪٠‬مخ اٌزؼش‪٠‬ف أ‪٠‬ؼبً) ئال أٔ‪ٙ‬ب ‪٠‬غت أْ‬
‫رذسط عّ‪١‬ؼبً ػّٓ ‪ٚ‬عّ‪ ٓ١‬أعبع‪ٌٍّٕ ٓ١١‬برط ّ٘ب‪:‬‬
‫>‪<FORM> ... </FORM‬‬
‫‪ٚ‬وّب عشد اٌؼبدح ٔؾزبط ٌزؾذ‪٠‬ذ ثؼغ اٌخظبئض اٌز‪ ٟ‬رزؼٍك ثـج‪١‬ؼخ ٘زا إٌّ‪ٛ‬رط‪ٌٚ .‬ذ‪ٕ٠‬ب ٕ٘ب صالس خظبئض‪:‬‬
‫‪ : ACTION‬رؾذد اٌؼٕ‪ٛ‬اْ اٌز‪ ٞ‬ع‪١‬زُ ئسعبي ث‪١‬بٔبد إٌّ‪ٛ‬رط ئٌ‪ٌ ٗ١‬ززُ ِؼبٌغز‪ٙ‬ب ثبٌظ‪ٛ‬سح اٌّـٍ‪ٛ‬ثخ‪:‬‬
‫>‪<FORM ACTION="mailto:someone@domain.com"> ... </FORM‬‬
‫‪ :METHOD‬رؾذد اٌـش‪٠‬مخ اٌز‪ ٟ‬ع‪١‬زُ ث‪ٙ‬ب اٌزؼبًِ ِغ اٌؼٕ‪ٛ‬اْ اٌّؾذد ف‪ ٟ‬اٌخبط‪١‬خ اٌغبثمخ ‪ٕ٘ٚACTION.‬بن‬
‫ل‪ّ١‬ز‪ٌٙ ٓ١‬زٖ اٌخبط‪١‬خ ّ٘ب‪ GET :‬اٌز‪ ٟ‬رغزخذَ ف‪ ٟ‬ؽبٌخ و‪ ْٛ‬ػٍّ‪١‬خ اٌّؼبٌغخ داخٍ‪١‬خ أ‪ ٞ‬رزُ داخً اٌخبدَ ‪Server‬‬
‫ٔفغٗ‪ .‬فف‪ِ ٟ‬ضبٌٕب اٌغبثك ػٕذِب ٔغزخذَ ّٔ‪ٛ‬رط اٌجؾش ػٓ وٍّخ ف‪ ٟ‬اٌّ‪ٛ‬لغ‪ ،‬فاْ ػٍّ‪١‬خ اٌّؼبٌغخ (أ‪ ٞ‬اٌجؾش) رغش‪ٞ‬‬
‫ِجبششح ف‪ ٟ‬اٌّ‪ٛ‬لغ‪ٚ .‬اٌم‪ّ١‬خ اٌضبٔ‪١‬خ ٘‪ٚ Post ٟ‬رغزخذَ ػٕذِب رى‪ ْٛ‬ػٍّ‪١‬خ اٌّؼبٌغخ خبسع‪١‬خ وأْ ‪٠‬زُ ئسعبي‬
‫اٌج‪١‬بٔبد ئٌ‪ ٝ‬ػٕ‪ٛ‬اْ ثش‪٠‬ذ ئٌىزش‪.ٟٔٚ‬‬
‫>‪<FORM ACTION="mailto:someone@domain.com" METHOD="post"> ... </FORM‬‬
‫‪<FORM ACTION="name_and_address_of_CGI_script" METHOD="get"> ...‬‬
‫>‪</FORM‬‬
‫اٌخاطٍح ‪ENCTYPE‬‬
‫‪٘ :ENCTYPE‬زٖ اٌخبط‪١‬خ رؾذد ؿش‪٠‬مخ اٌزشِ‪١‬ض اٌز‪ ٟ‬ع‪١‬زُ ئسعبي اٌج‪١‬بٔبد ‪ٚ‬فمبً ٌ‪ٙ‬ب‪ ٟ٘ٚ .‬رأخز اٌم‪ّ١‬ز‪ٓ١‬‬
‫اٌزبٌ‪١‬ز‪٠( :ٓ١‬غت أْ رىزت ٘زٖ اٌم‪ ُ١‬وّب ٘‪ٔ ٟ‬ظبً ‪ٚ‬ؽشفبً)‬
‫‪•application/x-www-form-urlencoded‬‬
‫‪•text/plain‬‬
‫اٌذافغ إلعزخذاَ أ‪ ِٓ ٞ‬اٌم‪ّ١‬ز‪ ٛ٘ ٓ١‬ؿج‪١‬ؼخ ػٍّ‪١‬خ اٌّؼبٌغخ اٌز‪ ٟ‬عزغش‪ ٜ‬ػٍ‪ ٝ‬اٌج‪١‬بٔبد أ‪ ٚ‬ؿج‪١‬ؼخ ثشٔبِظ اٌجش‪٠‬ذ‬
‫اإلٌىزش‪ ٟٔٚ‬اٌز‪ ٞ‬عزغزمجً ٘زٖ اٌج‪١‬بٔبد ِٓ خالٌٗ (ئرا وبْ ‪٠‬ذػُ ‪MIME‬أَ ال‪ ٟ٘ٚ ،‬ئخزظبس ٌٍؼجبسح ‪Multi-‬‬
‫‪ ِٓ ٟ٘ٚ purpose Internet Mail Extentions‬اٌّؼب‪١٠‬ش اٌغبئذح ف‪ ٟ‬اإلٔزشٔذ ‪ٚ‬اٌز‪ ٟ‬رزؼٍك ثٕمً عّ‪١‬غ‬
‫أٔ‪ٛ‬اع اٌج‪١‬بٔبد ِٓ ط‪ٛ‬د ‪ٚ‬ط‪ٛ‬سح ‪١ٌٚ‬ظ فمؾ إٌظ‪ٛ‬ص ِٓ خالي اٌجش‪٠‬ذ اإلٌىزش‪ِٚ .)ٟٔٚ‬ب ‪٠‬ؼٕ‪ٕ١‬ب ٕ٘ب ٘‪ ٛ‬اٌفشق ث‪ٓ١‬‬
‫اٌـش‪٠‬مز‪ ِٓ ٓ١‬ؽ‪١‬ش ؿش‪٠‬مخ ئسعبي ‪ٚ‬اعزمجبي اٌج‪١‬بٔبد‪ .‬فؼٕذ اعزخذاَ ‪text/plain‬عزظً اٌج‪١‬بٔبد ثبٌشىً اٌزبٌ‪:ٟ‬‬
‫‪NAME=Talal Azzuhairi‬‬
‫‪Address=Baghdad , Iraq‬‬
‫‪Email=talalalzuhairi@yahoo.com‬‬
‫اٌىٍّبد ‪ ٟ٘Name, Address, Email‬أعّبء اٌؾم‪ٛ‬ي ف‪ ٟ‬إٌّ‪ٛ‬رط ‪ٔٚ‬م‪ٔ َٛ‬ؾٓ ثزؼش‪٠‬ف‪ٙ‬ب أصٕبء ػٍّ‪١‬خ رظّ‪ُ١‬‬
‫إٌّ‪ٛ‬رط أِب إٌظ‪ٛ‬ص اٌظب٘شح ثؼذ ئشبسح اٌّغب‪ٚ‬اح ف‪ ٟٙ‬اٌج‪١‬بٔبد اٌّذخٍخ‪،‬‬
‫أِب ػٕذ اعزخذاَ ‪application/x-www-form-urlencoded‬فغزظً اٌج‪١‬بٔبد ثبٌشىً‪:‬‬
‫‪NAME=Talal +Azzuhairi &Address=Baghdad + Iraq‬‬
‫‪&Email=talalalzuhairi@yahoo.com‬‬
INPUT ُ‫ع‬ٌٛ‫ا‬
‫ ِضبي‬. ‫ُ ِخزٍفخ‬١‫ ربخز ل‬ٟ‫اٌز‬ٚ TYPE ٟ٘ ُ‫ع‬ٌٛ‫خ اٌّغزخذِخ ِغ ٘زا ا‬١‫اٌخبط‬
<FORM> <INPUT TYPE="text" NAME="address"> </FORM>
INPUT ‫خظائض‬
<FORM >
Please enter your address : <INPUT TYPE="text" NAME="address"
VALUE=“BAGHDAD, IRAQ" SIZE="40" MAXLENGTH="30">
</FORM>
‫ي‬ٚ‫رج تطثٍمً تاعتخذاَ اٌجذا‬ّٛٔ
<HTML>
<HEAD><TITLE>‫رط ادخبي‬ّٛٔ</TITLE></HEAD>
<FORM DIR=RTL>
<TABLE BORDER="0">
<TR>
<TD>ُ‫اٌشعبء ادخبي االع‬: </TD>
<TD>
<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30">
</TD>
</TR>
<TR>
<TD>‫س‬ٚ‫اٌشعبء ادخبي وٍّخ اٌّش‬:</TD>
<TD>
<INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40"
MAXLENGTH="30">
</TD>
</TR></TABLE></FORM> </HTML> ‫غخ‬١‫ػشع إٌز‬
‫تمغٍُ اٌظفحح تاعتخذاَ اٌ‪ٛ‬عُ >‪<HR‬‬
‫‪ّ٠‬ىٓ ‪ٚ‬ػغ خؾ ِغزم‪ ُ١‬ف‪ ٟ‬اٌظفؾخ ٌزمغ‪ّٙ١‬ب اٌ‪ِٕ ٝ‬بؿك ِخزٍفخ ثبعزخذاَ اٌ‪ٛ‬عُ إٌّفشد >‪ <HR‬ػّٓ‬
‫ِٕـمخ عغُ اٌظفؾخ ‪ .‬ػٍّب اْ اٌـ‪ٛ‬ي االفزشاػ‪ٌٍٛ ٟ‬عُ ٘‪ ٛ‬ػشع اٌظفؾخ ‪ّ٠ٚ‬ىٓ اٌزؾىُ ثبٌؼشع ‪ٚ‬االسرفبع‬
‫ثبعزخذاَ خبط‪١‬ز‪ٚ WIDTH ٚ SIZE ٟ‬وبالر‪ٟ‬‬
‫>‪<HR SIZE=10‬‬
‫>‪<HR WIDTH=50%‬‬
‫>‪<HR SIZE=5 WIDTH=40%‬‬
‫‪ّ٠‬ىٓ رـج‪١‬ك ٘زٖ اٌشفشاد ٌزالؽظ اٌفشق‪.‬‬
‫ّٔارج ل‪ٛ‬ائُ االختٍاس‬
‫ل‪ٛ‬ائُ االخز‪١‬بس ٘‪ّٔ ٟ‬برط رز‪١‬ؼ ٌٍشخض رؾذ‪٠‬ذ ا‪ ٚ‬اخز‪١‬بس ؽبٌخ ِؼ‪ٕ١‬خ ٌغشع رفؼ‪ٍٙ١‬ب ا‪ ٚ‬رشغ‪ٍٙ١‬ب ‪ٚ‬ؽغت ٔ‪ٛ‬ع‬
‫إٌّ‪ٛ‬رط اٌّغزخذَ ‪ٚ‬ف‪ّ١‬ب ‪ ٍٟ٠‬ػشع ٌ‪ٙ‬زٖ إٌّبرط ‪ٚ‬شفشاد رى‪ٕٙ٠ٛ‬ب ف‪ ٟ‬طفؾبد اٌ‪٠ٛ‬ت ثبعزخذاَ ‪HTML‬‬
‫ّٔ‪ٛ‬رط ‪٘ٚ :RADIO‬زا إٌّ‪ٛ‬رط ‪٠‬غّؼ ثبخز‪١‬بس ‪ٚ‬اؽذ فمؾ ِٓ ث‪ ٓ١‬ػذح خ‪١‬بساد‪ :‬اٌشفشح اٌزبٌ‪١‬خ رإد‪ ٞ‬اٌ‪ ٝ‬ظ‪ٛٙ‬س‬
‫شىً دائشح فبسؽ ف‪ ٟ‬اٌظفؾخ‪:‬‬
‫>‪<FORM‬‬
‫>”‪<INPUT TYPE=“RADIO‬‬
‫>‪</FORM‬‬
‫‪---------------------------------------------------------------------‬‬
‫الدساط اوضش ِٓ اخز‪١‬بس (‪ )4‬ػٍ‪ ٝ‬عج‪ ً١‬اٌّضبي ‪ٚ‬وً ِٕ‪ٙ‬ب ػٍ‪ ٝ‬عـش‬
‫>‪<FORM‬‬
‫>‪<INPUT TYPE=“RADIO”><BR‬‬
‫>‪</FORM‬‬
‫‪-----------------------------------------------------------------‬‬
‫ٌٍزؾىُ ثبالرغبٖ ِضال اٌظ‪ٛٙ‬س ِٓ اٌ‪ ٓ١ّ١‬اٌ‪ ٝ‬اٌ‪١‬غبس ‪:‬‬
‫>‪<FORM DIR=RTL‬‬
‫>‪</FORM‬‬
‫رج‬ٌّٕٛ‫لٍّح ا‬ٚ ُ‫اختٍاس اع‬
: ‫ً اٌّضبي‬١‫ عج‬ٍٝ‫ادساط لبئّخ اٌٍغخ ػ‬
‫ف ٌٓ ٔالؽظ‬ٛ‫ك ع‬١‫ػٕذ اٌزـج‬: ٟ‫وبالر‬ٚ ‫بس‬١‫رط االخز‬ٌّٕٛ ُ‫ رؾذد اع‬ٟ‫ اٌز‬NAME ‫خ‬١‫ اػبفخ خبط‬ٌٝ‫ٕ٘ب عٕؾزبط ا‬
:‫رط‬ٌّٕٛ‫ شىً ا‬ٍٝ‫ش ػ‬١١‫ رغ‬ٞ‫ا‬
<FORM DIR=RTL>
<INPUT TYPE="RADIO" NAME="LANG"><BR>
</FORM>
ٖ‫ اْ ٘ز‬ٌٝ‫ك ٌٓ ٔالؽظ اخزالف ِغ ِالؽظخ ا‬١‫ ػٕذ اٌزـج‬VALUE ‫خ‬١‫ ثبعزخذاَ خبط‬: ‫بس‬١‫ّخ ٌىً اخز‬١‫ذ ل‬٠‫رؾذ‬
..‫٘ىزا‬ٚ ‫خ‬١‫ اٌؼشث‬ٟٕ‫ رؼ‬AR ْ‫ ا‬ٍٝ‫ اٌظفؾخ ػ‬ٟ‫ْ ِؼشفخ ِغجمب ف‬ٛ‫غت اْ رى‬٠ ُ١‫اٌم‬
<FORM DIR=RTL>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="AR"><BR>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="EN"><BR>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="FR"><BR>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="GR"><BR>
</FORM>
‫اس االعُ فً اٌظفحح‬ٙ‫اظ‬
‫ب‬ِٕٙ ‫خزبس‬١ٌ ‫ اٌظفؾخ اعّبء اٌٍغبد‬ٟ‫ش ٌٗ ف‬ٙ‫ة ٔظ‬ٍٛ‫بس اٌّـ‬١‫ع االخز‬ٛٔ ‫زّىٓ اٌّغزخذَ ِٓ ِؼشفخ‬٠ ٝ‫ؽز‬
:ٟ‫وبالر‬ٚ
<FORM DIR=RTL>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="AR">‫خ‬١‫<ػشث‬BR>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="EN"<‫خ‬٠‫ض‬١ٍ‫<ٔى‬BR>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="FR"<‫خ‬١‫<فشٔغ‬BR>
<INPUT TYPE="RADIO" NAME="LANG" VALUE="GR"<‫خ‬١ٔ‫<اٌّب‬BR>
</FORM>
.‫لغ‬ٌّٛ‫بٔبد ا‬١‫ّخ اٌّؾذدح ٌٗ ثمبػذح ث‬١‫بس ثبٌم‬١‫زُ سثؾ وً اخز‬١‫ ار ع‬: ٟ‫غخ وبالر‬١‫ش إٌز‬ٙ‫ٌزظ‬
‫اٌمٍّح االفتشاضٍح فً إٌّ‪ٛ‬رج‬
‫ػٕذِب ٔز‪ٛ‬لغ اْ اٌٍغخ اٌؼشث‪١‬خ ٘‪ ٟ‬االخز‪١‬بس االفزشاػ‪ٌٍّ ٟ‬غزخذَ ‪ّ٠ .‬ىٕٕب ِٓ عؼٍ‪ٙ‬ب ل‪ّ١‬خ ِفزشػخ رظ‪ٙ‬ش رٍمبئ‪١‬ب‬
‫‪ٔٚ‬زشن اٌّغبي ٌٍّغزخذَ ثزغ‪١‬ش٘ب ار سغت ف‪ ٟ‬رٌه ثبعخذاَ اٌخبط‪١‬خ ‪CHACKED :‬‬
‫ِضال عٕغؼً اٌٍغخ اٌؼشث‪١‬خ ٘‪ ٟ‬االخز‪١‬بس االفزشاػ‪: ٟ‬‬
‫>‪<BR‬ػشث‪١‬خ>‪<INPUT TYPE="RADIO" NAME="LANG" VALUE="AR"CHECKED‬‬
‫>‪ٔ<BR‬ىٍ‪١‬ض‪٠‬خ<"‪<INPUT TYPE="RADIO" NAME="LANG" VALUE="EN‬‬
‫>‪<BR‬فشٔغ‪١‬خ<"‪<INPUT TYPE="RADIO" NAME="LANG" VALUE="FR‬‬
‫>‪<BR‬اٌّبٔ‪١‬خ<"‪<INPUT TYPE="RADIO" NAME="LANG" VALUE="GR‬‬
‫>‪</FORM‬‬
‫إٌز‪١‬غخ عزظ‪ٙ‬ش اٌٍغخ اٌؼشث‪١‬خ وبخز‪١‬بس ِفزشع ‪ٚ‬وبالر‪:ٟ‬‬
‫ّٔ‪ٛ‬رج لائّح االختٍاس اٌّتؼذد‬
‫روشٔب عبثمب اٌ‪ ٝ‬اْ خبط‪١‬خ ‪ RADIO‬رغّؼ ثزؾذ‪٠‬ذ اخز‪١‬بس ‪ٚ‬اؽذ فمؾ‪ .‬ف‪ ٟ‬وً ِشح‪ ،‬اِب ارا وبٔذ اٌمبئّخ اٌّمزشػ‬
‫رغّؼ ثبخز‪١‬بس اوضش ِٓ اخز‪١‬بس ‪ٚ‬اؽذ ِضً ػشع اٌّؼٍ‪ِٛ‬بد ثبٌٍغخ اٌؼشث‪١‬خ ‪ ٚ‬اٌٍغخ االٔىٍ‪١‬ض‪٠‬خ ػٕذ٘ب عٕؾزبط اٌ‪ٝ‬‬
‫خبط‪١‬خ ‪ CHECKBOX‬ثذال ِٓ خبط‪١‬خ ‪.RADIO‬‬
‫ٌٕغشة اػبدح اٌشفشح اٌغبثمخ ثبعزخذاَ خبط‪١‬خ ‪:CHECKBOX‬‬
‫>‪BR‬ػشث‪١‬خ<>"‪<INPUT TYPE="CHECKBOX" NAME="LANG" VALUE="AR‬‬
‫>‪BR‬أىٍ‪١‬ض‪٠‬خ<>"‪<INPUT TYPE="CHECKBOX" NAME="LANG" VALUE="EN‬‬
‫>‪BR‬فشٔغ‪١‬خ<>"‪<INPUT TYPE="CHECKBOX" NAME="LANG" VALUE="FR‬‬
‫>‪BR‬اٌّبٔ‪١‬خ<>"‪<INPUT TYPE="CHECKBOX" NAME="LANG" VALUE="GR‬‬
‫>‪</FORM‬‬
‫إٌز‪١‬غخ عزى‪ْٛ‬‬
‫‪ّ٠‬ىٓ رؾذ‪٠‬ذ اوضش ِٓ ٌغخ ف‪ٔ ٟ‬فظ اٌ‪ٛ‬لذ ِٓ خالي اٌظفؾخ‬
‫ِالؽظخ ‪ّ٠‬ىٓ رؾذ‪٠‬ذ ل‪ ُ١‬افزشاػ‪١‬خ وّب ف‪ ٟ‬اٌـش‪٠‬مخ اٌغبثمخ ‪ٚ‬ثبعزخذاَ خبط‪١‬خ ‪CHECKED‬‬
‫ّٔ‪ٛ‬رج اٌمائّح إٌّغذٌح‬
‫اٌمبئّخ إٌّغذٌخ ‪ّٛٔ DROP DOWN LIST‬رط اخش ِٓ ّٔبرط االخز‪١‬بس ‪ٚ‬اٌز‪٠ ٞ‬ؼزّذ ػٍ‪ ٝ‬اٌ‪ٛ‬عُ اٌّضد‪ٚ‬ط‬
‫>‪ٚ <SELECT> </SELECT‬اٌخبط‪١‬خ ‪ٚ .OPTION‬وبالر‪:ٟ‬‬
‫>‪<SELECT‬‬
‫ػشث‪١‬خ>‪<OPTION‬‬
‫أىٍ‪١‬ض‪٠‬خ>‪<OPTION‬‬
‫فشٔغ‪١‬خ>‪<OPTION‬‬
‫اٌّبٔ‪١‬خ>‪<OPTION‬‬
‫>‪</SELECT‬‬
‫>‪</FROM‬‬
‫عزإد‪ ٞ‬اٌ‪ ٝ‬إٌز‪١‬غخ االر‪١‬خ ‪:‬‬
‫‪ٚ‬ػٕذ اٌؼغؾ ػٍ‪ ٝ‬اٌّإشش ع‪ٛ‬ف رظ‪ٙ‬ش لبئّخ اٌٍغبد‬
‫ِالؽظخ ٘زا إٌّ‪ٛ‬رط ‪٠‬ؼشع اخز‪١‬بس ‪ٚ‬اؽذ فمؾ‪ .‬اِب ارا سغجٕب ثؼًّ لبئّخ ؽغت ٘زا إٌّ‪ٛ‬رط رغّؼ ثؼشع‬
‫اخز‪١‬بساد ِزؼذد ػٕذ٘ب ٔغزخذَ اٌخبط‪١‬خ ‪MULTIPLE :‬‬
‫ّٔ‪ٛ‬رج اٌمائّح اٌىاٍِح‬
‫اْ اعزخذاَ اٌخبط‪١‬خ ‪٠ MULTIPLE‬غّؼ ثبظ‪ٙ‬بس وً االخز‪١‬بس ِشح ‪ٚ‬اؽذح ‪ّ٠ٚ‬ىٓ االخز‪١‬بس ِٕ‪ٙ‬ب ثشىً ِجبشش‬
‫‪ٚ‬ؽغت اٌّضبي اٌغبثك ٔجٕ‪ ٟ‬اٌشفشح االر‪١‬خ ‪:‬‬
‫>‪<SELECT NAME ="LANG" SIZE="4" MULTIPLE‬‬
‫ػشث‪١‬خ>‪<OPTION‬‬
‫أىٍ‪١‬ض‪٠‬خ>‪<OPTION‬‬
‫فشٔغ‪١‬خ>‪<OPTION‬‬
‫اٌّبٔ‪١‬خ>‪<OPTION‬‬
‫>‪</SELECT‬‬
‫>‪</FORM‬‬
‫إٌز‪١‬غخ ظ‪ٛٙ‬س اسثغ خ‪١‬بساد ‪ٚ‬ف‪ ٟ‬ؽبٌخ ‪ٚ‬ع‪ٛ‬د ػذد اوجش ‪٠‬زُ رغ‪١١‬ش اٌؼذد اٌّ‪ٛ‬ع‪ٛ‬د ِغ اٌخبط‪١‬خ ‪SIZE‬‬
‫ّٔ‪ٛ‬رج إٌض اٌحش‬
‫غبٌجب ِب رزؼّٓ طفؾبد اٌ‪٠ٛ‬ت ػٍ‪ِ ٝ‬غبؽبد ٔظ‪١‬خ رفبػٍ‪١‬خ رغّؼ ٌٍضائش اسعبي سعبٌخ ٔظ‪١‬خ ا‪ ٚ‬اٌزؼٍ‪١‬ك‬
‫ِؼ‪٘ٚ .ٓ١‬زٖ اٌّغبؽخ إٌظ‪١‬خ رؼذ ِغبؽخ ٔظ‪١‬خ رزؾمك ِٓ خالي اعزخذاَ اٌ‪ٛ‬عُ اٌضٕبئ‪<TEXTAREA> :ٟ‬‬
‫‪ِٚ‬غ ٘زا اٌ‪ٛ‬عُ رغخذَ خبط‪١‬خ ‪ NAME‬الػـبء اعُ ‪ٚ ،‬خبط‪١‬خ ‪ٌٍ ROWS ٚ COLS‬زؾىُ ثؾغُ اٌّغبؽخ‬
‫إٌظ‪١‬خ ػٍ‪ ٝ‬اعبط ػذد االػّذح ‪ٚ‬االعـش‪ِ :‬ضبي‬
‫>"‪<TEXTAREA NAME="MESSEGE" COLS="30" ROWS="10‬‬
‫>‪</TEXTAREA‬‬
‫إٌز‪١‬غخ ظ‪ٙ‬ش ِشثغ ٔض االر‪:ٟ‬‬
‫‪ٌٍٚ‬زؾىُ ثأٌ‪١‬خ اٌزفبف إٌض داخً إٌّ‪ٛ‬رط ‪٠‬زُ اعزخذاَ خبط‪١‬خ ‪ٌٙٚ WRAP‬ب صالس ل‪: ُ١‬‬
‫‪٠ VIRTUAL‬ز‪ٛ‬صع إٌض ػٍ‪ ٝ‬ػذح اعـش ٌىٕٗ ‪٠‬غزٍُ ػٍ‪ ٝ‬أٗ عـش ‪ٚ‬اؽذ‬
‫‪٠ : PHYSICAL‬ز‪ٛ‬صع إٌض ػٍ‪ ٝ‬ػذح اعـش ‪٠ ٚ‬غزٍُ وّب ٘‪.ٛ‬‬
‫‪٠ :OFF‬ىزت إٌض ػٍ‪ ٝ‬عـش ‪ٚ‬اؽذ ‪٠ٚ‬غزٍُ ثبٌـش‪٠‬مخ اٌز‪ ٟ‬وزت ث‪ٙ‬ب‪.‬‬
WRAP ‫اٌخاطٍح‬
<TEXTAREA NAME="MESSEGE" COLS="30" ROWS="10" WRAP="VIRTUAL">
</TEXTAREA>
<TEXTAREA NAME="MESSEGE" COLS="30" ROWS="10" WRAP="PHYSICAL">

</TEXTAREA>
<TEXTAREA NAME="MESSEGE" COLS="30" ROWS="10" WRAP="OFF">

</TEXTAREA>
‫خ‬١‫ّىٓ اعزخذاَ اٌخبط‬٠ ‫ ِغبؽخ إٌض ارا‬ٟ‫ اٌّذسط ف‬ٜٛ‫ اسعبي اٌّؾز‬ٌٝ‫ ا‬ٞ‫إد‬٠ ‫ صس‬ٌٝ‫رط ٔؾزبط ا‬ٌّٕٛ‫ِغ ٘زا ا‬
.SUBMIT ٟ‫ع االفزشاػ‬ٌٕٛ‫ ِغ ا‬INPUT
<INPUT TYPE="submit">
َ‫ش٘ب ثبعزخذا‬١‫ ثبالِىبْ رغ‬ٟ‫اٌز‬ٚ ٟ٘ ‫ب‬١‫ش رٍمبئ‬ٙ‫ عزظ‬ٟ‫ّخ اٌز‬١‫ػٍّب اْ اٌم‬
.VALUE ‫خ‬١‫اٌخبط‬
<INPUT TYPE="submit" VALUE="َ‫>“اسعً االعزؼال‬
‫ رخزبس٘ب‬ٜ‫ ػجبسح اخش‬ٞ‫ ا‬ٚ‫ا‬

RESET ‫ع‬ٌٕٛ‫زُ اعزخذاَ ا‬٠ ‫الٌغبء اٌشعبٌخ‬ٚ
<INPUT TYPE="RESET" VALUE="‫>“اِغؼ‬
‫اٌظفحاخ تاٌٍغح اٌؼشتٍح‬
‫ثبٌشغُ ِٓ اْ اغٍت اٌّزظفؾبد اطجؾذ لبدسح ػٍ‪ ٝ‬اوزشبف شفشح رشِ‪١‬ض اٌٍغخ اٌؼشث‪١‬خ اال اْ ِٓ اٌّ‪ ُٙ‬رؼش‪٠‬ف‬
‫اٌّزظفؼ اٌ‪ ٝ‬عمشح اٌٍغخ اٌؼشث‪١‬خ ٌؼّبْ ظ‪ٛٙ‬س٘ب ثبٌشىً اٌظؾ‪١‬ؼ ‪ .‬ػٍّب اْ اٌٍغخ اٌؼشث‪١‬خ رخزٍف ػٓ اٌٍغبد‬
‫اٌالر‪١ٕ١‬خ ثأٔ‪ٙ‬ب رىزت ِٓ اٌ‪ ٓ١ّ١‬اٌ‪ ٝ‬اٌ‪١‬غبس ‪ٕ٘ٚ .‬ب ػٍ‪١‬ه اْ رم‪ َٛ‬ثزؾ‪ ً٠ٛ‬ارغبٖ اٌظفؾخ ٌزؼشع ِٓ اٌ‪ ٓ١ّ١‬اٌ‪ٝ‬‬
‫اٌ‪١‬غبس ‪ٚ‬وبالر‪: ٟ‬‬
‫ِغ اٌ‪ٛ‬عُ اٌشئ‪١‬غ‪ٌٍ ٟ‬ظفؾخ >‪ <HTML‬ادسط اٌخبط‪١‬خ ‪ DIR‬صُ ‪ٚ RTL‬وبالر‪: ٟ‬‬
‫>‪<HTML DIR=RTL‬‬
‫اِب ارا وبٔذ اٌظفؾخ صٕبئ‪١‬خ اٌٍغخ ػشث‪ٚ ٟ‬أىٍ‪١‬ض‪ ٞ‬ػٕذ٘ب ‪٠‬فؼً اْ ‪٠‬زُ ادساط ٘زٖ اٌخبط‪١‬خ ِغ اٌ‪ٛ‬عُ >‪<P‬‬
‫>‪<HTML‬‬
‫>‪<HEAD><TITLE>HOME</TITLE‬‬
‫>‪</HEAD‬‬
‫>‪<BODY‬‬
‫>‪</P‬ارغبٖ إٌض ٘زا ِٓ اٌ‪ ٓ١ّ١‬اٌ‪ ٝ‬اٌ‪١‬غبس>‪<P DIR=RTL‬‬
‫>‪<P DIR=LTR>THIS TEXT FROM LEFT TO RIGHT</P‬‬
‫>‪</BODY‬‬
‫>‪</HTML‬‬
‫تؼشٌف سِض اٌٍغح اٌؼشتٍح‬
ُ‫ع‬ٌٛ‫ثؼذ ا‬ٚ <HEAD> ‫ ِٕـمخ‬ٟ‫ ف‬ٟ‫غت اػبفخ اٌغـش االر‬٠ ٟ‫ اٌؼشث‬ٜٛ‫ٌؼّبْ افؼً رظفؼ ٌٍظفؾبد ثبٌّؾز‬
:<TITLE>
<html DIR=RTL>
<head><title>HOME</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">
</head>
.ُ١ٍ‫ثشىً ع‬ٚ ‫ اٌّزظفؾبد‬ٟ‫ ف‬ٟ‫ اٌؼشث‬ٜٛ‫بس اٌّؾز‬ٙ‫غّؼ ثبظ‬٠ WINDOWS-1256 ‫ض‬١ِ‫ار اْ اٌزش‬
‫اٌٍّتاداتا (اٌثٍأاخ اٌف‪ٛ‬لٍح)‬
‫اٌّ‪١‬زبدارب ا‪ ٚ‬اٌج‪١‬بٔبد اٌف‪ٛ‬ل‪١‬خ ٘‪ ٟ‬ػجبسح ػٓ ِذاخً اػبف‪١‬خ رذسط ف‪ِ ٟ‬ظذس طفؾخ اٌ‪٠ٛ‬ت ‪ٚ‬اٌ‪ٙ‬ذف ِٕ‪ٙ‬ب ٘‪ ٛ‬رّى‪ٓ١‬‬
‫ِؾشوبد اٌجؾش ِٓ اٌؼض‪ٛ‬س ػٍ‪ ٝ‬اٌظفؾخ ‪ٚ‬رىش‪١‬ف‪ٙ‬ب ثبالػزّبد ػٍ‪ِ ٝ‬غّ‪ٛ‬ػخ ِٓ اٌّظـٍؾبد ‪ٚ‬اٌّفب٘‪ ِٓ ُ١‬خبسط‬
‫اٌّؾز‪ ٜٛ‬اٌفؼٍ‪ٌٍ ٟ‬ظفؾخ‪ ،‬فؼال ػٓ ٘زا رإد‪ ٞ‬اٌّ‪١‬زبدارب د‪ٚ‬س ف‪ ٟ‬اسشفخ اٌظفؾبد ‪ٚ‬رظٕ‪١‬ف‪ٙ‬ب‪ٚ ،‬رغّؼ ‪HTML‬‬
‫ثبدخبي ػٕبطش اٌّ‪١‬زبدارب ثبعزخذاَ اٌ‪ٛ‬عُ إٌّفشد >‪ِ .<META‬غ ِغّ‪ٛ‬ػخ ِٓ اٌخظبئض ‪ٚ‬اٌم‪ٚ . ُ١‬ػبدح رذسط‬
‫ث‪١‬بٔبد اٌّ‪١‬زبدارب ف‪ِٕ ٟ‬ـمخ اٌشاط ث‪ٚ <HEAD> </HEAD> ٓ١‬ثؼذ ‪ٚ‬عُ اٌؼٕ‪ٛ‬اْ ِجبششح ‪ٚ‬وبالر‪:ٟ‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE> ... </TITLE‬‬
‫>"‪<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256‬‬
‫>" ‪<META NAME="keywords" CONTENT=" ...‬‬
‫>" ‪<META NAME="description" CONTENT=" ...‬‬
‫>" ‪<META NAME="author" CONTENT=" ...‬‬
‫>" ‪<META NAME="copyright" CONTENT=" ...‬‬
‫>‪</HEAD‬‬
‫اٌم‪ّ١‬خ ‪ KEYWORD :‬ادساط اٌىٍّبد اٌّفزبؽ‪١‬خ اٌز‪ ٟ‬رؼجش ػٓ ِؾز‪ ٜٛ‬اٌظفؾخ ِفظ‪ٌٛ‬خ ثؼالِخ (‪),‬‬
‫اٌم‪ّ١‬خ ‪ٚ .DESCRIPTION :‬طف ػبَ ٌٍظفؾخ ‪ٚ‬ا٘ذاف‪ٙ‬ب‪.‬‬
‫اٌم‪ّ١‬خ ‪ .AUTHOR :‬اٌشخض ا‪ ٚ‬اٌغ‪ٙ‬خ اٌّغإ‪ٌٚ‬خ ػٓ اٌظفؾخ‪.‬‬
‫اٌم‪ّ١‬خ ‪ .COPYRIGT :‬ؽم‪ٛ‬ق اٌٍّى‪١‬خ اٌفىش‪٠‬خ ٌٍظفؾخ‪.‬‬
‫ّٔ‪ٛ‬رج ٌٍٍّتاداتا‬
‫>‪<HEAD‬‬
‫>‪<TITLE> ... </TITLE‬‬
‫>"‪<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256‬‬
‫>اٌّىتثاخ‪ ،‬ػٍُ اٌّؼٍ‪ِٛ‬اخ‪ ،‬اٌّىتثاخ اٌشلٍّح "=‪<META NAME="keywords" CONTENT‬‬
‫جّؼٍح ِ‪ٍٕٙ‬ح ت‪ٙ‬تُ تتىٕ‪ٌٛٛ‬جٍا اٌّؼٍ‪ِٛ‬اخ ‪ٚ‬تمٍٕاخ خضْ "=‪<META NAME="description" CONTENT‬‬
‫>"‪ٚ‬اعٕشجاع اٌّؼٍ‪ِٛ‬اخ‬
‫>" طالي ٔاظُ اٌضٍ٘شي "=‪<META NAME="author" CONTENT‬‬
‫جٍّغ اٌحم‪ٛ‬ق ِحف‪ٛ‬ظح ٌٍجّؼٍح اٌؼشالٍح ٌتىٕ‪ٌٛٛ‬جٍا "=‪<META NAME="copyright" CONTENT‬‬
‫>" اٌّؼٍ‪ِٛ‬اخ‬
‫>‪</HEAD‬‬
‫ِالحظح ‪ :‬عثك اٌتؼشٌف تّتطٍثاخ تؼشٌف اٌٍغح ‪.‬‬
‫ػّ‪ِٛ‬ا ٌّىٓ اْ تضٌذ لٍُ اٌٍّتاداخ ػّا تُ ػشضٗ ٌتشًّ اٌؼٕاطش ‪ٌ 15‬ؼٕاطش اٌذتٍٓ و‪ٛ‬س ٌىٓ ‪ HTML‬حتى‬
‫االطذاس اٌشاتغ ال ٌذػُ ٘زٖ اٌؼٕاطش‪ .‬اِا االطذاس ‪ XHTML‬فٍمذَ دػُ العتخذاَ تٍه اٌؼٕاطش‪.‬‬

Web Design by Dr. Talal Azzuhairi

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Design by Dr. Talal Azzuhairi

Uploaded by

Copyright:

Available Formats

‫تظٍُّ اٌّ‪ٛ‬الغ تاعتخذاَ ‪HTML‬‬

‫الدكتور طالل ناظم الزهيري‬

‫>‪<Hn‬‬ ‫‪-‬خبط‪١‬خ رؾذ‪٠‬ذ اٌؼٕب‪ ٓ٠ٚ‬اٌشئ‪١‬غ‪١‬خ ٌٍظفؾخ ثبعزخذاَ اٌ‪ٛ‬عُ >‪</Hn‬‬

This is<I> Italic Text </I> This is Italic Text

This is<U> Undelined Text </U> This is Undelined Text

This is<SUP> Superscript Text </SUP> This is Superscript Text

‫>‪<BLOCKQUOTE> ... </BLOCKQUOTE‬‬

‫األ‪ٚ‬ي >‪ٌ<DL> ... </DL‬زؼش‪٠‬ف ثذا‪٠‬خ ‪ٙٔٚ‬ب‪٠‬خ اٌمبئّخ‪.‬‬

‫‪ٚ‬اٌضبٔ‪ٛ٠ٚ <DT> ٟ‬ػغ لجً وً ِظـٍؼ ٌزؾذ‪٠‬ذٖ‪ٚ ٛ٘ٚ ،‬عُ ِفشد‪.‬‬

‫‪ٌٚ‬ؼجؾ ؽغُ اٌظ‪ٛ‬سح ‪:‬‬

‫>"‪<IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120‬‬

‫>‪</A‬اٌغّؼ‪١‬خ اٌؼشال‪١‬خ ٌزىٕ‪ٌٛٛ‬ع‪١‬ب اٌّؼٍ‪ِٛ‬بد>"‪<A HREF="HTTP://WWW.IRAQIAIT.NET‬‬

‫‪٠‬ؾذد أسثؼخ ئؿبساد أفم‪١‬خ اسرفبع األ‪ٚ‬ي ٘‪ 50 ٛ‬ث‪١‬ىغً‪،‬‬

‫‪ّ٠‬ىٓ رؾذ‪٠‬ذ اوضش ِٓ ٌغخ ف‪ٔ ٟ‬فظ اٌ‪ٛ‬لذ ِٓ خالي اٌظفؾخ‬

‫‪ٚ‬ػٕذ اٌؼغؾ ػٍ‪ ٝ‬اٌّإشش ع‪ٛ‬ف رظ‪ٙ‬ش لبئّخ اٌٍغبد‬

<TEXTAREA NAME="MESSEGE" COLS="30" ROWS="10" WRAP="PHYSICAL">

<TEXTAREA NAME="MESSEGE" COLS="30" ROWS="10" WRAP="OFF">

‫ رخزبس٘ب‬ٜ‫ ػجبسح اخش‬ٞ‫ ا‬ٚ‫ا‬

You might also like