نبذة
تاريخية حول لغة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الـ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] هي اختصار Hyper Text Markup Language أي لغة ترابط
النصوص التشعبية , وهي التقنية
الجوهر التي تتحكم بما سوف يعرضه
المستعرض على الشاشة.
تم تصميم HTML في البدء لكي يتمكن
العلماء من إنشاء مستندات نصية تحتوي
على أوامر تنسيق أساسية تسمى (ترميز)
وارتباطات إلى معلومات أخرى (تسمى
نصوص تشعبية أو ارتباطات تشعبية) على
سبيل المثال يمكن أن يحتوي مستند عن
الهزات الأرضية على ارتباط إلى
مستندات أخرى تتحدث عن الهزات
الأرضية كتبها علماء آخرون.
لم يخطر على
بال مخترعي HTML أن هذه التقنية ستبرهن
عن فعالية وفائدة لدرجة أنها ستصبح
السبب الرئيسي لنمو الوب.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هي عبارة عن مجرد ملف نصي عادي
يكتب في أي برنامج نصي (على سيبل
المثال
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) ويحفظ بصيغة HTML أو
HTM , ويحتوي هذا المستند على شفرات
خاصة تسمى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] توضع عادة حول كتل من
النصوص , تلك الكتل والوسوم تسمى عناصر (Elements) ويفسر مستعرض الوب
كإنترنت إكسبلورر او نيتسكيب تلك
العناصر ليحدد كيفية عرضه على الشاشة. في معظم الأحيان, يملك كل عنصر في HTML
وسم فتح ووسم أغلاق ويتألف وسم الفتح
من إسم الوسم مع أشارتي أصغر من وأكبر من < و > . على سبيل المثال:
وسم فتح الخط العريض هو <B> ويكون وسم
إغلاقه محصوراً بين الإشارات أيضاً
ولكن في هذه الحالة توجد شرطة أمامية
قبل إسم الوسم <B/>, ويوضع النص
الذي سيتأثر بالوسم بين وسمي الفتح
والإغلاق ... وعند قيام المستعرض
بالتفسير سيظهر النص المكتوب بين
الوسمين.
على سبيل
المثال :
لكتابة الإنترنت
للجميع
بالخط العريض نجعلها بين وسمَيْ
الفتح والاغلاق
<B/>الإنترنت للجميع<B>
** قبل
كل شيء إفتح أي برنامج كتابة لديك على
سبيل المثال برنامج [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
في ويندوز. واكتب الآتي :-
تاريخية حول لغة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الـ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] هي اختصار Hyper Text Markup Language أي لغة ترابط
النصوص التشعبية , وهي التقنية
الجوهر التي تتحكم بما سوف يعرضه
المستعرض على الشاشة.
تم تصميم HTML في البدء لكي يتمكن
العلماء من إنشاء مستندات نصية تحتوي
على أوامر تنسيق أساسية تسمى (ترميز)
وارتباطات إلى معلومات أخرى (تسمى
نصوص تشعبية أو ارتباطات تشعبية) على
سبيل المثال يمكن أن يحتوي مستند عن
الهزات الأرضية على ارتباط إلى
مستندات أخرى تتحدث عن الهزات
الأرضية كتبها علماء آخرون.
لم يخطر على
بال مخترعي HTML أن هذه التقنية ستبرهن
عن فعالية وفائدة لدرجة أنها ستصبح
السبب الرئيسي لنمو الوب.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هي عبارة عن مجرد ملف نصي عادي
يكتب في أي برنامج نصي (على سيبل
المثال
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]) ويحفظ بصيغة HTML أو
HTM , ويحتوي هذا المستند على شفرات
خاصة تسمى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] توضع عادة حول كتل من
النصوص , تلك الكتل والوسوم تسمى عناصر (Elements) ويفسر مستعرض الوب
كإنترنت إكسبلورر او نيتسكيب تلك
العناصر ليحدد كيفية عرضه على الشاشة. في معظم الأحيان, يملك كل عنصر في HTML
وسم فتح ووسم أغلاق ويتألف وسم الفتح
من إسم الوسم مع أشارتي أصغر من وأكبر من < و > . على سبيل المثال:
وسم فتح الخط العريض هو <B> ويكون وسم
إغلاقه محصوراً بين الإشارات أيضاً
ولكن في هذه الحالة توجد شرطة أمامية
قبل إسم الوسم <B/>, ويوضع النص
الذي سيتأثر بالوسم بين وسمي الفتح
والإغلاق ... وعند قيام المستعرض
بالتفسير سيظهر النص المكتوب بين
الوسمين.
على سبيل
المثال :
لكتابة الإنترنت
للجميع
بالخط العريض نجعلها بين وسمَيْ
الفتح والاغلاق
<B/>الإنترنت للجميع<B>
** قبل
كل شيء إفتح أي برنامج كتابة لديك على
سبيل المثال برنامج [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
في ويندوز. واكتب الآتي :-
<HTMLdir=rtl> <HEAD> <TITLE>صفحة إختبارTITLE> HEAD> <BODY> مرحباً بكم في عالم الإنترنت [b]BODY> [b]HTML> [/b][/b] |
إحفظ
الملف بأي إسم ولكن بصيغة html. مثلاً : index.htm أو index.html
وسوم
HTML الحيوية :
الوسم
الأول <HTMLdir=rtl> يشير للمستعرض أنَّ
المواد التي تليه يجب معالجتها
باستعمال قواعد التركيب النحوي ..والبنيوي
الذي تفرضه لغة HTML ، و dir=rtl تخبر المستعرض أن
الكتابة ستكون من اليمين إلى اليسار.(كلغتنا
الحبيبة).ويظهر وسم الإغلاق المناسب
له كالتالي <HTML/> في نهاية الملف.
وسوم
الترويسة :
يشير
الوسمان .. <HEAD> و <HEAD/> إلى حدود منطقة
الترويسة في الملف .. التي تحتوي على
بنود لا تظهر على الصفحة بشكل مباشر ،
وهي اختيارية .. رغم أن بعض العناصر
تعمل فقط عند وضعها ضمنها .. TITLE هو أحد العناصر .
يعرف الوسمان <TITLE> و <TITLE/> ما سيظهر في
شريط عنوان المستعرض (الشريط الأزرق
الموجود فوق شريط القوائم) ...انظر الى
المستعرض الذي أمامك ترى شريط فوق في
الاعلى يظهر عليه اسم البرنامج.إذاً
سيكون إسم صفحتنا هو (صفحة إختبار).
وسوم
الجسم :
المنطقة
التالية المبينة في السرد محصورة
بالوسمين <BODY> و <BODY/>. كما تتوقع هذه
المنطقة تسمى جسم المستند وتحتوي على
محتويات المستند - المواد المرئية
على الصفحة. لذا فإن مثالنا يعرض النص
(مرحباً بكم في عالم الإنترنت).
سيكون
الناتج في المستعرض كالتالي:-
مرحباً بكم في عالم الإنترنت |
وسوم
تنسيق الأحرف :
إذا
بين المثال السابق حدود اللغة HTML فإن
الويب مضجرة جداً. لكن يمكنك أن تكون
إبداعياً أكثر وتغيّر مظهر النص
بواسطة وسوم الأحرف ، كما هو مبين في
السرد التالي:-
<HTML dir="rtl"> <HEAD> <TITLE>صفحة إختبارTITLE> HEAD> <BODY> هذا يريك <B>نصاً عريضاًB> هذا يريك <I>نصاً مائلاًI> هذا يريك <U>خطاً تحت النصU> <FONT COLOR="blue">هذا يريك كيفية تغيير لون الخطFONT> <FONT SIZE="5">هذا يريك كيفية تغيير حجم الخطFONT> <FONT FACE="Tahoma">هذا يريك كيفية تغيير نوع الخطFONT> |
يتبع