الرئيسية
ماهي الـHTML?
لغة ترميز النص التشعبي «HyperText Markup Language» هي اللغة المستخدمة في إنشاء صفحات الويب، والـ HTML ليست لغة برمجة أي أنها لا تستخدم لإنشاء البرامج وتمتاز هذه اللغة بسهولتها حيث أن بإمكان المبتدئين التعرف عليها واستخدامها دون أدنى جهد. والـ HTML لا تحتاج برامج مساعدة من أجل كتابتها أو بالأحرى استخدامها بل يمكنك كتابة أوامرها من أي محرر نصوص مثل المفكرة «Notepad» وسأشرح لاحقاً كيفية استخدام هذه اللغة في بناء الصفحات.
بعض أوامر لغة الـ HTML
كيفية استخدام أوامر الـHTML
أنشيء ملف HTMLجديد ثم افتحه عن طريق المتصفح « عند النقر على الملف نقرة مزدوجة سينفتح لك من المتصفح تلقائيا»، ثم اختر عرض View ثم المصدر Source وستظهر لك نافذة المفكرة Notepad، عند ذلك اكتب الأوامر فيها ثم احفظ ذلك وأغلق نافذة المفكرة. عند عودتك لاطار المتصفح اضغط أيقونة تحديث Refresh.
برامج تدعم لغة الـHTML
اذا كنت لاتتقن استخدام أوامر هذه اللغة فيمكنك استخدام بعض البرامج المساعدة لتصميم صفحات الويب والتي تدعم لغة الـHTMLكبرنامجي «Microsoft Word 97,2000» و «Front Page Express, 2000».. الطريقة سهلة، فبامكانك كتابة ماتريده وادراج صور وموسيقى ووضع روابط ( تصميم الصفحة)، ثم حفظ الملف بصيغة HTML وعند فتح الملف ستجد الصفحة مصممة بالشكل الذي تريده. ويمكنك رؤية أوامر الـHTML المستخدمة في تصميم هذه الصفحة باختيار عرض View ثم المصدر Source.
مثال بسيط
انسخ هذه العبارة والصقها في مصدر الـHTML في صفحتك
<font color="blue" size="4" face="tahoma">أهلاً بكم في<u> صفحة آهات</u></font>
ستظهر هذه العبارة بالشكل التالي:
ملاحظة
عند ادراجك الصورة يجب أن تكون موضوعة على الانترنت ولايمكن ادراج الصورة مباشرة من جهازك حيث لن تظهر على الانترنت في هذه الحالة سوى لك انت!.
لغة ترميز النص التشعبي «HyperText Markup Language» هي اللغة المستخدمة في إنشاء صفحات الويب، والـ HTML ليست لغة برمجة أي أنها لا تستخدم لإنشاء البرامج وتمتاز هذه اللغة بسهولتها حيث أن بإمكان المبتدئين التعرف عليها واستخدامها دون أدنى جهد. والـ HTML لا تحتاج برامج مساعدة من أجل كتابتها أو بالأحرى استخدامها بل يمكنك كتابة أوامرها من أي محرر نصوص مثل المفكرة «Notepad» وسأشرح لاحقاً كيفية استخدام هذه اللغة في بناء الصفحات.
بعض أوامر لغة الـ HTML
المهمة | الأمر |
خط مائل، سفلي أو عريض | <b>example</b>, <u>example</u>, <i>example</i> |
لون وحجم ونوع الخط | <fontcolor="red"size="3" face="tahoma">example</font> |
تغيير اتجاه محارف الصفحة | <htmldir="rtl"> OR <html dir="ltr"> |
تغيير اتجاه محاذاة النص | <palign="center"> OR <p align="right"> OR <palign="left">, </p> |
وضع رابط تشعبي لموقع | <ahref="http://www.ahat.itgo.com">click here</a> |
وضع رابط تشعبي لبريد | <ahref="mailto:ahat@ahat.itgo.com">click here</a> |
ادراج صورة | <img src="http://members.tripod.com/IronPrivate/ahat1.jpg"> |
ادراج خط أفقي | <hr> |
ادراج خلفية موسيقية مع تكرار دائم | <bgsoundsrc="http://members.tripod.com/IronPrivate/adream.mid"loop="infinite"> |
أنشيء ملف HTMLجديد ثم افتحه عن طريق المتصفح « عند النقر على الملف نقرة مزدوجة سينفتح لك من المتصفح تلقائيا»، ثم اختر عرض View ثم المصدر Source وستظهر لك نافذة المفكرة Notepad، عند ذلك اكتب الأوامر فيها ثم احفظ ذلك وأغلق نافذة المفكرة. عند عودتك لاطار المتصفح اضغط أيقونة تحديث Refresh.
برامج تدعم لغة الـHTML
اذا كنت لاتتقن استخدام أوامر هذه اللغة فيمكنك استخدام بعض البرامج المساعدة لتصميم صفحات الويب والتي تدعم لغة الـHTMLكبرنامجي «Microsoft Word 97,2000» و «Front Page Express, 2000».. الطريقة سهلة، فبامكانك كتابة ماتريده وادراج صور وموسيقى ووضع روابط ( تصميم الصفحة)، ثم حفظ الملف بصيغة HTML وعند فتح الملف ستجد الصفحة مصممة بالشكل الذي تريده. ويمكنك رؤية أوامر الـHTML المستخدمة في تصميم هذه الصفحة باختيار عرض View ثم المصدر Source.
مثال بسيط
انسخ هذه العبارة والصقها في مصدر الـHTML في صفحتك
<font color="blue" size="4" face="tahoma">أهلاً بكم في<u> صفحة آهات</u></font>
ستظهر هذه العبارة بالشكل التالي:
أهلاً بكم في صفحة آهات
ملاحظة
عند ادراجك الصورة يجب أن تكون موضوعة على الانترنت ولايمكن ادراج الصورة مباشرة من جهازك حيث لن تظهر على الانترنت في هذه الحالة سوى لك انت!.
