دروس تعليم لغة Html من البداية الى النهاية

دروس تعليم لغة Html من البداية الى النهاية

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

سنقوم في هذا الموضوع بعد التوكل على الله بعرض دروس لتعليم لغة HTML

Hyper Text Markup Language

بسم الله نبدأ..........

الدرس الاول: تعريف لغة HTML

ما هي الـ HTML ؟

إنها اللغة المستخدمة لإنشاء صفحات
الإنترنت. هي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة
الأخرى كلغة C . فهي مثلاً لا تحتوي على جمل التحكم والدوران، وعند الحاجة
لاستخدام هذه الجمل يجب تضمين شيفرات من لغات أخرى كـ Java, JavaScript,
CGI . كذلك فهي لا تحتاج إلى مترجم خاص به Compiler . وهي غير مرتبطة بنظام
تشغيل معين، لأنه يتم تفسيرها وتنفيذ تعليماتها مباشرة من قبل متصفح
الإنترنت وبغض النظر عن النظام المستخدم. لذلك فهي لغة بسيطة جداً، وسهلة
الفهم والتعلم ولا تحتاج للعمل بها سوي جلسه واحدة لكي تتعلم أسسس اللغه
وتستطيع بعدها أنشاء موقع شخصي لك بكل سهوله ، أيضا لا تحتاج لمعرفة مسبقة
بلغات البرمجة والهيكلية المستخدمة فيها. بل ربما كل ما تحتاجه هو القليل
من التفكير المنطقي وترتيب الأفكار .
.
(وكلمة HTML إختصار لـ Hyper Text Markup Language)
و الـ Hyper Text هي الطريقة الخاصة
بالتحرك علي صفحات الأنترنت بالضغط علي نص معين يدعي (Hyperlinks ) و هي
وسيله للتنقل لأي مكان في شبكة الإنترنت عن طريق الضغط علي الوصلات (
الإرتباطات التشعبيه ) LINKS و تعتمد علي ماذا داخل الأوسمة (TAGS) بمعني
أنها تحتوي علي أكواد كأي لغة أخري .

كيف تعمل ؟

تتكون اللغه من سلسله أو مجموعه من
الأكواد تكتب في ملف نصي ثم تحفظ بإمتداد HTM , HTML تعرض بواسطة مستعرضات
الإنترنت Internet Explorer أو Netscape Navigator و هذي المستعرضات تترجم
الأكواد إلي ماتراه علي الصفحات و هذه الأكواد تبدأ بما يسمي أوسمة TAGS و تكتب من اليسار إلي اليمين كما في الشكل :-

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

فعلى سبيل المثال الوسم يستخدم لكتابة الكلمات بخط أسود عريض Bold وذلك بالشكل التالي:

النص

وهناك بعض الوسوم الخاصة التي تستخدم بصورة مفردة مثل وسم نهاية السطر
أو قد تستخدم بكلتا الحالتين مثل وسم الفقرة
.
وسوف نناقش هذه الوسوم وغيرها بالتفصيل في الدروس القادمة أنشاء الله .

هل لابد أن أكون متصل بالإنترنت طول الوقت ؟

بالطبع لا فأنت تقوم
بكتابه الصفحات و الأكواد وتنسق جميع صفحات موقعك بدون الإتصال بالإنترنت
ولكن تحتاج للإتصال بها فقط عندما تود أن تنقل موقع إلي الإنترنت أو
التعديل في صفحة من الصفحات بعد نقلها إلي الإنترنت ؟

هل تقوم الـ HTML بعمل كل شيء في صفحات الموقع ؟

بالطبع تقوم الـ
HTML بعمل كل شيء ولكن عندما يصبح موقع أكثر شعبيه و يكون لديك المزيد من
زوار فالابد من الإستعانة ببعض اللغات المساعدة مثل الجافاسكريبت
JavaScript و التي تقوم بوضع بعض الخدع و المؤثرات و التحسينات بالموقع ،
كذلك من الممكن الإستعانة بالـ CSS لمزيد من السرعة في خلق الصفحات و تنسيقها .

ما نحتاجه لبدء العمل وتعلم HTML

1. متصفح انترنت
2. برنامج تحرير نصوص مثلاً (Notepad او الدفتر)
3. برنامج تصميم صفحات انترنت (Front Page)

يتبع الدرس الثاني ======= >>>

الدروس منقولة ومعدل عليها بما نراه مناسباً

‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

Hyber Text Markup Language

الدرس الثاني: الاوسمة Tagges

التنسيق الأساسي للصفحة
أن كل الصفحات تبدأ بهيكل أساسي ، و لنبدأ الآن لتتعلم أول وسم (Tag) .

االأوسمه :-

