Free Web Site - Free Web Space and Site Hosting - Web Hosting - Internet Store and Ecommerce Solution Provider - High Speed Internet
Search the Web

 

أسس صفحة HTML

 

ماهي الـHTML?

لغة ترميز النص التشعبي «HyperText Markup Language» هي اللغة المستخدمة في إنشاء صفحات الويب، والـ HTML ليست لغة برمجة أي أنها لا تستخدم لإنشاء البرامج وتمتاز هذه اللغة بسهولتها حيث أن بإمكان المبتدئين التعرف عليها واستخدامها دون أدنى جهد. والـ HTML لا تحتاج برامج مساعدة من أجل كتابتها أو بالأحرى استخدامها بل يمكنك كتابة أوامرها من أي محرر نصوص مثل المفكرة «Notepad» وسأشرح لاحقاً كيفية استخدام هذه اللغة في بناء الصفحات.

مبنى صفحة HTML

سنحاول تخييل الصفحة كحبة بصلة و سننزع القشور واحدا تلو الآخر .

<html>
<head>
محتويات الرأس
</head>
<body>
محتويات الجسم
</body>
</html>

<html>
<head>
<title>تعريف بالصفحة</title>
</head>
<body>
محتويات الجسم
</body>
</html>

بعض أوامر لغة الـ HTML

المهمة

الأمر

خط مائل، سفلي أو عريض

<b>example</b>, <u>example</u>, <i>example</i>

لون وحجم ونوع الخط

<font color="red" size="3" face="tahoma">example</font>

تغيير اتجاه محارف الصفحة

<html dir="rtl"> OR <html dir="ltr">

تغيير اتجاه محاذاة النص

<p align="center"> OR <p align="right"> OR <p align="left">, </p>

وضع رابط تشعبي لموقع

<a href="http://www.yosef99.f2s.com.com">click here</a>

وضع رابط تشعبي لبريد

<a href="mailto:ahat@ahat.itgo.com">click here</a>

ادراج صورة

<img src="http://members.tripod.com/IronPrivate/ahat1.jpg">

ادراج خط أفقي

<hr>

ادراج خلفية موسيقية مع تكرار دائم

<bgsound src="http://members.tripod.com/IronPrivate/adream.mid" loop="infinite">

كيفية استخدام أوامر الـ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>

ستظهر هذه العبارة بالشكل التالي:

أهلاً بكم في صفحة النجوم

ملاحظة

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

الالوان في لغة الهتمل

 عودة للصفحة الرئيسية

الاطارات في لغة الهتمل