دروس تعليم لغة 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">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic">التعريف بنفسك</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">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic">التعريف بنفسك</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">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic">التعريف بنفسك</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">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic">التعريف بنفسك</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">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic">التعريف بنفسك</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">للتسجيل في المنتدى</a> أو <a href="/login?redirect=%2Ft8787-topic">التعريف بنفسك</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" title="حكاية كورونا من البداية الى النهاية">حكاية كورونا من البداية الى النهاية</a><br />» <a style="text-decoration:none" href="/t12540-topic" title="خلاصة مناسك العمرة من البداية إلى النهاية ">خلاصة مناسك العمرة من البداية إلى النهاية </a><br />» <a style="text-decoration:none" href="/t14297-topic" title="خطوات رحلة الحاج من البداية إلى النهاية">خطوات رحلة الحاج من البداية إلى النهاية</a><br />» <a style="text-decoration:none" href="/t16169-topic" title=" رحلة الحج من البداية إلى النهاية بدر بن سليمان الدهش"> رحلة الحج من البداية إلى النهاية بدر بن سليمان الدهش</a><br />» <a style="text-decoration:none" href="/t20716-topic" 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="/">منتدي المركز الدولى</a><a class="nav" href=""></a> :: <a href="/f75-montada" 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="/">منتدي المركز الدولى</a><a class="nav" href=""></a> :: <a href="/f75-montada" 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 correctif=" vrai " value="f81">|--قسم المواضيع المميزة</option><option correctif=" vrai " value="c1">|--๑۩۞۩๑ (المنتديات الأسلامية๑۩۞۩๑(Islamic forums</option><option correctif=" vrai " value="f1">| |--๑۩۞۩๑نفحات اسلامية ๑۩۞۩๑Islamic Nfhat</option><option correctif=" vrai " value="f4">| |--๑۩۞۩๑ السيرة النبويه العطره- الاحاديث الشريفة -قصص اسلامى -قصص الانبياء(Biography of the Prophet)๑۩۞۩๑</option><option correctif=" vrai " value="f5">| |--๑۩۞۩๑ منتدى صوتيات و مرئيات القرآن الكريم --ادعية - اناشيداسلامية(Audio and Video Quran)๑۩۞۩๑</option><option correctif=" vrai " value="f3">| |--๑۩۞۩๑ منتدى الحج والعمره(Hajj and Umrah)๑۩۞۩๑</option><option correctif=" vrai " value="f85">| | |--فتاوى الحج والعمرة</option><option value="-1">| | </option><option correctif=" vrai " value="f8">| |--«۩۞۩-مـنـتـدى الـصـور والـخـلفـيـات الاسلامية-۩۞۩»(Islamic Photo)</option><option correctif=" vrai " value="f35">| |--๑۩۞۩๑ الخيمة الرمضانية(N.Ramadan)๑۩۞۩๑</option><option correctif=" vrai " value="f7">| | |--๑۩۞۩๑فتاوى الصيام ๑۩۞۩๑</option><option value="-1">| | </option><option correctif=" vrai " value="f41">| |--๑۩۞۩๑ركــــن الـفـلاشــات الاسلامية(Islamic flash)๑۩۞۩๑</option><option correctif=" vrai " value="f84">| |--๑۩۞۩๑تفسير الاحلام๑۩۞۩๑The interpretation of dreams</option><option correctif=" vrai " value="f56">| |--๑۩۞۩๑ منتدى الفتاوى(Fataawa)๑۩۞۩๑</option><option correctif=" vrai " value="f17">| |--فتاوى النساء(فتاوي وفقه المرأة المسلمة)</option><option value="-1">| </option><option correctif=" vrai " value="c2">|--المنتدى العام [ General Section ]</option><option correctif=" vrai " value="f16">| |--مواضيع عامة(General)</option><option correctif=" vrai " value="f68">| | |--دليل المواقع(Web Links)</option><option value="-1">| | </option><option correctif=" vrai " value="f74">| |--شارع الصحافة news</option><option correctif=" vrai " value="f27">| |--قسم الاعلانات المجانية (ضع اعلانك هنا)هذا القسم مخصص فقط للأعلان</option><option correctif=" vrai " value="f60">| |--منتدى الرجل ( آدم )(Man forum)</option><option correctif=" vrai " value="f6">| |--السياحة والسفر والطيران( Tourism and travel)</option><option value="-1">| </option><option correctif=" vrai " value="c4">|--منتديات عالم المرأة(Women's World Forum)</option><option correctif=" vrai " value="f53">| |--منتدى مكياج - Makeup- عطورات - تسريحات شعر - العناية بالبشرة والجلد</option><option correctif=" vrai " value="f42">| |--منتدى الازياءCostumes/ - فساتين سهره - فساتين زفاف - ملابس نسائية - موضة</option><option correctif=" vrai " value="f72">| | |--ازياء و فساتين المحجبات - Fashion veiled</option><option correctif=" vrai " value="f79">| | |--ازياء لانجري وقمصان نوم وملابس ليلة الدخلةLingerie2022</option><option value="-1">| | </option><option correctif=" vrai " value="f18">| |--مشغولات ذهبية-فضة -ساعات- احذية -اكسسوارات- شنط نسائية - الاشغال اليدوية(Accessories)</option><option correctif=" vrai " value="f21">| |--ديكورات - اثاث - غرف نوم - مطابخ - حمامات- مفروشات /Decor/نصائح منزلية /</option><option correctif=" vrai " value="f19">| |--مستلزمات العروس(Bride Accessories)</option><option correctif=" vrai " value="f61">| |--صالون حواء(Salon Eve)</option><option correctif=" vrai " value="f78">| |--عالم المتزوجين والثقافة الجنسية (World of married )</option><option value="-1">| </option><option correctif=" vrai " value="c7">|--مطبخ - وصفات و وجبات و اطباق اكلات ومعجنات وحلويات(Kitchen)</option><option correctif=" vrai " value="f20">| |--مطبخ - Kitchen - وصفات و وجبات و اطباق اكلات-(نصائح مهمه للمطبخ) (Food Recipes)</option><option correctif=" vrai " value="f22">| |--حلويات -تورتات- فطائر بالصور Cakes معجنات طريقة اعداد تشيز كيك</option><option correctif=" vrai " value="f36">| |--عصيرات- /Juices/مشروبات/ مربات/ ايس كريم مثلجات باردة -ساخنة</option><option correctif=" vrai " value="f38">| |--شربات طريقةعمل الشربة ،مقبلات مخلل احلى السلطات واجمل سلطة(Authorities)</option><option correctif=" vrai " value="f62">| |--ادوات المائدة(Tableware)</option><option correctif=" vrai " value="f67">| |--منتدى الاتيكيت(Forum Etiquette)</option><option value="-1">| </option><option correctif=" vrai " value="c14">|--عالم الطفل(Child's world)</option><option correctif=" vrai " value="f51">| |--منتدى أزياء الاطفال-واحذية وشنط- وأثاث -والعاب الطفل(Costumes children)</option><option correctif=" vrai " value="f15">| |--منتدى تربية الاطفال ومرحلة رياض الأطفال و برامج الأطفال التعليمية وقصص الطفل</option><option correctif=" vrai " value="f52">| |--منتدى الصحة والامراض وتغذية الطفل(Child Nutrition)</option><option correctif=" vrai " value="f83">| |--اغانى ويوتيوب للاطفال Kids songs</option><option value="-1">| </option><option correctif=" vrai " value="c3">|--الادب والشعر والنثر[ Section literary ]</option><option correctif=" vrai " value="f76">| |--مصريات</option><option correctif=" vrai " value="f13">| |--الادب والشعر - القصائد( Poems)</option><option correctif=" vrai " value="f12">| |--عذب الكلام والخواطر(Thoughts & and notice)</option><option correctif=" vrai " value="f11">| |--قسم القصائد المسموعه(Poems audio)</option><option correctif=" vrai " value="f14">| |--منتدى -قصص روايات/Stories/ - حكايات - قصة قصيره</option><option value="-1">| </option><option correctif=" vrai " value="c15">|--المكتبة(Library)</option><option correctif=" vrai " value="f50">| |--الكتب الدينيه(Islamic books)</option><option correctif=" vrai " value="f54">| |--الكتب التاريخية,(Historical books,)</option><option correctif=" vrai " value="f55">| |--الكتب الاجتماعية والانسانية(Books of social)</option><option correctif=" vrai " value="f58">| |--كتب متنوعة(Miscellaneous Books)</option><option value="-1">| </option><option correctif=" vrai " value="c9">|--منتدى الطب والصحه(Medicine and Health Forum)</option><option correctif=" vrai " value="f10">| |--منتدى صحة Health (التغذية - الرجيم _ علاج النحافة_والرشاقة)</option><option correctif=" vrai " value="f40">| |--الاعشاب الطبية ::الطب الشعبى:: والطب النبوى(Medicinal herbs)</option><option correctif=" vrai " value="f57">| |--طبيبك الخاص والامراض</option><option value="-1">| </option><option correctif=" vrai " value="c11">|--علم النفس والتنمية البشرية و تطوير الذات(Psychology)</option><option correctif=" vrai " value="f25">| |--الملتقى النفسى والتنمية البشرية(Psychology)</option><option correctif=" vrai " value="f24">| |--الاختبارات والقياسات النفسية(Psych . tests)</option><option value="-1">| </option><option correctif=" vrai " value="c6">|--برامج كمبيوتر(Computer Software)</option><option correctif=" vrai " value="f29">| |--برامج الكمبيوتر والجوال(الموبايل)</option><option correctif=" vrai " value="f86">| |--فوتوشوبPhotoshop-برامج-فرش-سكرابز-زخارف فيكتور</option><option correctif=" vrai " value="f30">| |--صيانة الكمبيوتر(Computer Maintenance)</option><option correctif=" vrai " value="f31">| |--حماية الكمبيوتر , برامج حماية , برامج فيروسات</option><option value="-1">| </option><option correctif=" vrai " value="c10">|--صور وخلفيات(Photos and Wallpapers)</option><option correctif=" vrai " value="f59">| |--منتدى صور وخلفيات - صور منوعة(Photos and Wallpapers)</option><option correctif=" vrai " value="f23">| |--صور من الطبيعة(Photos of nature)</option><option correctif=" vrai " value="f34">| |--طرائف ::وعجائب ::وغرائب حول العالم (Strange)</option><option correctif=" vrai " value="f45">| |--صور تزين المواضيع - Pictures adorn the threadsفواصل اسلامية -متحركة - ردود -رومانسية</option><option value="-1">| </option><option correctif=" vrai " value="f75">|--منتدى اصحاب المواقع والمنتديات</option><option correctif=" vrai " value="f71">| |--اكواد ورتب المنتديات (Codes of the forum)</option><option value="-1">| </option><option correctif=" vrai " value="c8">|--افلام(Movies Section)</option><option correctif=" vrai " value="f37">| |--افلام عربية(Arabic movies)</option><option correctif=" vrai " value="f39">| |--افلام اجنبية*Movies</option><option correctif=" vrai " value="f43">| |--مسلسلات ومسرحيات (Theaters)</option><option correctif=" vrai " value="f44">| |--فيديو يوتيوب - يو تيوب YouTube</option><option value="-1">| </option><option correctif=" vrai " value="f80">|--الستلايت وتردد القنوات</option><option correctif=" vrai " value="f63">|--الاغانى(Songs)</option><option correctif=" vrai " value="f64">| |--اغاتى عربية للاعضاء فقط(Arabic songs)</option><option correctif=" vrai " value="f65">| |--اغانى اجنبية( Hop)</option><option correctif=" vrai " value="f66">| |--موسيقى(Music)</option><option value="-1">| </option><option correctif=" vrai " value="c13">|--الرياضة(Sports)</option><option correctif=" vrai " value="f33">| |--رياضة عربية(Arab Sport)</option><option correctif=" vrai " value="f48">| |--رياضةعالميه(Sports World)</option><option correctif=" vrai " value="f49">| |--الاخبار الرياضية(Sports News)</option><option correctif=" vrai " value="f28">| |--عالم القطارات و السيارات والدراجات(Cars and bikes)</option><option correctif=" vrai " value="f73">| |--ساحة العاب المنتدى</option><option value="-1">| </option><option correctif=" vrai " value="c12">|--التهاني والترحيب(Congratulations and welcome)</option><option correctif=" vrai " value="f46">| |--منتدى الترحيب بالاعضاء الجدد(Welcome)</option><option correctif=" vrai " value="f47">| |--منتدى المناسبات(Shout and events)</option><option value="-1">| </option><option correctif=" vrai " value="c5">|--منتدى الادارة(Forum Management)</option><option correctif=" vrai " value="f69"> |--قوانين المنتدى(Forum rules)</option><option correctif=" vrai " value="f77"> |--الإقتراحات والشكاوي و الإستفسارات</option></select><input type="hidden" name="tid" value="4b54949fb421cbc7e9800998ecf8427e" /> <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="w501285" 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/create-a-forum" target="_blank">انشاء منتدى مع أحلى منتدى</a></strong> | <a name="bottom" href="https://help.ahlamontada.com/" target="_blank">منتدى مجاني للدعم و المساعدة</a> | <a name="bottom" href="/contact" rel="nofollow">إتصل بنا</a> | <a href="/abuse?page=%2Ft8787-topic&report=1" rel="nofollow">التبليغ عن محتوى مخالف</a> | <strong><a href="/latest" 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>