الأوسمه هي الأشياء التي بين هذين القوسين <> بالتأكيد أنت لم تري أكواد تبدأ بهذين الشكلين من قبل حسنن من قائمة View أختار Source ، أنت تري الآن النص الذي تقرأه ومحاط في أغلب الأحوال بـ <> هذه الأكواد هي التي صنعت هذه الصفحة التي أمامك

هام جداأغلب الأوسمة تبدأ <> من اليسار وتنتهي في اليمين

فالتشاهد الوسوم التالية:

وسم البداية و وسم النهاية

*** <‎/HTML>

*** <‎/HEAD>

*** <‎/TITLE>

*** <‎/BODY>

ماذا تلاحظ؟ أن كل منها يتألف من زوج من
الوسوم أحدهما وسم البداية، والآخر وسم النهاية. ويتميز وسم النهاية بوجود
الرمز / . تأمل الرسم التالي، فهو يعطي فكرة عن تركيب ملف Html

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

إذن فملف Html يبدأ دائماً بالوسم وينتهي بالوسم <‎/HTML>. لا تنسى ذلك!
أما الوسم فيحدد بداية المقطع الذي يحتوي على
المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح.
وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين

تابع درس الاوسمة

توقفنا في الدرس السابق عند كيفيه
التحكم بمقدار النص المكتوب في كل سطر وكيف يمكن تحديد نهاية الفقرة وبداية
الفقرة التي تليها؟ و في هذا الفصل سنقوم بشرح هذه الجزئيه وأسس التنسيق .

نهايه سطر وبدايه سطر جديد:-

وسوف نستخدم الوسم
لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
[right]ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي

My first HTML page
<‎/TITLE>
<‎/HEAD>

Wow,

I'm writing my

‎first page
<‎/BODY>
<‎/HTML>
و الآن كيف أضيف سطر جديد ؟
ولفعل هذا نستخدم الوسم

الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة
ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات. ( يلاحظ ان هذا
الوسم لديه وسم نهايه لكن من الممكن أستخدامة بدون وسم النهايه )

