بداية الصفحة

إليك جدولا بالوسوم الرئيسية :

وسم النهاية	وسم البداية
<‎/HTML>	<HTML>
<‎/HEAD>	<HEAD>
<‎/TITLE>	<TITLE>
<‎/BODY>	<BODY>

وهناك أيضا الوسم <P> الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي

السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات.

المطلوب ترك عدة فراغات بين نص وآخر فما العمل؟
باستخدام الوسم ‎&nbsp ‎ وهذه الأحرف هي اختصار للجملة Non Breakable Space لترك عدة فراغات بين نص وآخر يجب كتابة هذا الوسم بنفس عدد الفراغات المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا.

افتح برنامج المفكرة واكتب مايلى:

<HTML>

<HEAD>

<CENTER>

<TITEL>ربيع

</TITEL>

</HEAD>

<BODY><CENTER>

هذه صفحتى

&nbsp;    الحمد لله   الله اكبر ولله الحمد     &nbsp

;بسم الله   &nbsp;

</BODY>

** استعرض الصفحة السابقة بالمتصفح ولاحظ المسافات بين الكلمات بعضها البعض

الألوان

فبدون الألوان تصبح الصفحة باهتةفالألوان تعطى جاذبية للصفحة .
إذا اردت تغير خلفية الصفحة ما عليك إلا وضع هذا الوسم داخل الوسم < BODY >هكذا :

< "BODY BGCOLOR="008080 >

وإذا اردت وضع الخلفية باللون الأحمرضع الرقم FF0000 بدل من الرقم FFFFFF الذي يمثل الرقم الأبيض وهكذا .
أو اكتب مكان هذه الأرقام اسم اللون بالغة الإنجليزية فمثلا لو أردت اللون الأحمر فاكتب مكان الأرقام red
لكن السؤال من أين جائت هذه الأرقام ، وكيف نستخرج اللون المناسب ؟

الجواب هو : أن كل رقم من هذه الأرقام هو مزيج من اللون الأزرق و الأخضر والأحمر .
حيث يمثلان الرقمان الأولان على اليمين نسبة وجود اللون الأزرق ، والرقمين اللذان في الوسط يمثلان نسبة وجود اللون الأخضر ، والرقمان اللذان على اليسار يمثلان نسبة وجود اللون الأحمر .
إذاً : أي لون هو مزيج أو خليط من هذه الالوان الثلاث بنسبة محددة .

حيث تمكنك لغة الـHTML من وضع 16777216 لون في صفحتك . حسناً ولكن من أين جائت الرموز 000000 التى يمثل اللون الأسود ؟
هي أرقام عادية مكتوبة بالنظام السداسي العشري ، فالرقم 255 بالنطام العشري يكافيء الرقم FF بالنظام السداسي العشري .

لاحظ يجب وضع الإشارة # قبل رقم اللون لأن بعض المتصفحات لا تتعرف على اللون إلى بوضع هذه الإشارة

ملاحظة :
تستطيع كتابة الألوان الأساسية باستخدام أسماء هذه الألوان باللغة الانجليزية.

** إضافة صورة كخلفية للصفحة ؟؟؟؟

استخدم الوسم التالى :

<” BODY background="file:///C:\Program Files\my documentes\back.jpg>
...
< </body>

اكتب عنوان الصورة الصورة كاملاً . .

كيفية حفظ الملفات المكتوبة بلغة الـHTML

عند حفظ ملف في لغة الـHTML احفظه باى اسم و بامتداد هو htm أوhtml ولا يوجد فرق في بين هذين الامتدادين

** الوصلات التشعيبية .

أنواع الوصلات التشعيبية:

يوجد ثلاث أنواع 1- وصلة تنقاك إلى موقع آخر خارج موقعك

2- وصلة تنقلك إلى صحة أو قسم داخل نفس الموقع

3- وصلة تنقلك من فقرة إلى أخرى داخل نفس الصفحة مثال ذلك الوصلة التى تنقلك من نهاية الصفحة إلى بدايتها

عندما نريد وضع وصلة تشعيبية فيجب عليك اسخدام هذا الوسم

<A HREF="http://www.75megs.rabei4/">الخوارزمى</A>

الوسم يتكون من:

1-الجزء من الوسم هو A HREF وهوالذى يخبر المتصفح بأن الوصلة توجد في الشبكة ،

2-الجزء ="http://www.75megs.rabei4/" فهو عنوان الموقع ( يجب أن يكون بين هذين القوسين " " )

3- كلمة الخوارزمى فهي الكلمة اللتي إذا ضغط عليها تذهب لموقع الخوارزمى

4- الجزء <a/> ينهي هذه الكلمة وإذا لم تضعها تصبح كل الصفحة وصلة واحدة عند الضغط عليها تنقلك لنفس الموقع .

كيف تعمل وصلة لأحد الصفحات الموجودة في موقعك ؟؟
الجواب هو :
فمثلا عمل وصلة للصفحة الرئيسية نكتب الاتى:

<A HREF="index.htm" >الصفحة الرئيسية <A>

مع ملاحظة أن تكون الصفحة الرئيسية محفوظة بنفس الاسم وامتداده الذى وضعناه بين علامة الاقتباس " " أى (index.htm)

وبنفس حالة الحروف سواء كانت حروفا صغيرة أو كبيرة.

ولكن ماذا لو أردنا عمل وصلة تشعيبية لفقرة ما ??
ما عليك إلا الذهاب لأول كلمة موجودة في الفقرة التي تريد أن يذهب إليها الزائر ووضعها بين الوسمين

<a name="بداية الصفحة">أول كلمة موجودة في الفقرة</A>

**فمثلاً تريد أن تضع وصلة تشعيبية لبداية كلامنا عن الوصلات التشعيبية كيف ذلك؟
الجواب هو :
اولاً اذهب إلى الكلمة التي تريد الزائر أن يذهب إليها وضعها بين الوسمين

< A name="b">الكلمة المراد للزائر الذهاب إليها </A>

ثم اذهب لمكان وضع الوصلة التشعيبية واكتب الوسم التالي :

<A HREF="#b">الكلمة المراد للزائر أن يضغطها</A>

(انظر إلى أسفل هذه الصفحة ستجد وصلة تنقلك إلى بداية الصفحة)

ملاحظة :

تستطيع تغيير الحرف b ويجب عليك قبل وضع الاسم وضع الشارة # للوصلة .

بداية الصفحة