تضٌ اهلل اىشدَِ اىشدٌٞ اىيٌٖ طي ٜػيٍ ٚذَذ ٗػي ٚآه ٍذَذ مَا طيٞد ػي ٚإتشإٗ ٌٞػي ٚآه إتشإ ٌٞإّل دَٞذ ٍجٞذ ٗتاسك ػيٍ ٚذَذ ٗػي ٚآه ٍذَذ مَا تاسمد ػي ٚإتشإٗ ٌٞػي ٚآه إتشإ ٌٞاّل دَٞذ ٍجٞذ ػِ اتٕ ٜشٝشج ػِ اىْث- ٜطي ٜاهلل ػيٗ ٔٞصيٌ قاه : ٍِ مرٌ ػيَا ٝؼئَ جاء ً٘ٝاىقٞاٍح ٍيجَا تيجاً ٍِ ّاس اىذَذ هلل سب اىؼاىَ ِٞذٌ االّرٖاء ٍِ ٕزا اىؼَو اىز ٙادػ٘ اهلل اُ ٝنُ٘ ى ٚتَصاتح طذقح جاسٝح ىٗ ٚاُ ْٝفغ مو تادس ػِ ػيٌ ٗاُ ْٝرفغ تح ٗاُ ٝشصيح ىنو ٍِ ٝشٝذ ...جزامٌ اهلل خٞش ىَشاصيرَٝ ... ٚنْنٌ ٍشاصير ٚػي ٚاىَٞو اىراىٚ Nany215eg@hotmail.com leadereg@hotmail.com nany21eg@yahoo.com hnn.work@gmail.com ذٌ االصرؼاّح تثؼض اىَ٘اقغ اىرؼيَٞٞح الػذاد ٕزج اىَادج اىؼيَٞح ششح ٍثضط ىيغح اىــــــ HTML اػـــــــذاد ا /دْاُ دضِ اىفٖـــشس اىذسس االٗه : ٍقذٍح ػِ ىغح اىــ HTML اىذسس اىصاّ : ٚىْثذا اىذسس اىصاىس :ذغٞٞش ٍضر٘ٝاخ اىنراتح اىذسس اىشاتغ :االى٘اُ اىذسس اىخاٍش :اىرؼاٍو ٍغ اىْظ٘ص اىذسس اىضادس :اىفقشاخ ٗاىق٘ائٌ اىذسس اىضاتغ : اىظ٘س اىذسس اىصاٍِ :اى٘طالخ اىرشؼثٞح اىذسس اىراصغ :اىجـــــــذاٗه اىذسس اىؼاشش :اىَْــــــارض ىَارا ّضرخذً ف ٜاألصاس XHTMLأٗ HTML؟ ٍا فائذذَٖا ؟ ّضرخذٍٖا ىرذ٘ٝو اىؼثاساخ ٗ اىْظ٘ص اىرّ ٜنرثٖا ىؼثاساخ ٗ ّظ٘ص ٍفٍٖ٘ح ٍِ قثو اىَرظفخ اىزّ ٛرظفخ تٔ اإلّرشّد ،تذٞس ّخثش اىَرظفخ ٍصالً تأُ اىخط اىزّ ٛنرة تٔ ٕ٘ خط tahomaأٗ أُ اىخط boldأٗ أُ اىخط ٍائو ،أٗ أّْا اّرقيْا إى ٚصطش جذٝذ ،مو ٕزٓ األٍ٘س اىر ٜىٌ ّنِ ّنرشز ىٖا ػْذ مراترْا تاى٘ٗسد ٝجة أُ ّيرفد ىٖا ػْذٍا ّشٝذ أُ ّظْغ طفذح ىإلّرشّد. اىؼْاطش اىفاسغح ؟! ٍا ٕ ٜ؟ اىؼْاطش اىفاسغح ف HTML ٜأٗ ٜٕ XHTMLاىر ٜال ٝظٖش ذأشٞشٕا ػيّ ٚض ٍذذد أٗ ط٘سج ٍذذدج ،مَصاه ،ػْذٍا ّق٘ه أّْا ّشٝذ صطشاً جذٝذاً ،اىضطش اىجذٝذ ال ْٝفز ػيّ ٚض ٍؼ ِٞفيزىل ّضَ ٔٞػْظش فاسؽ ٗ ٝنرة تاه HTMLمـ > <brأٍا تاه XHTMLفٖ٘ ٍشاتٔ ىآلخش إال أُ تٔ تؼض اإلخرالف ٕٗ٘ ٝنرة مـ<br />. اىذسس االٗه : ٍقذٍح ػِ ىغح اىــ HTML ٌ .1غخ اٌـ HTMLهً ِٓ اعهً اٌٍغبد اٌزً رغزخذَ ٌؼًّ طفؾبد االٔزشٔذ .2اٌـ HTML اٌّزشؼجخ .3 هً اخزظبس ٌــ Hyper text mark-up languageوهً رؼًٕ ٌغخ اٌزشُِض ٌىٍ رشي HTMLألٌ طفؾخ أزشٔذ رضوسهب ػٍُه أْ رؼغؾ ػًٍ لبئّخ ػشع " "Viewصُ اٌّظذس ”"Source َ .4غت اٌزؼٍُ ثؼغ اٌّظـٍؾبد اٌزً عىف ٔغزخذِهب ػٕذ وزبثخ اٌىىد اٌخبص ثـبٌـــ HTML تؼض ٍظطيذاخ ىغح اىــــ HTML Tag -1 اٌزبط ورظهش وّب ًٍَ > < وَغًّ Tag هً وٍّه رؼجُش ػٓ اواِش اي HTMLاٌّىعىدح داخً االلىاط اي اْ االِش َزُ وزبثزخ داخً االلىاط اٌغبثمخ االشبس ٌهب وّب ًٍَ : >< P عىف َزُ ششػ عُّغ االواِش الؽمب اْ شبء اهلل Container tags -2 هً اٌزبعظ اٌزً َزـٍت اْ َزُ فزؾخ الداء اِش ِؼُٓ وثؼذ االٔزهبء ِٓ وزبثخ االِش َزُ اغالله اي أه صوط ِٓ اٌزبط وّب فً اٌّضبي اٌزبًٌ : ><B> name </B ػٕذ فزؼ اٌزبط َىزت > <Bوػٕذ غٍمه َىزت ></B Empty tags-3 اي أه ربط ال َؾزبط اًٌ اْ َغٍك ِضً > <LIفهى ربط ال َؾزبط اًٌ اغالق ><LI عىف َزُ ششػ عُّغ االواِش الؽمب اْ شبء اهلل Inter prater-4 هى اٌزبط اٌزي َمىَ ثزشعّخ ٌغخ اٌـ HTMLاًٌ اٌّغزؼشع Capital ABC ---- Small abc-5 ػٕذ وزبثخ اٌزبط ال َىعذ اخزالف ارا رُ وزبثزه ثبؽشف smallاو ثبؽشف capital ٘ٝ -6جذ شالشح ٍظطيذاخ ف ٚغاٝح االَٕٞح َٕٗا ٗص٘ف ٝرٌ فٌَٖٖ امصش ٍِ خاله اىرذسٝة اىؼَيٚ Element Attribute Value االٍش اىخاطٔٞ اىقَٞح ص٘ف ّقً٘ تششدٌٖ االُ اُ شاء اهلل مَا ٝي: ٚ اٌزبط ِّىٓ اْ َؾزىي ػًٍ صالصخ ػٕبطش : - 1هى َؼـً االِش االعبعً ٌٍزبط ِضً 1- element Font ---- title ---- tableعىف َزُ فهّه اوضش ِٓ خالي االِضٍخ ِضال االِش ><Font -2هى َؾذد اٌخظبئض اٌزً عىف رظهش ػًٍ هزا االِش اٌخبطُخ Attribute فّضال >"<Font Color="red Attribute اٌخبطُخ اٌزً عىف ٔمىَ ثزغُشهب -3اٌمُّخ value هً لُّخ اٌخبطُخ )(attribute ارْ اٌّضبي اٌزبًٌ َىػؼ اٌضالصخ ػٕبطش ِؼب > "<Font Color=" red Value attribute Elemen t ٗتٖزا ّنُ٘ قذ اّرْٖٞا ٍِ تؼض اىَظطيذاخ اىٖاٍح ىيغح اىــــHTML اىذسس اىصاّ : ٚىْثذا َزُ وزبثخ اواِش اٌــ HTMLفً اي ِؾشس ٔظً ثغُؾ ِضً اٌـــ Notepadواٌزي َّىٓ اْ رغذح فً لبئّخ اثذاء " " startصُ فً لبئّخ اٌجشاِظ " " programصُ " " Accessoriesوّب هى ِىػؼ ثبٌشىً اٌزبًٌ : Start--- program --- accessories --- Notepad Notepad Notepad اوَّىٓ وزبثخ اواِش اٌــ HTMLفً اي ِؾشس ٔظً ثغُؾ ِضً اٌـــ Notepadثبٌؼغؾ RCثبٌفبسح واخزُبس االِش Newصُ Text Documentوّب هى ِىػؼ ثبٌشىً Text Document واالْ عىف ٔمىَ ثبٔشبء اوي طفؾخ ثبعزخذاَ اٌـــ االواِش اٌزبٌُه داخً ٍِف اٌـــ Notepadاٌزي رُ أشبءح اعُ طفؾزه هٕب هى GOMAN HTMLورٌه ثىزبثخ ><html ><head ><title> GOMAN </title ><body> welcome </body ></head > </ html أوي شٍء ػٍُه فؼٍه هى أْ رخجش اٌّزظفؼ ثأٔه "عززؾذس" ِؼه ثٍغخ HTMLورٌه ثبْ رىزت داخً ِؾشس إٌض > <htmlصُ رغٍك هزا اٌىىد وّب ًٍَ ></ html اٌشٍء اٌزبٌٍ اٌزٌ رؾزبعه طفؾزه هى أِش سأط اٌظفؾخ " "headواٌزي َمذَ ِؼٍىِبد ػٓ اٌظفؾخ ٌٍّزظفؾخ ٌزٌه َزُ وزبثزخ وّب ًٍَ > < headواَؼخ َزُ اغاللخ وّب ًٍَ ></ head اَؼب رؾزبط اًٌ رغُّزخ طفؾزه اٌزً عىف رمىَ ثبٔشبئهب ٌزٌه رؾزبط اًٌ االِش واغاللخ اَؼب وّب ًٍَ > </ titleوعُىىْ اعُ طفؾزه هٕب ثبعُ GOMAN >< title اَؼب رؾزبط اًٌ اِش ” “ bodyواٌزٌ عُؾىٌ اٌّؾزىَبد اٌزً رشَذ اْ رؼؼخ داخً اٌظفؾخ وثبٌزبًٌ َىزت وّب ًٍَ ><bodyصُ َزُ اغاللخ ></ body وّب ًٍَ فزؼ واغالق االِش : ><html ><head ><title> GOMAN </title ><body> welcome </body ></head ></ html ثؼذ اْ رمىَ ثىزبثخ االواِش اٌغبثمخ داخً طفؾخ اٌــ “ “.htmlوّب هى ِىػؼ ثبٌشىً اٌزبًٌ Notepadرمُ ثؾفظ اٌٍّف ثبِزذا د ٚ مَا تاىشنو اىراى.html رٌ دفظ اىَيف تاٍرذادٝ ٌرٝ تؼذ مراتح االٍش .html َزُ ؽفظ اٌٍّف ثبِزذاد <html> اعُ اٌٍّف هٕب <head> Pag.html</title> <title> GOMAN <body> welcome </body> </head> </ html > ٍيذ٘ظح ٕاٍح ٗ اcapital اخرالف ارا ٍا مرة االٗاٍشٙش ْٕاك اٞ ىHTML ىغح اىــٚف : حٞ ٍِ االشناه اىراىَٙنِ مرثح االٗاٍش اىضاتقح تاٞ فsmall <html> <head> <title> GOMAN </title> <body> welcome </body> </head> </ html > ٗا <HTML> <HEAD> <TITLE> GOMAN </TITLE> <BODY> welcome </ BODY > </ HEAD > </ HTML > ٗػْذ اىضغط ػيّ save ٚنُ٘ اّشائْا اٗه طفذح اوي طفؾخ رُ أشبئهب فً ِىلؼه ّقً٘ تفرخ اىظفذح اىضاتقح ّٗجذ ٍا ٝي: ٚ ّقً٘ تفرخ اىظفذح اىضاتقح ّٗجذ ٍا ٝي: ٚ اعُ اٌظفؾخ َظهش فً اٌؼٕىاْ ثبعُ GOMANمَا ذٌ مراترح ف ٚاالٗاٍش اىضاتقح ٍيذ٘ظح ٕاٍح ٘ٝجذ ٍجَ٘ػح ٍِ اىراض ٝجة مراترٖا ف ٚمو طفذح ٕٗٚ ><Title ><Head > <html ٝطيق ػيٖٞا اصٌ structure tagإٞ ٙنو اىظفذح ٗٝجة ٍشػاج اىرشذٞة ػْذ اىنراتٔ اىذسس اىصاىس :ذغٞٞش ٍضر٘ٝاخ اىنراتح ٌزغُُش ِغزىَبد اٌىزبثخ َغزخذَ اٌزبط اٌزبًٌ : ><H1> this is the first line </H1 ><H2> this is the second line </H2 ><H3>this is the third line </H3 وَزُ رغُش ِغزىَبد اٌىزبثخ ِٓ اٌّغزىي االوي وؽزً اٌّغزىي اٌغبدط ><H1> to <H6 َزُ وزبثخ اٌىىد فً طفؾخ اٌــ Notepadاٌغبثك أشبئهب وّب هى ِىػؼ ثبٌشىً : ِالؽظخ هبِخ ٌفزؼ طفؾخ اٌـ ِٓ Notepadداخً ِزظفؾه ِٓ لبئّخ source -- View االواِش اٌغذَذح اٌزً رّذ اػبفزهب ثىزبثخ االواِش اٌغبثمخ داخً اٌــ َ Notepadظهش ٌٕب ثهزا اٌشىً فً ِزظفؾه : ِالؽظخ هبِخ ٌفزؼ طفؾخ اٌـ ِٓ Notepadداخً ِزظفؾه View – source ِالؽظخ هبِخ الظهبس ربصُش اي اِش عذَذ َزُ اػبفزخ داخً ٍِف اٌــ َ Notepadزُ اٌؼغؾ ػًٍ ِفزبػ Refreshاٌّىعىد ثششَؾ اٌــ standard buttonsفً ِزظفؾه وّب هى ِىػؼ ثبٌشىً اٌزبًٌ : Refresh َزُ اٌؼغؾ ػًٍ صساس ٌزٕشُؾ اٌظفؾخ واظهبس ربصُش االِش اٌزي رُ ادخبٌخ ِالؽظخ هبِخ اوCapital ٌُظ هٕبن اي اخزالف ارا ِب وزجذ االواِشHtml فً ٌغخ اٌــ اي ثبؽشف وجُشح او ثبؽشف طغُشح فّضال َّىٓ وزبثخ االِشsmall وزجذ <H1> this is the first line </H1> ًٍَ وّب <H2> this is the second line </H2> <H3>this is the third line </H3> <h1> this is the first line </h1> <h2> this is the second line </h2> <h3>this is the third line </h3> ًٍَ او وزبثخ وّب اىذسس اىشاتغ :االى٘اُ ٌزؾذَذ ٌىْ اٌخٍفُخ ٌظفؾزه عىف ٔغزخذَ خبطُخ BGCOLORاِب FFFFFFفهً اٌمُّخ اٌزً رّضً اٌٍىْ اٌّخزبس وهى اٌٍىْ االثُغ ِغ ِالؽظخ أهب رىزت ثُٓ ػالِزً رٕظُض " " او 000000وهً اٌمُّخ اٌزً رّضً اٌٍىْ االعىد او اػبفخ اي ِٓ لُُ االٌىاْ اٌّخزٍفخ ِضال # A6DAF5وَالؽظ َزُ اػبفزخ اٌؼالِخ اٌزبٌُخ #لجً وزبثخ اٌٍىْ عىف اػُف شىً َىػؼ اٌمُُ اٌّخزٍفخ ٌجؼغ االٌىاْ وّب ًٍَ : ِالؽظخ ٌّ :ؼشفخ اٌمُُ ٌالٌىاْ اٌّخزٍفخ َّىٓ ِٓ اٌشاثؾ اٌزبًٌ : http://www.w3schools.com/html/html_colors.asp ٔؼىد ِشح صبُٔخ ٌزغُش ٌىْ اٌخٍفُخ وّب عجك واْ لٍٕب َزُ اعزخذاَ خبطُخ BGCOLORوَزت االِش اٌزبًٌ : ٌغؼً اٌخٍفُخ ثبٌىْ االؽّش َىزت االِش اٌزبًٌ <" >body BGCOLOR="FF0000 ٌغؼً اٌخٍفُخ ثبٌىْ االصسق َزُ اػبفخ االِش اٌزبًٌ <">body BGCOLOR="0000FF ٌغؼً اٌخٍفُخ ثبٌىْ اٌجُظ ( وَزُ ِؼشفخ لُّزخ ِٓ اٌٍىؽخ اٌّىعىدح اػًٍ ) وَىزت االِش اٌزبًٌ : ِغ ِالؽظخ أخ َزُ اػبفخ اٌؼبٌّخ اٌزبٌُخ لجً وزبثخ لُّزخ اٌٍىْ # <> "body BGCOLOR="#F5F5DC وهى ِىػؼ ثبٌشىً اٌزبًٌ : االِش اٌغذَذ اٌزي رُ اػبفزخ ٌزغُش ٌىْ اٌخٍفُخ ٌٍىْ اٌجُظ وثؼذ اػبفزخ االِش َؼهش ِزظفؾه وّب ًٍَ ثبٌٍىْ اٌجُظ : اىذسس اىخاٍش :اىرؼاٍو ٍغ اىْظ٘ص ٌٍزؾىُ فً اٌخـىؽ َغزخذَ اٌزبط اٌزبًٌ : ><Font> ……… </Font وٌٍزؾىُ فً ثؼغ خظبئض اٌخـىؽ وبٌؾغُ واٌٍىْ ؤىع اٌخؾ ٔغزخذَ ثؼغ اٌخظبئض اٌزً عىف َزُ ششؽخ اْ شبء اهلل وّب ًٍَ : ٌزغُش ٔىع اٌخؾ ٌزؾذَذ ٔىع اٌخؾ َغزخذَ اٌخبطُخ Faceؽُش ٔغزـُغ رغُش ٔىع اٌخؾ ِٓ ثُٓ االٔىاع اٌّخزٍفخ وـــــ Times New Romanاو Tahomaاو Simplified Arabicاو Vladimir Scriptاو.......... وَىزت االِش وّب ًٍَ : >"<font face="Times New Roman Welcome in my sit I hope to show all contain in my site <>/font وَىزت االِش داخً ٍِف اٌــ Notepadوّب ًٍَ : ٍالدظح ٕاٍح ٝرٌ َ -1زُ فزؼ اٌزبط > <fontصُ َزُ اغاللخ ></font َ -2زُ اعزخذاَ اٌخبطُخ ٌ faceزغُش ٔىع اٌخؾ واٌخؾ اٌّغزخذَ فً اٌّضبي اٌغبثك هى Times New Roman َ 3ىزت اٌخؾ ثُٓ ػالِزُٓ رٕظُض " " >>font face="Times New Roman"< …………</font َزُ اغالق اٌزبط ػالِزً رٕظُض اٌخبطُخ ٌ faceزغُش ٔىع اٌخؾ ِالؽظخ هبِخ وَزُ اٌؼغؾ ػًٍ صاسا Refreshداخً ِزظفؾه الظهبس ربصُش االِش اٌغذَذ وَظهش ِزظفؾه ثهزا اٌشىً ٌزغُش ٌىْ اٌخؾ َغزخذَ ٌزغُش ٌىْ اٌخؾ اٌخبطُخ Colorورٌه ثٕفظ ِجبدي رؾذَذ االٌىاْ وّب عجك وششؽٕب >"<font color="0000ff Welcome in my sit I hope to show all contain in my site <>/font وهٕب َظهش ٌىْ اٌخؾ ثبٌٍىْ االصسق فً ِزظفؾه وّب ًٍَ وهٕب َظهش ٌىْ اٌخؾ ثبٌٍىْ االصسق فً ِزظفؾه وّب ًٍَ ٌىْ اٌخؾ ثبٌٍىْ االصسق وّب هى ظبهش ٌزؾذَذ ؽغُ اٌخؾ ٌزؾذَذ ؽغُ اٌخؾ َغزخذَ خبطُخ Sizeوفمؾ هٕبن 7أؽغبَ الي خؾ رغزـُغ اٌّزظفؾبد اٌزؼشف ػٍُهب وَىزت االِش اٌزبًٌ > "<font size=" 3 welcome in my website ></font وهٕبن اعٍىثُٓ ٌزغُش ؽغُ اٌخؾ اِب ثزؾذَذ ؽغّخ ِب ثُٓ ا اًٌ 7وّب ًٍَ : ؽغُ اٌخؾ سلُ 1 ؽغُ اٌخؾ سلُ 2 ؽغُ اٌخؾ سلُ 3 ؽغُ اٌخؾ سلُ 4 ؽغُ اٌخؾ سلُ 5 ؽغُ اٌخؾ سلُ 6 ؽغُ اٌخؾ سلُ 7 االعٍىة اٌضبًٔ وهى اعٍىة ٔغجً ؽُش رىزت االؽغبَ ِٓ 1اًٌ 6وٌىٓ َظؾجهب ػالِخ + االعٍىة اٌضبًٔ وهى اعٍىة ٔغجً ؽُش رىزت االؽغبَ ِٓ 1اًٌ 6وٌىٓ َظؾجهب ػالِخ + ٌزىجُش اٌؾغُ او ػالِخ – ٌزظغُش اٌؾغُ وّب ًٍَ : وَىزت االِش وّب ًٍَ : > " <font size =" +3 Welcome in my site > </ Font ٍالدظح ٕاٍح : ًٍَ َّىٓ رغُش ؽغُ وٌىْ ؤىع اٌخؾ ِؼب فً اِش واؽذ وّب <font face ="Times New Roman" color = " 0000ff " size =" 4 " > Welcome in my site </font> ٍٚصاه ػَي ُ " وثؾغSimSun " ِضال عىف الىَ ثىزبثخ ٔض داخً طفؾزً ثبٌٍىْ االؽّش وثٕىع خؾ اعّخ : ًٍَ ” ٌؼًّ رٌه َىزت االواِش اٌزبٌُخ داخً ٍِف إٌىد ثبد وّب4" <font face=" SimSun " color= " ff0000 " size=" 4 " > Welcome to Welcom Software - Building business software solutions for over 30 years Increase your revenues, reduce your costs and enable more informed management decision-making with Welcom Software solutions. Welcom Software has over 30 years experience in creating bespoke business software solutions to help companies build better, more effective businesses. Our expert consultants will work with you in-house to evaluate your existing software capabilities and create a unique solution to streamline your business processes and help you work more efficiently </font> ٌّشبهذح ربصُش اٌىىد رمىَ ثفزؼ ِزظفؾه واٌؼغؾ ػًٍ ِفزبػ Refreshفُظهش ِزظفؾه وّب ًٍَ : َضاي ِىػىع اٌذسط اٌشاثغ هى اٌزؼبًِ ِغ إٌظىص وعٕىًّ اْ شبء اهلل ثبلً االوِش اٌّزؼٍمخ ثبٌٕظىص االْ ٌؼًّ فمشح عذَذح داخً ِزظفؾه : ًٌٌٍجذء فً وزبثخ اي فمشح عذَذح داخً ِزظفؾه رمىَ ثىزبثخ اٌىىد اٌزب <p> Welcome in my site these’s the first time I building new sit </p> فّضال ٌى اسد اػبفخ فمشح اخشح داخً ِزظفؾً ثؼذ اٌزؼذًَ اٌغبثك عىف َزُ وزبثخ : االواِش اٌزبٌُخ <font face=" SimSun " color= " ff0000 " size=" 4 " > Welcome to Welcom Software - Building business software solutions for over 30 years Increase your revenues, reduce your costs and enable more informed management decision-making with Welcom Software solutions. </font> <p> اِش اػبفخ فمشح عذَذح business software solutions to help companies build better, more effective businesses. Our expert consultants will work with you in-house to evaluate your existing software capabilities and create a unique solution to streamline your business processes and help you work more efficiently </p> اغالق اِش اػبفخ فمشح عذَذح ثؼذ اػبفخ االِش اٌغبثك ٔمىَ ثفزؼ ِزظفؾً ورٕشُـخ فُظهش ٌٕب ثهزا اٌشىً ٔالؽظ رُ اػبفخ فمشح عذَذح داخش اٌّزظفؼ ٌغؼً اٌفمشح َُّٓ او َغبس او فً اٌىعؾ ٌغؼً اٌفمشح َُّٓ او َغبس او فً اٌىعؾ َغزخذَ خبطُخ Alignوّب ًٍَ : ٌغؼً اٌفمشح َُّٓ َىزت االِش اٌزبًٌ > " <P Align=" right Welcom ></P ًٌٌغؼً اٌفمشح َغبس َىزت االِش اٌزب <P Align=" left " > Welcom </P> ٌغؼً اٌفمشح فً اٌىعؾ <P Align=" center " > Welcom </P> ٌٍجذء ػًٍ عـش عذَذ ٌٍجذء فً اٌىزبثخ ػًٍ عـش عذَذ داخً اٌّزظفؼ َغزخذَ االِش اٌزبًٌ وهى اِش َزُ فزؾخ َ وّب عجك ورُ ششؽخ فً اٌذسط االوي اي ال ٍَضEmpty tags وال َزُ اغاللخ فهى ِٓ ٌىؽخ اٌّفبرُؼ فّضال ٌى اسد وزبثخ عضءenter هزا االِش َؼًّ ثّضبثخ ِفزبػ. اغاللخ : ًٍَ ِٓ إٌض اٌغبثك ػًٍ عـش عذَذ فُىىْ وّب <font face=" SimSun " color= " ff0000 " size=" 4 " > Welcome to Welcom Software - <br>Building business software solutions for over 30 years Increase your revenues, <br>reduce your costs and enable more informed management decision-making with Welcom Software solutions. </font> < ِشرُٓ فُظهش ٌٕب فً اٌّغزؼشع وّب ٌى وبٔذ اٌفمشحbr> ٔالؽظ إٔب اػفٕب اِش اٌــ ًٍَ ِىزىثخ وّب Welcome to Welcom Software – Building business software solutions for over 30 years Increase your revenues, reduce your costs and enable more informed management decisionmaking with Welcom Software solutions. ًٌوّب هى ِىػؼ ثبٌشىً اٌزب اٌزٕغُمبد واٌزبصُشاد ٔبرً االْ ػًٍ اٌزٕغُمبد واٌزبصُشاد اٌزً َّىٓ اػبفزهب ػًٍ إٌظىص وفُّب ًٍَ االواِش اٌخبطخ ثهب اٌخؾ اٌغبِك ( االعىد اٌؼشَغ ) )(Bold ٌغؼً إٌض ثخؾ اعىد ػشَغ )َ (Boldغزخذَ االِش اٌزبًٌ : ><B> welcome </B وثىزبثخ االِش اٌغبثك داخً ٍِف اٌـــ Notepadوّب ًٍَ : وفزؼ اٌّغزؼشع َظهش إٌض وّب ًٍَ اٌخؾ َظهش ثٍىْ االعىد اٌغبِك ٍيذ٘ظٔ ٕاٍح َّىٓ اعزخذاَ ربط اٌــ > <Strongثذال ِٓ ربط اٌــ >ٌ < Bغؼً اٌخؾ عُّه اٌخؾ اٌّبئً Italic ٌىزبثخ إٌض ثخؾ ِبئً َىزت االِش اٌزبًٌ : ><I> welcome </I وَىزت فً اٌــ Notepadوّب ًٍَ : ><I ></I وَظهش ربصُش االِش فً اٌّغزؼشع وّب ًٍَ : وَظهش ربصُش االِش فً اٌّغزؼشع وّب ًٍَ : اٌخؾ اٌّغـش الػبفخ خؾ اعفً إٌض َىزت االِش اٌزبًٌ : ><U> welcome </U اٌخؾ اٌّشرفغ <SUP> welcon </SUP> اٌخؾ إٌّخفغ <SUP> welcon </SUP> اٌخؾ اٌىجُش <BIG> welcom </BIG> اٌخؾ اٌظغُش <SMALL> welcome </SMALL> ٍالدظح َّىٓ وزبثخ اوضش ِٓ اِش ِغ ثؼغ ِغ ِالؽظخ اْ ِب َفزؼ اوال َمفً اخش وّب ًٍَ : ><B><I><U> welcome in my sit </U></I></B وَظهش هزح االواِش وّبًٍَ فً اٌّغزؼشع : الظهبس إٌض وّب هى ِىزىة فً اٌـ Notepad الظهبس إٌض وّب هى ِىزىة فً اٌـ Notepadفّضال ٔشَذ وزبثخ إٌض اٌزبًٌ داخً ِزظفؾً وّب هى ظبهش Dear visitor I hope to enjoy in my sit Contact us ٌىزبثخ إٌض وّب هى َىزت االِش اٌزبًٌ ><pre> …</pre ٌىزبثخ إٌض وّب هى َىزت االِش اٌزبًٌ داخً ٍِف اٌـــ : Notepad ><pre Dear visitor I hope to enjoy in my sit Contact us ></pre ٍِف اٌــ :Notepad وَظهش ِغزؼشػً وّب ًٍَ ِؾبرح ٌٍٕظىص ٌؼًّ ِؾبرح ٌٍٕظىص ٌٍُُّٓ اوٌٍُغبساوٌٍىعؾ ربط اٌــ > <divواٌخبطُخ alignواٌمُُ ٌّ leftؾبرح إٌض ٌٍُغبس او ٌّ rightؾبرح إٌض َُّٓ او ٌ centerغؼً إٌض فً إٌّزظف وَىزت االِش اٌزبًٌ : ٌّؾبرح إٌض ٌٍُّٓ ><div align =" right " > welcome </div ٌّؾبرح إٌض ٌٍُغبس ><div align =" left " > welcome </div ٌّؾبرح إٌض فً اٌىعؾ ><div align =" center " > welcome </div وَزُ اػبفخ االِش وّب ًٍَ داخً ٍِف اٌــ : Notepad وَظهش فً اٌّغزؼشع وّب ًٍَ : ٔالؽظ ِب ًٍَ : اٌؼٕظش هٕب هى اٌـــ div اٌخبطُخ هً اٌــ align -اٌمُّخ هٕب هً اٌــ left / center / right >"<div align="left Element Value attribute ٌؼًّ خؾ داخً اٌظفؾخ ٌؼًّ خؾ داخً اٌظفؾخ ٔغزخذَ ربط او اٌـ <HR> elementوٌزغُش ِؾبرح َغزخذَ اٌخبطُخ اٌــ alignوَىزت االِش داخً ٍِف اٌــ Notepadوّب ًٍَ ٌؼًّ اٌخؾ فً إٌّزظف >"<HR align="center ٌٌُُّٓؼًّ اٌخؾ فً ا <HR align="right"> ٌؼًّ اٌخؾ فً اٌُغبس <HR align="left"> ٌزٕغُك اٌخؾ ٌزغُُش ؽغُ اٌخؾ <HR size="3"> او <HR size="1"> ٌزغُُش ػشع اٌخؾ ً< ثبٌجُىغHR Width="300"> او <HR Width="100"> <HR Width="50%"> ثبٌٕغجخ اىذسس اىضادس :اىفقشاخ ٗاىق٘ائٌ هٕبن ٔىػُٓ ِٓ اٌمىائُ هّب : اٌمىائُ اٌّزغٍغخ واٌُه اٌّضبي اٌزبًٌ ػٍُهب : اعّبء ثؼغ اٌّششوثبد ثبٌٍغخ االٔغٍُضَخ Coffee Milk Mango Limon ٌىزبثخ هزح اٌمبئّخ اٌّزغٍغخ َغزخذَ اٌزبط اٌزبًٌ : ><OL ><LI> ………. </LI ><LI>……….. </LI ><LI> ……..... </LI ></OL 1234- Notepad وٌؼًّ اٌمبئّخ اٌغبثمخ َىزت االِش اٌزبًٌ داخً ٍِف اٌــ <OL> <LI> Coffee </LI> <LI> Milk </LI> <LI> Mango </LI> <LI> Limon </LI> </OL> ًٍَ وّبNotepad وَظهش فً ٍِف اٌــ وَظهش فً اٌّغزؼشع وّب ًٍَ ٍِؾىظخ هبِخ ٌغؼً اٌمبئّخ اٌّغٍغخ ثمُُ Aاو iاو Iاو aرغزخذَ خبطُخ TYPEوَىزت االِش وّب ًٍَ > ”<OL TYPE =”A ><LI> ………. </LI ><LI>……….. </LI ><LI> ……..... </LI ></OL وَظهش فً اٌّغزؼشع وّب ًٍَ اٌمىائُ غُش اٌّزغٍغخ واٌُه اٌّضبي اٌزبًٌ ػٍُهب : اعّبء ثؼغ اٌّششوثبد ثبٌٍغخ االٔغٍُضَخ Coffee Milk Mango Limon ٌىزبثخ هزح اٌمبئّخ اٌغُش اٌّزغٍغخ َغزخذَ اٌزبط اٌزبًٌ : ><UL ><LI> ………. </LI ><LI>……….. </LI ><LI> ……..... </LI ></UL Notepad وٌؼًّ اٌمبئّخ اٌغبثمخ َىزت االِش اٌزبًٌ داخً ٍِف اٌــ <UL> <LI> Coffee </LI> <LI> Milk </LI> <LI> Mango </LI> <LI> Limon </LI> </UL> ًٍَ وّبNotepad وَظهش فً ٍِف اٌــ ورظهش اٌمبئّخ فً اٌّغزؼشع وّب ًٍَ ٍيذ٘ظح ٕاٍح ٌغؼً اٌمبئّخ اٌغُشاٌّغٍغخ ثشِىص ِخزٍفخ وشِض اٌذائشح اٌّفشغخ Circleاو سِض اٌّشثغ Squareرغزخذَ خبطُخ TYPEوَىزت االِش وّب ًٍَ > ”<UL TYPE =”square ><LI> ………. </LI ><LI>……….. </LI ><LI> ……..... </LI ></UL اىذسس اىضاتغ : اىظ٘س الدساط اٌظىس داخً طفؾبد ِىلؼه َغزخذَ ربط اٌــ > < IMGوهى ربط Empty tagsاي أه ربط ال َؾزبط اًٌ اْ َغٍك وٌىٓ هزا ال َىفً الدساط طىسح ٌزٌه َزجغ هزا اٌزبط خبطُخ اٌــ ٌ SRCزؾذَذ ِىلغ واعُ اٌظىسح اٌزً عىف َزُ ادساعهب ٍِؾىظخ هبِخ َ :فؼً اػبفخ اٌظىسح اٌّشاد ادساعهب فً ٔفظ اٌفىٌذس او اٌّغٍذ اٌزي َىعذ ثخ طفؾبد ِىلؼه وثزٌه َىزت االِش اٌزبًٌ الدساط اي طىسح : اوال ارا وبٔذ اٌظىسح فً ٔفظ اٌّغٍذ >"ِظذس اٌظىسح " = <IMG SRC صبُٔب ارا وبٔذ اٌظىسح فً ِغٍذ فشػً َىزت اعُ اٌّغٍذ صُ ػالِخ /صُ اعُ اٌظىسح وّب ًٍَ : >" اعُ اٌظىسح " /اعُ اٌّغٍذ " = <IMG SRC عىف ٔبخز ِضبٌُٓ ػًٍ ِب عجك اٌّضبي االوي عىف الى ثفزؼ فىٌذس او ِغٍذ ثبعُ imagesفً ٔفظ اٌفىٌذس او اٌّغٍذ اٌّىعىد فُخ طفؾبد اٌّىلغ وعبدخً فُخ اٌظىسح اٌّشاد ادساعه وهً ثبعُ cartonالدساط هزح اٌظىسح عىف اوزت االِش اٌزبًٌ داخً ٍِف اٌــ Notepad > " < IMG SRC= " images/ carton.jpg وَظهش ٍِف اٌـ Notepadوّب ًٍَ : ورظهش اٌظفؾخ وّب ًٍَ وثهب اٌظىسح اٌزً رُ ادساعهب اٌّضبي اٌضبًٔ عىف الى ثبػبفخ اٌظىسح اٌغبثمخ فً ٔفظ اٌفىٌذس او اٌّغٍذ اٌّىعىد فُخ طفؾبد اٌّىلغ و اٌظىسح اٌّشاد ادساعه وهً ثبعُ cartonالدساط هزح اٌظىسح عىف اوزت االِش اٌزبًٌ داخً ٍِف اٌــ Notepad > " < IMG SRC= " carton.jpg وَظهش ٍِف اٌـ Notepadوّب ًٍَ : ورظهش اٌظفؾخ وّب ًٍَ وثهب اٌظىسح اٌزً رُ ادساعهب صبٌضب :ارا وبٔذ اٌظىسح فً ِغٍذ فشػً وطفؾبد اٌّىلغ فً ِغٍذ اخش اي وّب ًٍَ فُىزت االِش وّب ًٍَ " <IMG SRC =" ../images/carton.jpg وَظهش ٍِف اٌـ Notepadوّب ًٍَ : Background ٌىػغ خٍفُخ طىسح ٔغزخذَ اٌخبطُخ ًٌَىزت االِش اٌزب <body Background="car.jpg"> اىرذنٌ ف ٚخظائض اىظ٘س اٌزؾىُ فً ؿىي وػشع اٌظىسح ٌٍزؾىُ فً ؿىي اٌظىسح رغزخذَ خبطُخ اٌــ Heightوٌٍزؾىُ فً ػشع اٌظىسح رغزخذَ خبطُخ Widthوّب ًٍَ >"<IMG SRC="carton.jpg" width="300" height ="200 وَظهش ٍِف اٌـ Notepadوّب ًٍَ : ٌزٕغُك ِؾبراح اٌظىسح ٌزٕغُك ِؾبراح اٌظىسح رغزخذَ خبطُخ اٌــ Alignوّب ًٍَ : ٌزغُك اٌظىسح فً اٌىعؾ رغزخذَ خبطُخ اٌــ Alignواٌمُّخ centerوّب ًٍَ : >"<div align="center"> <IMG SRC="carton.jpg ></div وَظهش ٍِف اٌـ Notepadوّب ًٍَ : وَظهش ثبٌّغزؼشع وّب ًٍَ ًٍَ وَظهش ثبٌّغزؼشع وّب : ًٍَ وّبleft واٌمُّخAlign ٌزغُك اٌظىسح فً آٌُّ رغزخذَ خبطُخ اٌــ <div align="left"> <IMG SRC="carton.jpg"> </div> : ًٍَ وّبright واٌمُّخAlign ٌزغُك اٌظىسح فً اٌُغبس رغزخذَ خبطُخ اٌــ <div align="left"> <IMG SRC="carton.jpg"> </div> اٌخبطُخ Hspace هً رؼجش ػٓ اٌّغبفه ثُٓ اٌظىسح واٌىالَ اٌّغبوس فّضال َّىٓ وزبثخ اٌىىد وّب ًٍَ : >"<IMG SRC="carton.jpg" Hspace="10 هٕب اٌّغبفه عىف رىىْ ثّمذساس 10 وَظهش ٍِف اٌـ Notepadوّب ًٍَ : وَظهش ثبٌّغزؼشع وّب ًٍَ وَظهش ثبٌّغزؼشع وّب ًٍَ اٌّغبفخ هٕب ثُٓ ثذَخ اٌظفؾخ واٌظىسح 10وّب هىص ظبهش خبطُخ ALT وفُهب ٔؾذد ٔظب ثذَال َظهش ِىبْ اٌظىسح .وهزا إٌض َالؽظ خظىطب ػٕذِب َىىْ خُبس " اظهبس اٌظىسح رٍمبئُب " غُش فؼبي فً اٌّزظفؼ وب رغزـُغ ِالؽظزخ فً اٌفزشح اٌزً رغجك رؾًُّ اٌظىسح وخبطخ فً اٌّىالغ ثـُئخ اٌزؾًُّ وَظهش اَؼب ػٕذِب رمف ثبٌّؤشش ػًٍ اٌظىسح فزالؽظ اعُ اٌظىسح او اٌؼجبسح اٌزً لّذ ثىزبثزهب فّضال عىف الىَ ثىزبثخ اعُ اٌظىسح فً االِش وّب ًٍَ <”<IMG SRC="carton.jpg" ALT=" carton image وثبٌزبًٌ ػٕذ اٌىلىف ػًٍ اٌظىسح او فً ؽبٌخ رؾًُّ اٌظفؾخ ٔالؽظ ظهش ػجبسح ِ carton imageىبْ اٌظىسح وّب ًٍَ : ٔالؽظ ظهش ػجبسح carton image ثبٌىلىف ثبٌّىشش ػًٍ اٌظىس ح خبطُخ BORDER رغزخذَ هزح اٌخبطُخ ٌؼًّ اؿبس ؽىي اٌظىسح واٌزؾىُ ثغّىخ ورٌه ِٓ خالي اػبفخ سلُ َّضً ثبٌجُىغً وّب ًٍَ > " <IMG SRC= " carton .jpg " BORDER= " 10 وَظهش فً اٌّغزؼشع وّب ًٍَ : اىذسس اىصاٍِ :اى٘طالخ اىرشؼثٞح اٌىطالد اٌزشؼجُخ او اٌشواثؾ هً سوػ االٔزشٔذ وارا وبٔذ االٔزشٔذ ثّغٍّهب هً شجىخ اٌؼٕىجىد فبْ هزح اٌىطالد هً اٌخُىؽ اٌزً رشىً هزح اٌشجىخ ورؤٌف ؽٍمبد اٌىطً ثُٓ ِالَُٓ ِٓ ِىلؼهب ,رٕمش ػًٍ وطٍخ ِب فزٕمٍه اًٌ طفؾخ اخشي فً ٔفظ اٌّىلغ ...ورٕمش ػًٍ وطٍخ اخشي فزٕمٍه وٍُب اًٌ ِىلغ اخش رّبِب ...وطٍخ اخشي رغؼٍه رؾًّ ٍِفب واخشي رغؼٍه رشغً ٍِفب ِىعُمُب ...وغُشهب هٕبن ػذح خُبساد ٌٍىطالد اٌزشؼجُخ ِٕهب اْ رىىْ اٌىطٍخ ٌّىلغ اخش ,او اْ رىىْ ٌظفؾخ اخشي داخً اٌّىلغ ٔفغخ ,وِٕهب اْ رىىْ ٌّىبْ اخش داخً اٌظفؾخ ,او اْ رىىْ وطٍخ ٌؼٕىاْ ثشَذ اٌىزشؤً .وعىف ٔمىَ ثششػ وً واؽذح اْ شبء اهلل رؼبًٌ . الٔشبء اي ساثـخ َغزخذَ اٌؼٕظش > </A> ..... <Aوهً اخزظبس ٌىٍّخ Anchor واٌخبطُخ HREFوهً اخزظبس ٌـىٍّخ hypertext referenceوهً اٌزً رؾذد ِٓ خالٌهب اٌّىلغ اٌزي ٔشَذ اٌىطىي اٌُخ وَغت اْ َىزت ػٕىاْ اٌّىلغ وبِال . االْ عىف ٔمىَ ثششػ وُفُخ ادساط وً ساثـخ ػًٍ ؽذح وّب ًٍَ : اٌؾبٌخ االوًٌ ادساط وطٍخ رشؼجُخ رشُش اًٌ ِىلغ خبسعً ٌؼًّ ساثـخ ٌالٔزمبي اًٌ ِىلغ اخش َىزت االِش اٌزبًٌ :اعُ اٌّىلغ ><A HREF="name of website "> </A وٌىٓ ثمً ٌٕب شًء واؽذ وهى اٌؼجبسح او اٌىٍّخ اٌزً عُزُ اٌؼغؾ ػٍُهب ٌزشغًُ اٌىطٍخ وهزح َغت اْ رىػغ االِش اٌغبثك > <A> …. </Aوثبٌزبًٌ ػٕذ إٌمش ػًٍ هزح اٌىٍّخ او اٌؼجبسح عىف ٕٔزمً اًٌ اٌّىلغ اٌّـٍىة فّضال عىف ٔمىَ ثبدساط ساثـخ رشؼجُخ ٌّىلغ اٌجؾش اٌشهُش Googleفزمىَ ثىزبثخ االِش اٌزبًٌ داخً ٍِف اٌــ Notepadوّب ًٍَ ><A HREF = " http://www.google.com.eg " > Welcome </A وثبٌزبًٌ ػٕذ اٌؼؼؾ ػًٍ وٍّخ welcomeفً اٌّغزؼشع عىف رٕمٍٕب اًٌ ِىلغ Googleوَظهش فً ٍِف اٌــ Notepadوّب ًٍَ : وَظهش فً اٌّغزؼشع وّب ًٍَ : وَظهش فً اٌّغزؼشع وّب ًٍَ : ثبٌؼغؾ ػًٍ وٍّخ َ welcomeزُ االٔزمبي اًٌ طفؾخ عىعً ِالؽظخ هبِخ َّىٓ ادساط طىسح او صساس وجذًَ ػٓ اٌىٍّبد او اٌؼجبسح ووً ِب ػٍُه فؼٍخ فً هزح اٌؾبٌخ هى فمؾ وزبثخ االِش اٌخبص ثبدساط اٌظىسح ثُٓ االِش اٌغبثك>< A> </A ><A HREF="name of website "><IMG SRC =" carton.jpg"> </A وَىزت االِش وّب ًٍَ \اخً ٍِف اٌــ Notepad > " < A HREF= " http://www.google.com.eg > " <IMG SRC ="carton .jpg ></A وَظهش فً ٍِف اٌــ Notepadوّب ًٍَ : وثبٌزبًٌ ػٕذ اٌؼغؾ ػًٍ اٌظىسح اٌّىعىدح ثبٌّغزؼشع عىف ٕٔزمً اًٌ ِىلغ Googleوّب ًٍَ ػٕذ اٌؼغؾ ػًٍ اٌظىسح ٕٔزمً اًٌ ِىلغ عىعً اٌؾبٌخ اٌضبُٔخ وهً اْ رشُش اٌىطٍخ اًٌ ٍِف ِىعىد فً ٔفظ اٌّىلغ عىاء وبْ ٍِف htmlاو غُشح فً هزح اٌؾبٌخ فبْ ِب َىزت فً اٌخبطُخ HREFهى اعُ هزا اٌٍّف اٌّـٍىة اٌىطىي اٌُخ وّب ًٍَ : اوال عىف الىَ ثبٔشبء طفؾخ عذَذح ػّٓ طفؾبد اٌّىلغ وٌٕفزشع اْ ٍِف اٌـ HTMLاٌزي َؾزىَهب هى ثبعُ Pag2.htmlوعىف الىَ ثبٔشبء هزا اٌٍّف داخً اٌّغٍذ اٌّىعىد ثخ اٌٍّف االوي وّب هى ظبهش فً اٌشىً اٌزبًٌ : اٌظفؾخ االوًٌ اٌظفؾخ اٌضبُٔخ ِب اسَذح هى اػبفخ وطٍخ فً اٌظفؾخ االوًٌ ثبٌؼغؾ ػٍُهب أزمً اًٌ اٌظفؾخ اٌضبُٔخ ٌزٌه الىَ ثىزبثخ االِش اٌزبًٌ داخً ٍِف اٌــ Notepad ><A HREF= " pag2.html" > go to pag2</A وَظهش ٍِف اٌـ Notepadوّب ًٍَ : وثفزؼ اٌّغزؼشع وثبٌؼغؾ ػًٍ اٌؼجبسح اٌّىزىثخ ثُٓ > </A>…. </Aوهً فً اٌّضبي اٌزبًٌ go to pag2عىف ٕٔزمً اًٌ اٌظفؾخ اٌضبُٔخ وَظهش ثبٌّغزؼشع وّب ًٍَ : وَظهش ثبٌّغزؼشع وّب ًٍَ : ثبٌؼغؾ ػًٍ هزا اٌشاثؾ ٕٔزمً اًٌ pag2 واَؼب َّىٓ اػبفخ طىسح ثذي ِٓ ػجبسح وّب عجك ورُ اٌششػ ورىىْ ثىزبثخ االِش اٌزبًٌ : ><A HREF=" pag2.html " ><IMG SRC=" carton.jpg " ></A اٌؾبٌه اٌضبٌضخ وهً اْ ٔمىَ ثبالشبسح اًٌ ِىبْ اخش داخً ٔفظ اٌظفؾخ اًٌ اوٌهب ِضال او اًٌ اخشهب او اي ِىبْ اخش ٔشَذح فً هزح اٌؾبٌخ ٔمىَ اوال ثزؼشَف او رغُّزخ هزا اٌّىبْ ثبعُ ِؼُٓ عىف ٔمىَ ثبعزخذأخ الؽمب فً اٌىطٍخ وٌزؼشَفخ او رغُّزخ َغزخذَ اٌخبطخ NAMEوعىف َزؼؼ اوضش هزح اٌؾبٌخ ثبٌّضبي اٌزىػؾً اٌزبًٌ : ِضبي رىػؾً عىف الىَ االْ ثبػبفخ وطٍخ رشؼجُخ رٕمً اٌضائشَٓ اًٌ ِىبْ اخش داخً ٔفظ اٌظفؾخ اوال َغت اٌزهت اًٌ هزح اٌفمشح واخزُبس اوي وٍّخ فُهب صُ وػؼهب داخً االِش >ِ ( <A>… </Aضال اوي وٍّخ فً اٌفمشح هً ) The Letterوثبٌزبًٌ عىف الىَ ثىزبثخ االِش اٌزبًٌ <>A NAME ="The litre">The litre</A ٍيذ٘ظح قَد تاصرخذاً اىخاطٞح NAMEىرؼشٝف اىَناُ اىز ٙص٘ف ٝرٌ اىشج٘ع اىٞح اطجؾذ هزح اٌفمشح عبهضح ٌىً ٔمىَ ثبدساط وطالد اٌُهب ِٓ اي ِىبْ فً اٌٍّف صبُٔب هً ادساط وطٍخ ٌهزح اٌفمشح اي رؾذَذ اٌىٍّخ اٌزً ػٕذ إٌمش ػٍُهب عىف ٕٔزمً اًٌ ثذاَخ اٌفمشح ِٓ عذَذ وّب فً االِش اٌزبًٌ : ><A HREF=" #The litre"> WELCOM </A الؽظ إٔب ٌُ ٔىزف ثزوش اعُ اٌفمشح ٌىؽذهب ثً َغت اْ رمشْ ثبالشبسح اٌزبٌُخ # وَىزت االِش وّب ًٍَ داخً ٍِف اٌــ Notepad ><A HREF NAME =" The litre" > The litre </A َىزت هٕب اٌفمشح وفً ثذاَزهب وٍّخ The litre اٌزي لّٕب ثزؼشفهب ><A HREF=" # The litre" >go to the first line </A َظهش وّب ًٍَ فً ٍِف اٌــ Notepad اٌؾبٌه االخُشح واٌزً ٔمىَ فُهب ثبدساط وطٍخ ٌؼٕىاْ ثشَذ اٌىزشؤً ف هزح اٌؾبٌخ ٔمىَ ثبعزخذَ MAILTOلجً اٌخبطُخ ٌ HREFىً رزذي ػًٍ اْ اٌؼٕىاْ اٌزي ًٍَ هى ػٕىاْ EMAILثؼذ خبطُخ اٌـ HREFوٌُظ اي ػٕىاْ اخش وَىزت االِش وّب ًٍَ : <>A HREF=" MAILTO :nany21eh@hotmail.com">email me </A اىذسس اىراصغ :اىجـــــــذاٗه رؼذ اٌغذاوي ِٓ الىي االدواد اٌزً رؼّٕهب ٌغخ اٌــ HTMLورمشَجب ال َىعذ ِىلغ فً االٔزشٔذ اال وَغزخذِهب ثظىسح او ثبخشح واٌؾمُمخ اْ وػغ اٌغذاوي فً طفؾبد إٌذ ال َمزظش ػًٍ رٍه اٌمىائُ ِٓ اٌجُبٔبد اٌزً ٔؾزبط اًٌ رشرُجهب فً طفىف واػّذح ثً َزؼذي رٌه فً اعزخذاِهب فً رظُُّ اٌظفؾبد ٔفغهب ورٕظُّهب واٌزؾىُ ثّظهشهب . واالْ عىف ٔمىَ ثزؼشَف ثؼغ االوىاد اٌّغزخذِخ فً أشبء عذوي : اوال ػٕذ أشبء عذوي َزُ ادساط االِش اٌزبًٌ <>TABLE > ....</TABLE صبُٔب ٔمىَ ثزؾذَذ ػذد اٌظفىف اٌزً ٔشَذهب فً اٌغذوي هً ٔشَذ 3طفىف او 4 طفىف او اي ػذد رشَذح ٌزٌه ٔمىَ ثىزبثخ االِش اٌزبًٌ <>TR>…....</TR فّضال ٌى رشَذ أشبء صالصخ طفىف عىف رمىَ ثزىشاس االِش اٌغبثكِ 3شاد صبٌضب ٔمىَ ثزؾذَذ ػذد اٌخالَب او االػّذح فً وً طف ٌزٌه ٔمىَ ثىزبثخ االِش اٌزبًٌ : <>TD>...</TD اٌّضبي االوي اٌّضبي االوي فّضال ٌى اسدٔب أشبء عذوي ِىىْ ِٓ صالصخ طفىف و 2ػّىد ٔىزت االواِش اٌزبٌُخ : >"<TABLE width="365" height="218" border="1 ><TR ><TD>1 </TD ><TD> 2</TD ></TR ><TR ><TD> 3</TD ><TD> 4</TD ></TR ><TR ><TD> 5</TD ><TD> 6</TD ></TR ></TABLE رُ اػبفخ اؿبس ٌٍغذوي ؽزً َظهش فً شبشخ اٌّغزؼشع "width="365" height="218" border="1 وَظهش ٌٕب اٌغذوي فً اٌّغزؼشع وّب ًٍَ : ِالؽظخ هبِخ ػّىد طف خظبئض اٌغذاوي - 1خبطُخ BORDER رمىَ هزح اٌخبطُخ ثبػبفخ ؽذود ٌٍغذوي ورؾذَذ عّبوزهب واٌمُّخ االفزشاػُخ ٌهب هً طفش اي ال ؽذود ٌهب رىزت ثبٌغٕزُّزش اي 5او 6او 3عُ وهىزا وَىزت االِش وّب ًٍَ : <>TABLE BORDER ="5"> ... </TABLE - 2خبطُخ WIDTH رغزخذَ هزح اٌخبطُخ ٌزؾذَذ ػشع اٌغذوي وىً .وهٕبن اعٍىثُٓ ٌزؾذَذ ػشع اٌغذوي اَ ٔغجً اي وزبثخ سلُ ثٕغجخ ِئىَخ اي ٔغجخ ِٓ اٌشبشخ او ثىزبثزخ ثشىً ِـٍك اي سلُ ثبٌجُىغً وَىزت االِش وّب ًٍَ : <>TABLE border="5" WIDTH="50%">...</TABLE او وّب ًٍَ : > "<TABLE BORDER="1" WIDTH ="300 - 3خبطُخ HEIGHT رغزخذَ هزح اٌخبطُخ ٌزؾذَذ اسرفبع اٌغذوي وَىىْ رؾذَذ هزا االسرفبع ِٓ خالي لُّخ ِـٍمخ رؾذد االسرفبع ثبٌجُىغً او لُّخ ٔغجُخ رؾذد اسرفبع اٌغذوي ثبٌٕغجخ السرفبع طفؾخ اٌّزظفؼ وَىزت االِش وّب ًٍَ : ><TABLE BORDER="1" WIDTH ="300" HEIGHT ="200" >… </TABLE - 4خبطُخ CELLSPACING ٌزؾذَذ اٌّغبفخ ثُٓ وً خٍُخ ِٓ خالَب اٌغذوي وَىزت االِش وّب ًٍَ : ><TABLE BORDER="1" CELLSPACING ="10" >… </TABLE - 5خبطُخ CELLPADDING ٌزؾذَذ اٌّغبفخ اٌفبطٍخ ثُٓ اٌؾذود وثذاَخ إٌض فً وً خٍُخ او ٌٕمً ٌزؾذَذ ؽغُ اٌهىاِش ٌخالَب اٌغذوي وَىزت االِش وّب ًٍَ : ><TABLE BORDER="1" CELLPADDING ="10" >… </TABLE - 6خبطُخ ALIGN ٌزؾذَذ ِؾبرح اٌغذوي اَ ٌٍُُّٓ او ٌٍُغبس او ٌٍىعؾ وَىزت االِش وّب ًٍَ ><TABLE BORDER="1" ALIGN ="LEFT" >… </TABLE - 7خبطُخ BGCOLOR ورغزخذَ ٌزؾذَذ ٌىْ خٍفُخ اٌغذوي ><TABLE BORDER = " 1 " BGCOLOR = " #00FF00 " >… </TABLE ٗتٖزا ّنُ٘ اّرْٖٞا ٍِ خظائض اىجذاٗه ّْٗرقو اى ٚخظائض اىخالٝا خظبئض اٌظفىف - 1خبطُخ ALIGN ٌزؾذَذ ِؾبراح إٌض افمُب داخً اٌخالَب اِب َُّٓ او َغبس او فً إٌّزظف ورغزخذَ اٌمُُ LEFT / RIGHT / CENTERوَىزت االِش وّب ًٍَ > " <TABLE BORDER = " 1 " WIDTH " 300 > "<TR ALIGN = " CENTER ><TD>1</TD ><TD>2</TD ></TR ></TABLE VALIGN خبطُخ- 2 ٌزؾذَذ ِؾبراح إٌض ػّىدَب داخً اٌخالَب اِب الػًٍ او العفً او فً إٌّزظف ًٍَ وَىزت االِش وّبTOP / BOTTOM / MIDDLE ُُورغزخذَ اٌم <TABLE BORDER = " 1 " WIDTH " 300 " > <TR VALIGN = "TOP " > <TD>1</TD> <TD>2</TD> </TR> </TABLE> BGCOLOR خبطُخ- 3 : ًٍَ ٌزؾذَذ ٌىْ خٍفُخ اٌخالَب وَىزت االِش وّب <TABLE BORDER = " 1 " WIDTH " 300 " > <TR BGCOLOR = " #00FF00" > <TD>1</TD> <TD>2</TD> </TR> </TABLE> ثفشع أً عىف اؿجك اٌخظبئض اٌغبثمخ ػًٍ اٌغذوي ٌؼًّ رٌه عمىَ ثىزبثخ االواِش : اٌزبٌُخ <table width ="344" height="136" border="1" > <tr bgcolor = "#FFCC33" > <td align ="center">1</td> <td align ="center">2</td> <td align ="center">3</td> </tr> <tr> <td align ="center">4</td> <td align ="center">5</td> <td align ="center">6</td> </tr> <tr> <td align ="center">7</td> <td align ="center">8</td> <td align ="center">9</td> </tr> </table> وَزُ وزجخ االواِش اٌغبثمخ فً ٍِف اٌــ Notepadوّب ًٍَ : وَظهش اٌغذوي ثبٌّغزؼشع وّب ًٍَ : COLSPAN خبطُخ- 4 َمىَ ثذِظ اٌخٍُخ اٌؾبٌُخ ِغ اٌؼذد اٌّـٍىة ِٓ اٌخالَب اٌزً رٍُهب افمُب وَىزت : ًٍَ االِش وّب <TD COLSPAN= " n " > رشُش اًٌ ػذدN اٌخالَب اٌزً ٔشَذ دِغهب فّضال فً اٌّضبي اٌغبثك ٔشَذ دِظ خٍُزُٓ فٕىزت االواِش اٌزبٌُخ <table width ="344" height="136" border="1" > <tr bgcolor = "#FFCC33" > <td align ="center" colspan =" 2 ">1</td> <td align ="center">2</td> <td align ="center">3</td> </tr> <tr> <td align ="center">4</td> <td align ="center">5</td> <td align ="center">6</td> </tr> <tr> <td align ="center">7</td> <td align ="center">8</td> <td align ="center">9</td> </tr> </table> - 5خبطُخ ROWSPAN َمىَ ثذِظ اٌخٍُخ اٌؾبٌُخ ِغ اٌؼذد اٌّـٍىة ِٓ اٌخالَب اٌزً رٍُهب ػّىدَب وَىزت االِش وّب ًٍَ : > " <TD ROWSPAN= " n Nرشُش اًٌ ػذد اٌخالَب اٌزً ٔشَذ دِغهب ٍالدظح هٕبن ٔىع خبص ِٓ اٌخالَب اٌزً َزُ رؼشَفهب ثبعزخذاَ االِش اٌزبًٌ > <TH >… </TH وهً اخزظبس ٌـ TABLE HEADERاي ساط اٌغذوي واٌفشق اٌىؽُذ ثُٕهب وثُٓ > <TD> …. </TDهى اْ إٌض اٌزي رؾزىَخ َظهش ثبٌٍىْ االعىد اٌؼشَغ فً ِٕزظف اٌخٍُخ ثشىً افزشاػً ( وهً ٌُظ ثبٌشًء اٌّهُ الْ ٔفظ اٌخظبئض اٌّغزخذِخ ِغ > <TDهً ٔفغهب اٌّغزخذِخ ِؼهب . ٗتٖزا ّنُ٘ قذ اّرْٖٞا ٍِ دساصح اىجذاٗه اىذسس اىؼاشش :اىَْــــــارض إٌّبرط رؼزجش ِٓ اٌّىاػُغ اٌّزمذِخ فً ٌغخ اٌــ htmlاال اْ ِؼظُ ِىالغ اٌىَت رىبد ال رخٍى ِٕهب ورٌه ٌؼذح اعجبة ٌؼً ِٓ اهّهب اَغبد اِىبُٔخ اٌزفبػً ثُٓ اٌّىلغ وطبؽجخ ِٓ عهخ واٌضواس ِٓ عهخ اخشي ..اؽُبٔب لذ رؾزبط اًٌ اساء صواس ِىلؼه فً ِغبئً ِؼُٕخ وال َّىٕه االوزفبء فمؾ ثبٌجشَذ االٌىزشؤً ٌىً رزىاطً ِغ اٌمشاء ٌزٌه فبْ إٌّبرط هً اٌخُبس االفؼً ٌه وعىف ٔذسط إٌّبرط اْ شبء اهلل ثبٌزفظًُ ثّؼًٕ اخش اؽُبٔب ٔؾزبط اًٌ ِؼٍىِبد ِٓ اٌّغزخذَ وبالعُ واٌؼٕىاْ واًٌُّ وغُشهب ِٓ اٌّؼٍىِبد وَزُ وزبثخ هزح اٌّؼٍىِبد فً ِب َغًّ ثبٌــ Formوَّىٕه ٔمً هزح اٌجُبٔبد ِٓ اٌّغزخذَ اًٌ اٌــ server رخزٍف اشىبي إٌّبرط ػٓ ثؼؼهب اٌجؼغ ِٓ ؽُش اٌّجذا واٌّظهش وؿشَمخ اٌزؼشَف اَؼب اال أخ َغت اْ رذسط عُّؼب ربعُٓ اعبعُٓ وّب ًٍَ < >FORM > ....</FORM ٗاالُ ص٘ف ّذسس تؼض اىخظاص اىر ٚذرؼيق تطثٞؼح ٕزج اىَْارض خظبئض اٌــ FORM - 1خبطُخ اٌـ ACTION رؾذد اٌؼٕىاْ اٌزي عُزُ اسعبي ثُبٔبد إٌّىرط اٌُخ ٌززُ ِؼبٌغزهب ثبٌظىسح اٌّـٍىثخ وػبدرب َىىْ هزا اٌؼٕىاْ ٌجشَذ اٌىزشؤً emailعىف َزُ اساعً اٌجُٕبد اٌُخ او لذ َىىْ ػٕىأب ٌجشّٔبط ِ CGIىعىد ػًٍ اٌىّجُىرش اٌخبدَ serverاٌزي رزىاعذ ػٍُخ طفؾخ اٌىَت ؽُش َغزمجً هزح اٌجُبٔبد وَؼبٌغهب ؽغت اٌزؼٍُّبد اٌّىعىدح فُخ وبْ َؼُفهب ِضال اًٌ اؽذي اٌظفؾبد او اْ َمىَ ثبٌجؾش ػٓ وٍّخ او ػجبسح ػّٓ طفؾبد اٌّىلغ وّب فً ّٔبرط اٌجؾش فً طفؾبد اٌىَت اي اْ هزح اٌخبطُخ هً خبطُخ رؾًّ اعُ او ِغبس اٌظفؾخ اٌزً عىف رزهت اٌُهب اٌجُبٔبد ثبٌؼغؾ ػًٍ صساس Submitثؼذ ٍِئ اٌــ Form وَىزت اٌىىد وّب ًٍَ > <FORM ACTION= " MAILTO: SOMEONE@DOMAIN.COM " >…..</FORM او > <FORM ACTION= " NAME _ AND _ ADDRESS _ OF _ CGI _ SCRIPT " >…..</FORM وفً اٌّضبي اٌغبثك عىف َزُ اسعبي اٌجُبٔبد اٌّىػىػخ داخً إٌّىرط اًٌ ػٕىاْ اٌجشَذ االٌىزشؤً اٌّىزىة - 2خبطُخ اٌــ METHOD رؾذد اٌـشَمخ اٌزً عُزُ ثهب اٌزؼبًِ ِغ اٌؼٕىاْ اٌّؾذد فً اٌخبطُخ اٌغبثمخ اٌــ ACTIONاي هً لُّخ رؾًّ اعُ اٌـشَمخ اٌزً عىف رشعً ثهب اٌجُبٔبد .وهٕبن لُّزُٓ ٌهزح اٌخبطُخ هّب : GETاٌزً رغزخذَ فً ؽبٌخ وىْ ػٍُّخ اٌّؼبٌغخ داخٍُخ اي رزُ داخً اٌخبدَ ٔفغخ ) (SERVERفّضال ٌى لّٕب ثبٔشبء ّٔىرط ٌٍجؾش داخً طفؾزً فبْ ػٍُّخ اٌجؾش عىف رغشي ِجبششح فً اٌّىلغ و هً اوضش اِبٔب فً اسعبي اٌجُبٔبد اًٌ اٌــServer .اٌمُّخ اٌضبُٔخ هً POSTورغزخذَ ػٕذِب رىىْ ػٍُّخ اٌّؼبٌغخ عىف رزُ خبسعُب خبسط اٌّىلغ وّضال َزُ اسعبي اٌجُبٔبد اًٌ ػٕىاْ ثشَذ اٌىزشؤً METHOD Get هً اوضش اِبٔب فً اسعبي اٌجُبٔبد اًٌ اٌــ Server POST هً الً اِبٔب فً اسعبي اٌجُبٔبد اًٌ اٌــ SERVER وَظهش ِغبساٌجُبٔبد فً اٌــ Address bar وَىزت االِش وّب ًٍَ > <FORM ACTION= " MAILTO: SOMEONE@DOMAIN.COM " method = " post " >…..</FORM او <FORM ACTION= " NAME _ AND _ ADDRESS _ OF _ CGI _ SCRIPT " METHOD “ GET “>…..</FORM > ٍالدظح ٕاٍح -1اٌـــ Methodاٌـشَمخ اٌزً عىف َزُ اسعبي اٌجُبٔبد ثهب وَظهش اٌّغبس فً اٌـ address par -2اٌـــ actionرؾًّ ِغبس اٌظفؾخ اٌزً عىف َزهت اٌُهب اٌجُبٔبد ثبٌؼغؾ ػًٍ صساس submitوهٕب عىف َزُ ٔمً اٌجُبٔبد اًٌ اٌظفؾخ اٌّىزىثخ ٗتٖزا ّنُ٘ قذ اّرْٖٞا ٍِ دساصح خظائض اىــ FORM االْ ٔجذا فً دساعخ ػٕبطش إٌّبرط اْ شبء Radio Button ًٍَ هى َّٕؾه االخزُبس ِٓ اوضش ِٓ ِزؼذد وٌىٓ ال َغّؼ االثبخزُبس واؽذ فمؾ وّب : What’s your gender male female ًٍَ وَىزت اٌىىد وّب <input type =" Radio "> ًٍَ اوال َزُ وزبثخ اٌؼٕظش وّب sex وفً اٌّضبي هً إٌىعNAME صبُٔب َزُ رؼشَف اٌؼٕظش ثبعزخذاَ اٌخبطُخ female اوmale ً(وفً اٌّضبي اٌزبًٌ هvalue) صبٌضب َزُ رؾذَذ لُّخ ٌٍؼٕظش : ًٍَ وثبٌزبًٌ َىزت اٌىىد وّب What’s your gender ? <FORM ACTION= " mailto:someone@domain.com " method ="post " > <INPUT TYPE = "RADIO" NAME = " sex" VALUE = " male"> male <br> <INPUT TYPE = "RADIO" NAME = " sex" VALUE = " female"> female </FORM> Notepad وَىزت اٌىىد وّب ًٍَ فً ٍِف اٌـ وَىزت اٌىىد وّب ًٍَ فً ٍِف اٌـ Notepad وَظهش فً اٌّغزؼشع وّب ًٍَ : Text fields هى ِىبْ ٌٍىزبثخ وَزُ وزبثخ عـش واؽذ فمؾ َزُ ادساط فُخ االعُ االوي واخشText fields فّضال ٌى اسد أشبء : ًٌَذسط فُخ االعُ اٌضبًٔ ٌؼًّ رٌه َىزت اٌىىد اٌزب <FORM ACTION= " mailto:someone@domain.com " method ="post " > First name <INPUT TYPE = "TEXT " NAME = " first name " > <br> Last name <INPUT TYPE = " TEXT " NAME = " Last name " > </FORM> Notepad وَىزت اٌىىد وّب ًٍَ فً ٍِف اٌـ ٌزؼشَف اٌؼٕظشNAME ٔالؽظ إٔب اعزخذِٕب خبطُخ اٌــ وَظهش فً اٌّغزؼشع وّب ًٍَ : Checkbox : ًٍَ هزا اٌشىً ِٓ إٌّبرط رّٕؾه ِٓ االخزُبس ِٓ اوضش ِٓ ِزؼذد وّب What is your favorite sport ? Football Basket Handball ًٍَ وَىزت االِش وّب What is your favorit sport <FORM ACTION= " mailto:someone@domain.com " method ="post " > <INPUT TYPE = " checkbox " NAME = " Football " >Football <BR> <INPUT TYPE = " checkbox " NAME = " Basketball " > Basketball<BR> <INPUT TYPE = " checkbox " NAME = " handball " > handball <BR> </FORM> : ًٍَ ُ وNotepad وَظهش فً ٍِف اٌــ وَظهش فً ٍِف اٌــ Notepadوُ ًٍَ : وَظهش فً اٌّغزؼشع وّب ًٍَ Select list اٌـــ هً ػجبسح ػٓ لبئّخ ثبخزبس ِٕهب اخزُبس واؽذ فمؾ َىعذ ثؼغ اٌخظبئض وهّب َغزخذِبْ ٌزؾذَذvalue وname ِضً اٌــSelect list اٌزبثؼه ٌـــ Selected َىعذ خبطُه اٌــserver ثؼذ ٍِئ االعزّبسح ؤمً اٌجُبٔبد اًٌ اٌـ وهً اٌزً رؾذد اوي ػٕظش فً اٌمبئّه واٌزي عىف َظهش فً ثذاَخ اٌمبئّخ : ًٌوعىف ٔىػؼ اٌغظبئض اٌغبثمخ فً اٌّضبي اٌزب <form> What is your favorite games?<br> <select name="sport"> <option value="football" selected>football <option value="basket">basket <option value="handball">handball </select> </form> وَظهش فً ٍِف اٌــ Notepadوُ ًٍَ : وَظهش فً اٌّغزؼشع وّب ًٍَ Multiple select list اٌؼٕظش هً لبئّخ ثهب ػذح اخزُبساد وَّىٕه اخزُبس اوضش ِٓ ػٕظش : ًٍَ اٌىىد اٌخبص ثهب وّب <form> <select multiple> <option>football <option>handball <option>basketball </select> </form> <form> ًٍَ وَظهش فً اٌّغزؼشع وّب ًٍهٕبن لبئّخ ثهب ػذح اخزُبساد وَّىٕه اخزُبس اوضش ِٓ ػٕظش ورؾزىي ػ ِغّىػخ ِٓ اٌخظبئض name اوي خبطُخ هً اٌـــ-1 value صبًٔ خبطُخ هً اٌـــ-2 size صبٌش خبطُخ هً اٌـــ-3 هً ػجبسح ػٓ االخزُبساد اٌزً َشاهب اٌّغزخذَ دوْ اْ َغزخذَ ششَؾ Scrollbar اٌزّشَش : ًٍَ واٌىىد اٌخبص ثهب و وّب <form> What is your favorit game ?<br> <select name="game" multiple size="2"> <option value="football">football <option value="basketball">basketball <option value="handball">handball </select> </form> : ًٍَ وَظهش فً اٌّغزؼشع وّب وَظهش فً اٌّغزؼشع وّب ًٍَ : ػٕظش اٌــ text area box هى ِىبْ ٌٍىزبثخ وٌىٓ فً ػذح اعـش اٌىضد اٌخبص ثه هى ><form >Enter your comment :<textarea></textarea ></form وَظهش فً اٌّغزؼشع وّب ًٍَ : : ًٍَ وَظهش فً اٌّغزؼشع وّب Submit ًٍَ وَىزت االِش وّبServer هى اٌّغئىي ػٓ ادخبي اٌجُبٔبد اًٌ اٌـ > "FORM ACTION= " mailto:someone@domain.com " method ="post "< <INPUT TYPE=”SUBMIT”> Password هى ِىبْ ٌٍىزبثه وٌىٓ اٌىزبثه رظهش ػًٍ هُئخ ٔغىَ او ٔمؾ وَىزت اٌىىد وّب : ًٍَ Password <BR> <FORM ACTION= " mailto:someone@domain.com " method ="post " > <INPUT TYPE = " Password "> </FORM> Reset ػٕذِب َمىَ اٌّغزخذَ ػٕذ وزبثخ او ادخبي ثُبٔبد خـبء وَشَذ اٌغبء هزح اٌجُبٔبد فُغزخذَ هزا اٌضساس وثبٌزبًٌ رىىْ اٌفىس خبٌُه رّبِب وَىزت االِش : ًٍَ وّب Password <BR> <FORM ACTION= " mailto:someone@domain.com " method ="post " > <INPUT TYPE = " Reset "> </FORM> Button ًٌٌؼًّ صساس داخً اٌظفؾخ َىزت اٌىىد اٌزب Password <BR> <FORM ACTION= " mailto:someone@domain.com " method ="post " > <INPUT TYPE = " Button "> </FORM> اٌؾّذ هلل سة اٌؼبٌُّٓ ىَشاصيرَٝ ... ٚنْنٌ ٍشاصير ٚػي ٚاىَٞو اىراىٚ Nany21eg@hotmail.com