<br />My first HTML page<br /><‎/TITLE><br /><‎/HEAD><br /><BODY><br />Wow,<br /><br /><P> I'm writing my<br /><br /><P>first page<br /><br /><‎/BODY><br /><‎/HTML><br /> <br /><div align="right">ا</div><div align="right">لفرغات :- تعتبر رموزاً خاصة لذلك لا نستطيع التحكم بها وبعددها إلا باستخدام الوسم <br /> ‎ (Non Breakable Space ‎ والأحرف هي اختصار للعبارة ) ‎ . <br />وإذا أردت إدخال عدة فراغات بين نص وآخر ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات <br />المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا كما موضح بالشكل التالي<br /></div><br /><HTML><br /><HEAD><br /><TITLE> <br />My first HTML page<br /><‎/TITLE><br /><‎/HEAD><br /><BODY><br />Wow, <br /> ‎<br />I'm writing ‎<br />‎ my first First page<br /><‎/BODY><br /><‎/HTML> <br /><div align="right">ا</div><div align="right">لخواص <br /> </div>و الآن سأشرح جزء متقدم قليلا :- كيف نقوم بتمركز النص أي جعل النص في منتصف الصفحة ، الوسم الأساسي لهذه الخاصيه هو<CENTER> ولكن هذا الوسم قد تم تبديله و لهذا فأن أفصل طريقه هي أستخدام وسم ALIGN وهذا الوسم يعطي للنص خواص معينه داخل الوسم الأخر . فالنفسر أكثر أن وسم ALIGN لوحده يفعل شيء وبإضافته مثلا لوسم <P> فأن المستعرض سيقوم بأداء الوسمين في نفس الوقت وهذا شيء مهم جدا في لغة HTML وتكون صيغتة كالآتي :-<br /> <br />هام جدا<div align="right"><بداية الوسم خواصه="قيمة">ضع النص هنا <نهاية الوسم> <br /></div>* و يجب أن تعلم أن كل الأوسمة يمكن أن تأخذ بعض الخواص لكن يوجد خواص تأخذ أوسمه معينة وسنقوم بشرح ذلك أكثر في الفصول القادمة ،<br />و لكي تضع خاصية تمركز النص مع الوسم <P> تكون الصيغه هكذا:-<br /> <br /> <br /><div align="center"><P ALIGN="CENTER">النص المتمركز في منتصف الصفحة</P><br /> </div>قارن هذا لكي تفهم الصيغه السابقه فال P هو بدايه الوسم ، ALIGN هو خواصه CENTER هي قيمة الخاصية و بالطبع <P/>هو نهايه الوسم، <br />و من الواضح طبعا أذا كنا<br /> نقدر أن نضع النص في المنتصف أذن نستطيع أن نضع في أي جهة أخري سواء <br />اليسار أو اليمين كل ما عليك فعله هو تغيير قيمة الـ ALIGN إلي RIGHT أو LEFT . لمزيد من التفاصيل والأمثله أقرأ <span style="color:#f00">[ندعوك <a href="/register?redirect=%2Ft8787-topic&tt=1">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic&tt=1">التعريف بنفسك</a> لمعاينة هذا الرابط]</span><br /> <br /><div align="right">تنسيق النص<br /> </div>نتحدث الآن عن كيفيه جعل النص عريض أو مائل أو تحته خط <br />لقد قمت بشرح كل هذا بالتفصيل في دروس الـ HTML ولكن سريعا نقول الأكواد لهذه التنسيقات<br /> <br /> <br /><B>هذا للخط العريض</B><br /><I>وهذا للخط المائل</I><br /><U>وهذا ما أقصده عن تحته خط</U><br /> <br /> <br /><div align="right">يتبع الدرس الثالث</div></div><br /></span>: … <br /><‎/TITLE> وبالطبع يجب كتابة الوسم <‎/HEAD> لكي ننهي هذا <br />المقطع. </span><br /><span style="font-size: 21px; line-height: normal">نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة <br />الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو <br />أيضاً يحتاج إلى وسم الإنهاء <‎/BODY> </span></div><span style="font-size: 21px; line-height: normal">و الآن ما رأيك ب</span><span style="font-size: 21px; line-height: normal">إنشاء صفحة</span><span style="font-size: 21px; line-height: normal"> و الأن قم بفتح برنامج Notepad أو أي برنامج </span><span style="color:#f00">[ندعوك <a href="/register?redirect=%2Ft8787-topic&tt=1">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic&tt=1">التعريف بنفسك</a> لمعاينة هذا الرابط]</span><br /> <br /><br />أكتب هذا<font face="Simplified Arabic Fixed"><HTML></font><br /><br /> <br /> <br /><font face="Simplified Arabic Fixed"><HEAD></font><br /><font face="Simplified Arabic Fixed"><TITLE>My first HTML page</font><br /><br /> <br /><br /><font face="Simplified Arabic Fixed">Wow I am Writing My First Page</font><br /><br /><br /> <br /><div align="right"><span style="font-size: 21px; line-height: normal">والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في أسماء ملفات HTML هو <strong>htm</strong><i>.</i> أو <strong>html</strong><i>.</i> مثلاً أنا اخترت الاسم ‎FirstPage.htm ومن الأفضل أن تقوم بإنشاء مجلد مستقل على القرص الصلب<font face="Arial, Helvetica, sans-serif"><span style="color:#f00">[ندعوك <a href="/register?redirect=%2Ft8787-topic&tt=1">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic&tt=1">التعريف بنفسك</a> لمعاينة هذه الصورة]</span></font><br /> لكي تحفظ به ملفاتك فهذا يسهل عليك عملية استرجاعها للعرض أو التحديث <br />وليكن هذا المجلد مثلاً بالاسم C:\htmlfiles (أو بأي اسم تختاره) ولكن لابد<br /> وأن يكون الأسم أما حروف ، أرقام ، _ أو - ولا يجوز أستخدام أي علامات <br />أخري في لحفظ الملف.</span><br /><span style="font-size: 21px; line-height: normal">حان وقت العرض، لكي نشاهد نتيجة ما كتبناه. قم بتشغيل متصفح الإنترنت الذي تستخدمه. فإذا كان <font face="times new roman"><font color="#0066cc"><u>Netscape Navigator</u></font></font> اختر الأمر Open File… من قائمة File. أما في <font face="times new roman"><font color="#0066cc"><u>MS Internet Explorer</u></font></font> فاختر الأمر Open… من قائمة File. ثم حدد المسار الذي يوجد به الملف. أنا شخصياً قمت بتحديد المسار التالي: </span></div><div style="margin:auto;text-align:center;width:100%"><strong><span style="font-size: 21px; line-height: normal">C:\htmlfiles\FirstPage.htm </span></strong></div><div align="right"><span style="font-size: 21px; line-height: normal">وذلك طبعاً حسب الافتراضات السابقة التي اتبعتها عند تخزين الملف. وهذا ما حصلت عليه :-</span></div><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 21px; line-height: normal"></span></div><div align="right"><span style="font-size: 21px; line-height: normal">وماذا عنك؟ هل حصلت على نفس النتيجة؟ إذن مبروك <font face="Wingdings"><font color="#ff0000">J</font></font> لقد قمت بإنشاء أول صفحة ويب خاصة بك. (وقبل أن نستمر أريد أن أنبهك إلى بعض ال</span><span style="font-size: 21px; line-height: normal">ملاحظات</span><span style="font-size: 21px; line-height: normal"> عند كتابة صفحات الويب: </span></div><ul><li><div align="right"><span style="font-size: 21px; line-height: normal">لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة <font face="Times New Roman">UPPERCASE</font> أو الأحرف الصغيرة <font face="Times New Roman">lowercase.</font> لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما. </span></div></li><li><div align="right"><span style="font-size: 21px; line-height: normal">إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات (أي عندما تقوم بضغط مفتاح <font face="Times New Roman"><i>Enter</i>)</font> التي تجدها هذه المتصفحات في ملف <font face="Times New Roman">Html.</font> وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق <font color="red">بالشكل التالي:</font> </span></div></li></ul><font face="Simplified Arabic Fixed"><span style="font-size: 21px; line-height: normal"><font color="darkgreen"> My first HTML page </font></span></font><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">Wow, I'm writing my first webpage ‎</font> </font></span><br /><div align="right"><span style="font-size: 21px; line-height: normal"><font color="red">أو بالشكل التالي:</font></span></div><br /> <br /> <br /> <hr /><br /> <br /> <br /> <br /> <br /> <div style="margin:auto;text-align:center;width:100%"><span style="font-size: 21px; line-height: normal"><font color="darkgreen">Hyber Text Markup Language</font></span><br /> <br /> <br /><span style="font-size: 21px; line-height: normal"><font color="red">الدرس الثالث: الوصلات التشعبية (Links)</font></span><br /> <br /> <br /><span style="font-size: 21px; line-height: normal"><font color="blue">الوصلات التشعبية:</font> هي اهم شيء <br />على الاطلاق في تصفح الانترنت ووظيفتها نقلنا من صفحة الى صفحة ومن موقع <br />الى موقع وقد نلاحظ اهميتها اثناء استخدامنا للانترنت بشكل يومي اذا لا <br />يمكن تصور الانترنت بدونها</span><br /> <br /><span style="font-size: 21px; line-height: normal">والآن سوف نشرح كيفية انشاء وصلات تشعبية في كود ال<font color="darkgreen">HTML</font></span><br /> <br /><span style="font-size: 21px; line-height: normal">لانشاء وصلة تشعبية نقوم باستخدام الوسم </span><br /> <br /><font face="Simplified Arabic Fixed"><span style="font-size: 21px; line-height: normal"><font color="darkgreen"><A> ... <‎/A></font></span></font><br /> <br /><span style="font-size: 21px; line-height: normal">وهو الوسم الأساسي لإدراج الوصلات التشعبية، وهي اختصار لكلمة <font face="Times New Roman"><font color="darkgreen">Anchor</font>.</font> وهي لا تعمل لوحدها بل تتطلب إضافة خصائص على حسب الوصلة او الرابط</span><br /> <br /><span style="font-size: 21px; line-height: normal">نستخدم ايضاً الرمز <font color="darkgreen">HREF</font> التي نحدد من خلالها الموقع الذي نريد الدلالة عليه، ويجب أن يكتب عنوان الموقع كاملاً و هي إختصار لكلمة <font face="Arial, Helvetica, sans-serif"><strong>H</strong>ypertext <strong>REF</strong>erence .</font></span><br /> <br /><div align="right"><span style="font-size: 21px; line-height: normal">وهذه هي الصيغة الأساسيه للوصلات التشعبيه </span></div> <br /><font face="Simplified Arabic Fixed"><span style="font-size: 21px; line-height: normal"><font color="darkgreen"><A/>الصفحة الرئيسية<span style="color:#f00">[ندعوك <a href="/register?redirect=%2Ft8787-topic&tt=1">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic&tt=1">التعريف بنفسك</a> لمعاينة هذا الرابط]</span></font></span></a><span style="font-size: 21px; line-height: normal">></span></font></font><br /> <br /><div align="right"><span style="font-size: 21px; line-height: normal">فتظهر لك الوصله بهذا الشكل </span></div> <br /><div align="right"><span style="font-size: 21px; line-height: normal">حيث تظهر عبارة <font color="red">الصفحة الرئيسة</font> في صفحتك وتكون على شكل وصلة او رابط تقوم بالضغط عليه وينقلك الى الصفحة الرئيسة</span><br /><span style="font-size: 21px; line-height: normal">والكود الثاني يقوم بكتابة عبارة <font color="red">منتدى الحاسب في حياتي</font> ويصنع منها رابط ينقلك الى المنتدى </span><br /> </div> <br /><div align="right"><span style="font-size: 21px; line-height: normal">بذلك نكون قد شرحنا كيفية اضافة وصلة تشعبية لموقع او لصفحة</span></div> <br /><div align="right"><span style="font-size: 21px; line-height: normal">بالنسبة لاضافة وصلة لارسال رسالة عبر البريد الاكتروني</span></div> <br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><A/><font color="red">راسلني</font> </font></font><font face="Simplified Arabic Fixed"><font color="darkgreen"><span style="color:#f00">[ندعوك <a href="/register?redirect=%2Ft8787-topic&tt=1">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic&tt=1">التعريف بنفسك</a> لمعاينة هذا الرابط]</span></font>"></font></font></span><br /> <br /><div align="right"><span style="font-size: 21px; line-height: normal">اما اذا كنت تريد اضافة وصلة لملف اياً كان نوعه نقوم بكتابة الكود بالشكل التالي:</span></div> <br /><font color="darkgreen"><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><A/><font color="red">تحميل الملف</font><A HREF="<font color="#ff0000">HTML.doc</font>"></font> </span></font><br /> <br /> <br /> <br /> <br /><div align="right"><span style="font-size: 21px; line-height: normal"><font color="sienna">انتهينا من شرح اضافة الوصلات والروابط</font></span></div> <br /><div align="right"><span style="font-size: 21px; line-height: normal"><font color="sienna">ننتقل الى الدرس الرابع</font></span></div></div><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">My </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">First </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">HTML </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">Page</font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/TITLE></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/HEAD></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><BODY></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">Wow, </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">I'm </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">writing </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">my </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">first </font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">Page</font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/BODY></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/HTML> </font></font></span><br /><div align="right"><span style="font-size: 21px; line-height: normal"><font color="darkgreen"><font color="red">أو حتى بهذا الشكل:</font> </font></span></div><font face="Simplified Arabic Fixed"><span style="font-size: 21px; line-height: normal"><font color="darkgreen"><HTML> <HEAD> <TITLE> </font></span></font><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">My first HTML page</font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/TITLE></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/HEAD></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><BODY></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen">Wow, I'm writing my First Page</font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/BODY></font></font></span><br /><span style="font-size: 21px; line-height: normal"><font face="Simplified Arabic Fixed"><font color="darkgreen"><‎/HTML></font></font></span><br /> <br /><div align="right"><span style="font-size: 21px; line-height: normal">لكن هذا لا يعني أن الفقرة المكونة <br />مثلاً من عشرة أسطر ستمتد إلى عدة أمتار بعرض الشاشة. كلا بالطبع لأن <br />المتصفح سيقوم بعمل التفاف تلقائي لها بحسب عرض الشاشة، مهما كان مقدار هذا<br /> العرض. </span></div></div></font></font></div></div>[/right]</div><div class="clear"></div><div class="signature_div"><br /> <center><br /><br />‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗<br /><br /><img src=" https://i.servimg.com/u/f55/15/31/63/96/ooo_oo11.gif"/><br /><br /><img src="https://i.servimg.com/u/f55/15/31/63/96/ouou_u11.gif"/><br /><br /><br /><br /><br /><span style="color:#f00">[ندعوك <a href="/register?redirect=%2Ft8787-topic&tt=1">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic&tt=1">التعريف بنفسك</a> لمعاينة هذا الرابط]</span></div></div><span class="gensmall"></span></td></tr><tr><td colspan="2"><div class="fa_like_div"><p class="fa_like_list" style="display: none;"></p><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg><span>أعجبني</span><span class="rep-nb" style="display:none;"></span></button><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg><span>لم يعجبني</span><span class="rep-nb" style="display:none;"></span></button></div></td></tr></table></td></tr><tr class="post--25101" style=""><td class="row2 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img src="https://2img.net/s/t/20/92/06/i_up_arrow.png" alt="الرجوع الى أعلى الصفحة" loading="lazy" /></a> <a href="#bottom"><img src="https://2img.net/s/t/20/92/06/i_down_arrow.png" alt="اذهب الى الأسفل" loading="lazy" /></a></td><td class="row2 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">دروس تعليم لغة Html من البداية الى النهاية</div></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="#top"><img src="https://2img.net/s/t/20/92/06/i_up_arrow.png" alt="الرجوع الى أعلى الصفحة" loading="lazy" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">صفحة <strong>1</strong> من اصل <strong>1</strong></span></td></tr><tr><td class="row2" colspan="2" align="right" valign="top"><span class="gensmall"></span></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> مواضيع مماثلة</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="https://2img.net/s/t/20/92/06/i_tabs_more.png" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> مواضيع مماثلة</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="https://2img.net/s/t/20/92/06/i_tabs_less.png" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr><tr><td class="row2 postbody" valign="top">» <a style="text-decoration:none" href="/t47708-topic?tt=1" title="حكاية كورونا من البداية الى النهاية">حكاية كورونا من البداية الى النهاية</a><br />» <a style="text-decoration:none" href="/t14297-topic?tt=1" title="خطوات رحلة الحاج من البداية إلى النهاية">خطوات رحلة الحاج من البداية إلى النهاية</a><br />» <a style="text-decoration:none" href="/t12540-topic?tt=1" title="خلاصة مناسك العمرة من البداية إلى النهاية ">خلاصة مناسك العمرة من البداية إلى النهاية </a><br />» <a style="text-decoration:none" href="/t20716-topic?tt=1" title="رحلة الحج من البداية إلى النهاية بدر بن سليمان الدهش">رحلة الحج من البداية إلى النهاية بدر بن سليمان الدهش</a><br />» <a style="text-decoration:none" href="/t16169-topic?tt=1" title=" رحلة الحج من البداية إلى النهاية بدر بن سليمان الدهش"> رحلة الحج من البداية إلى النهاية بدر بن سليمان الدهش</a><br /></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>صلاحيات هذا المنتدى:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall"><strong>لاتستطيع</strong> الرد على المواضيع في هذا المنتدى<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/?tt=1">منتدي المركز الدولى</a><a class="nav" href=""></a> :: <a href="/f75-montada?tt=1" class="nav"><span>منتدى اصحاب المواقع والمنتديات</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="https://2img.net/s/t/20/92/06/i_tabs_less.png" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/?tt=1">منتدي المركز الدولى</a><a class="nav" href=""></a> :: <a href="/f75-montada?tt=1" class="nav"><span>منتدى اصحاب المواقع والمنتديات</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="https://2img.net/s/t/20/92/06/i_tabs_more.png" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td><td align="right" nowrap="nowrap"><span class="gensmall">انتقل الى: <select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">اختر منتدى</option><option value="-1"></option><option value="-1">|</option><option fix="vrai" value="f81">|--قسم المواضيع المميزة</option><option fix="vrai" value="c1">|--๑۩۞۩๑ (المنتديات الأسلامية๑۩۞۩๑(Islamic forums</option><option fix="vrai" value="f1">| |--๑۩۞۩๑نفحات اسلامية ๑۩۞۩๑Islamic Nfhat</option><option fix="vrai" value="f4">| |--๑۩۞۩๑ السيرة النبويه العطره- الاحاديث الشريفة -قصص اسلامى -قصص الانبياء(Biography of the Prophet)๑۩۞۩๑</option><option fix="vrai" value="f5">| |--๑۩۞۩๑ منتدى صوتيات و مرئيات القرآن الكريم --ادعية - اناشيداسلامية(Audio and Video Quran)๑۩۞۩๑</option><option fix="vrai" value="f3">| |--๑۩۞۩๑ منتدى الحج والعمره(Hajj and Umrah)๑۩۞۩๑</option><option fix="vrai" value="f85">| | |--فتاوى الحج والعمرة</option><option value="-1">| | </option><option fix="vrai" value="f8">| |--«۩۞۩-مـنـتـدى الـصـور والـخـلفـيـات الاسلامية-۩۞۩»(Islamic Photo)</option><option fix="vrai" value="f35">| |--๑۩۞۩๑ الخيمة الرمضانية(N.Ramadan)๑۩۞۩๑</option><option fix="vrai" value="f7">| | |--๑۩۞۩๑فتاوى الصيام ๑۩۞۩๑</option><option value="-1">| | </option><option fix="vrai" value="f41">| |--๑۩۞۩๑ركــــن الـفـلاشــات الاسلامية(Islamic flash)๑۩۞۩๑</option><option fix="vrai" value="f84">| |--๑۩۞۩๑تفسير الاحلام๑۩۞۩๑The interpretation of dreams</option><option fix="vrai" value="f56">| |--๑۩۞۩๑ منتدى الفتاوى(Fataawa)๑۩۞۩๑</option><option fix="vrai" value="f17">| |--فتاوى النساء(فتاوي وفقه المرأة المسلمة)</option><option value="-1">| </option><option fix="vrai" value="c2">|--المنتدى العام [ General Section ]</option><option fix="vrai" value="f16">| |--مواضيع عامة(General)</option><option fix="vrai" value="f68">| | |--دليل المواقع(Web Links)</option><option value="-1">| | </option><option fix="vrai" value="f74">| |--شارع الصحافة news</option><option fix="vrai" value="f27">| |--قسم الاعلانات المجانية (ضع اعلانك هنا)هذا القسم مخصص فقط للأعلان</option><option fix="vrai" value="f60">| |--منتدى الرجل ( آدم )(Man forum)</option><option fix="vrai" value="f6">| |--السياحة والسفر والطيران( Tourism and travel)</option><option value="-1">| </option><option fix="vrai" value="c4">|--منتديات عالم المرأة(Women's World Forum)</option><option fix="vrai" value="f53">| |--منتدى مكياج - Makeup- عطورات - تسريحات شعر - العناية بالبشرة والجلد</option><option fix="vrai" value="f42">| |--منتدى الازياءCostumes/ - فساتين سهره - فساتين زفاف - ملابس نسائية - موضة</option><option fix="vrai" value="f72">| | |--ازياء و فساتين المحجبات - Fashion veiled</option><option fix="vrai" value="f79">| | |--ازياء لانجري وقمصان نوم وملابس ليلة الدخلةLingerie2022</option><option value="-1">| | </option><option fix="vrai" value="f18">| |--مشغولات ذهبية-فضة -ساعات- احذية -اكسسوارات- شنط نسائية - الاشغال اليدوية(Accessories)</option><option fix="vrai" value="f21">| |--ديكورات - اثاث - غرف نوم - مطابخ - حمامات- مفروشات /Decor/نصائح منزلية /</option><option fix="vrai" value="f19">| |--مستلزمات العروس(Bride Accessories)</option><option fix="vrai" value="f61">| |--صالون حواء(Salon Eve)</option><option fix="vrai" value="f78">| |--عالم المتزوجين والثقافة الجنسية (World of married )</option><option value="-1">| </option><option fix="vrai" value="c7">|--مطبخ - وصفات و وجبات و اطباق اكلات ومعجنات وحلويات(Kitchen)</option><option fix="vrai" value="f20">| |--مطبخ - Kitchen - وصفات و وجبات و اطباق اكلات-(نصائح مهمه للمطبخ) (Food Recipes)</option><option fix="vrai" value="f22">| |--حلويات -تورتات- فطائر بالصور Cakes معجنات طريقة اعداد تشيز كيك</option><option fix="vrai" value="f36">| |--عصيرات- /Juices/مشروبات/ مربات/ ايس كريم مثلجات باردة -ساخنة</option><option fix="vrai" value="f38">| |--شربات طريقةعمل الشربة ،مقبلات مخلل احلى السلطات واجمل سلطة(Authorities)</option><option fix="vrai" value="f62">| |--ادوات المائدة(Tableware)</option><option fix="vrai" value="f67">| |--منتدى الاتيكيت(Forum Etiquette)</option><option value="-1">| </option><option fix="vrai" value="c14">|--عالم الطفل(Child's world)</option><option fix="vrai" value="f51">| |--منتدى أزياء الاطفال-واحذية وشنط- وأثاث -والعاب الطفل(Costumes children)</option><option fix="vrai" value="f15">| |--منتدى تربية الاطفال ومرحلة رياض الأطفال و برامج الأطفال التعليمية وقصص الطفل</option><option fix="vrai" value="f52">| |--منتدى الصحة والامراض وتغذية الطفل(Child Nutrition)</option><option fix="vrai" value="f83">| |--اغانى ويوتيوب للاطفال Kids songs</option><option value="-1">| </option><option fix="vrai" value="c3">|--الادب والشعر والنثر[ Section literary ]</option><option fix="vrai" value="f76">| |--مصريات</option><option fix="vrai" value="f13">| |--الادب والشعر - القصائد( Poems)</option><option fix="vrai" value="f12">| |--عذب الكلام والخواطر(Thoughts & and notice)</option><option fix="vrai" value="f11">| |--قسم القصائد المسموعه(Poems audio)</option><option fix="vrai" value="f14">| |--منتدى -قصص روايات/Stories/ - حكايات - قصة قصيره</option><option value="-1">| </option><option fix="vrai" value="c15">|--المكتبة(Library)</option><option fix="vrai" value="f50">| |--الكتب الدينيه(Islamic books)</option><option fix="vrai" value="f54">| |--الكتب التاريخية,(Historical books,)</option><option fix="vrai" value="f55">| |--الكتب الاجتماعية والانسانية(Books of social)</option><option fix="vrai" value="f58">| |--كتب متنوعة(Miscellaneous Books)</option><option value="-1">| </option><option fix="vrai" value="c9">|--منتدى الطب والصحه(Medicine and Health Forum)</option><option fix="vrai" value="f10">| |--منتدى صحة Health (التغذية - الرجيم _ علاج النحافة_والرشاقة)</option><option fix="vrai" value="f40">| |--الاعشاب الطبية ::الطب الشعبى:: والطب النبوى(Medicinal herbs)</option><option fix="vrai" value="f57">| |--طبيبك الخاص والامراض</option><option value="-1">| </option><option fix="vrai" value="c11">|--علم النفس والتنمية البشرية و تطوير الذات(Psychology)</option><option fix="vrai" value="f25">| |--الملتقى النفسى والتنمية البشرية(Psychology)</option><option fix="vrai" value="f24">| |--الاختبارات والقياسات النفسية(Psych . tests)</option><option value="-1">| </option><option fix="vrai" value="c6">|--برامج كمبيوتر(Computer Software)</option><option fix="vrai" value="f29">| |--برامج الكمبيوتر والجوال(الموبايل)</option><option fix="vrai" value="f86">| |--فوتوشوبPhotoshop-برامج-فرش-سكرابز-زخارف فيكتور</option><option fix="vrai" value="f30">| |--صيانة الكمبيوتر(Computer Maintenance)</option><option fix="vrai" value="f31">| |--حماية الكمبيوتر , برامج حماية , برامج فيروسات</option><option value="-1">| </option><option fix="vrai" value="c10">|--صور وخلفيات(Photos and Wallpapers)</option><option fix="vrai" value="f59">| |--منتدى صور وخلفيات - صور منوعة(Photos and Wallpapers)</option><option fix="vrai" value="f23">| |--صور من الطبيعة(Photos of nature)</option><option fix="vrai" value="f34">| |--طرائف ::وعجائب ::وغرائب حول العالم (Strange)</option><option fix="vrai" value="f45">| |--صور تزين المواضيع - Pictures adorn the threadsفواصل اسلامية -متحركة - ردود -رومانسية</option><option value="-1">| </option><option fix="vrai" value="f75">|--منتدى اصحاب المواقع والمنتديات</option><option fix="vrai" value="f71">| |--اكواد ورتب المنتديات (Codes of the forum)</option><option value="-1">| </option><option fix="vrai" value="c8">|--افلام(Movies Section)</option><option fix="vrai" value="f37">| |--افلام عربية(Arabic movies)</option><option fix="vrai" value="f39">| |--افلام اجنبية*Movies</option><option fix="vrai" value="f43">| |--مسلسلات ومسرحيات (Theaters)</option><option fix="vrai" value="f44">| |--فيديو يوتيوب - يو تيوب YouTube</option><option value="-1">| </option><option fix="vrai" value="f80">|--الستلايت وتردد القنوات</option><option fix="vrai" value="f63">|--الاغانى(Songs)</option><option fix="vrai" value="f64">| |--اغاتى عربية للاعضاء فقط(Arabic songs)</option><option fix="vrai" value="f65">| |--اغانى اجنبية( Hop)</option><option fix="vrai" value="f66">| |--موسيقى(Music)</option><option value="-1">| </option><option fix="vrai" value="c13">|--الرياضة(Sports)</option><option fix="vrai" value="f33">| |--رياضة عربية(Arab Sport)</option><option fix="vrai" value="f48">| |--رياضةعالميه(Sports World)</option><option fix="vrai" value="f49">| |--الاخبار الرياضية(Sports News)</option><option fix="vrai" value="f28">| |--عالم القطارات و السيارات والدراجات(Cars and bikes)</option><option fix="vrai" value="f73">| |--ساحة العاب المنتدى</option><option value="-1">| </option><option fix="vrai" value="c12">|--التهاني والترحيب(Congratulations and welcome)</option><option fix="vrai" value="f46">| |--منتدى الترحيب بالاعضاء الجدد(Welcome)</option><option fix="vrai" value="f47">| |--منتدى المناسبات(Shout and events)</option><option value="-1">| </option><option fix="vrai" value="c5">|--منتدى الادارة(Forum Management)</option><option fix="vrai" value="f69"> |--قوانين المنتدى(Forum rules)</option><option fix="vrai" value="f77"> |--الإقتراحات والشكاوي و الإستفسارات</option></select><input type="hidden" name="tid" value="afc9933c207dbc1fe9800998ecf8427e" /> <input type="hidden" name="tt" value="1"><input class="liteoption" type="submit" value="انتقل الى" /></span></td></tr></table></form><script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : 1000, 'max_height' : 800 }));//]]></script><div id="ja98dc62" style="clear:both;"><div align="center"><div></div></div></div><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><div id="page-footer"><div align="center"><div class="gen"><span class="gensmall">©</span><a href="https://www.ahlamontada.com/phpbb" target="_blank">phpBB</a> | <strong><a href="https://www.ahlamontada.com/" target="_blank">انشاء منتدى</a></strong> | <a name="bottom" href="https://help.ahlamontada.com/" target="_blank">منتدى مجاني للدعم و المساعدة</a> | <a name="bottom" href="/contact?tt=1" rel="nofollow">إتصل بنا</a> | <a href="/abuse?page=%2Ft8787-topic%3Ftt%3D1&report=1&tt=1" rel="nofollow">التبليغ عن محتوى مخالف</a> | <a href="javascript:window.Sddan.cmp.displayUI();">ملفات تعريف الارتباط التابعة لجهات خارجية</a> | <strong><a href="/latest?tt=1" target="_blank">آخر المواضيع</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://markzaldawli.yoo7.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'ar'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '74bad24252620514d1244cfba01f2ee2' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script></body></html>