منتديات داماس > >
دوره كاملة في تعلم لغة الهتمل HTML





دوره كاملة في تعلم لغة الهتمل HTML

تعلم لغة الهتمل HTML
أهلاً بك إلى مقدمة دروس لغة HTML أو كما يسميها البعض لغة الهتمل .
حسناً فلنبدأ الشرح ولكن أولاً أريد أن أجيب على بعض أسئلتك واتوقع أن أول سؤال يقول :


يمكنكم تحميل اسطوانة تعليم الهتمل من هنا
Link


ما معنى لغة HTML ؟
لغة HTML هي اختصار لجملة (Hyper Text Markup Langauge ) وهي إحدى الطرق في تصميم صفحات على الانترنت أو تزيين الرسائل التي تبعث عبر البريدالالكتروني.

--------------------------------------------------------------------------------

حسناً فلنبدأ الشرح تكتب لغة HTML برموز غريبة وكثيرة اسمها باللغة الانجليزية الـTags وتسمى باللغة العربية الوسوم .
و لكل وسم من وسوم لغة الـHTML وسم بداية ووسم نهاية وسوف امثله لك من خلال الرسم التالي :

<الوسم >
الكلام الذي يتمتع بخاصية الوسم
< الوسم السابق/ >

فلنبدأ بشرح أهم وسوم في لغة الـHTML


وسم البداية وسم النهاية < HTML > < / HTML > < HEAD > < /HEAD > < TITLE > < /TITLE > < BODY > < /BODY >
سوف أشرح كل وسم على حدى :
والوسم الأول هو الوسم < HTML > الذي كما ذكرت سابقاً أنه أهم الوسوم المستخدمة في بناء الصفحات المستخدم فيها لغة الـHTML ، لأنه يقوم بتعريف للمتصفح أن هذه الصفحة مصنوعة بلغة الـHTML ويوضع هذا الوسم في أول المستند المصنوع بلغة الـHTML ولولا هذا الوسم لظهرت محتويات الصفحة بصورة باهتة وغير مفهومة ، وسم النهاية هو < HTML/ > الذي يوضع أخر المستند المصنوع بلغة الـHTML .

--------------------------------------------------------------------------------

فلنأتي الآن للوسم < HEAD > الذي يستخدم لتعريف صاحب الصفحة واللغة والعديد من الأشياء التي سوف نشرحها في دروس قادمة إنشاء الله . وأذكرك أن وسم النهاية الخاص به هو < HEAD/ >

--------------------------------------------------------------------------------

نأتي الآن إلى الوسم < TITLE > الذي يمثل الكلام الذي يوضع أعلى الشاشة على اليسار ، ووسم النهاية الخاص به هو < TITLE/ > ، ملاحظة يوضع هذا الوسم بين الوسمين < HEAD > و < HEAD/ >

--------------------------------------------------------------------------------

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

الوسم < HTML >يوضع أول الملف المستخدم فيه لغة الـHTML والوسم < HTML/ > يوضع أخر الملف . الوسم < HEAD > يوضع تحت الوسم < HTML > مباشرة ووظيفته هو تعريف بلغة الصفحة وكاتبها وتلخيص صغير عن محتويات الصفحة ووسم النهاية الخاص به هو < HEAD/ > .الوسم < TITLE > هو الوسم الذي يوضع فيه عنوان الصفحة الذي سوف يظهر أعلى المتصفح على اليسار . ووسم النهاية الخاص به هو < TITLE/ > الوسم < BODY > ويوضع هذا الوسم بعد نهاية الوسم < HEAD > ووظيفته هي إظهار محتويات الصفحة على المتصفح ، ووسم النهاية الخاص به هو < BODY/ >



يتبع







لدعم قناة وسام الحمد على اليوتيوب

تعلم لغة الهتمل HTML 2
<B>
بسم الله الرحمن الرحيم ، الدرس هذا يعتبر من أهم الدروس اللتي سوف تدرسها بإذن الله وهو درس عن الوصلات التشعيبية .
فلولا الله ثم هي لما كانت الانترنت كما هي الآن . فلنبدأ الآن بالشرح :
عندما نريد وضع وصلة تشعيبية فيجب عليك وضع هذا الوسم :
<A HREF="http://www.www.net">العنوان <A/>

<FONT face=Arial,Verdana,Helvetica size=2>فلنبدأ بالتفصيل ، جزء من الوسم هو A HREF وهو يخبر المتصفح بأن الوصلة توجد في عالم الشبكة ، وأما الجزء ="http://www.www.net" فهو عنوان الموقع ( يجب أن يكون بين هذين القوسين " " ) ، وأما كلمة العنزان فهي الكلمة اللتي إذا ضغطتها تذهب للموقع، والوسم ينهي هذه الكلمة وإذا لم تضع هذا الوسم تصبح كل الصفحة وصلة واحدة تؤدي لنفس الموقع :( .

ولكن ماذا لو أردت أن تضع وصلة لأحد الصفحات الموجودة في موقعك ؟؟
الجواب هو :
هكذا :

<A HREF="index.htm" >الصفحة الرئيسية لشبكة المصمم </A>

والنتيجة هي :
الصفحة الرئيسية للموقع

ولكن ماذا لو أردت وصلة تشعيبية لفقرة ما ??

ما عليك إلا الذهاب لأول كلمة موجودة في الفقرة التي تريد أن يذهب إليها الزائر ووضعها بين الوسمين <a name="www">أول كلمة موجودة في الفقرة فمثلاً تريد أن تضع وصلة لتشعيبية لبداية كلامنا عن الوصلات التشعيبية
الوصلات التشعيبية

السؤال التالي هو كيف استطعت صنع هذا يا مصمم ؟؟
السؤال التالي هو كيف استطعت صنع هذا يا مصمم ؟؟
شكرا لك اخي الكريم تابع بارك الله فيك.
التعديل الأخير تم بواسطة boom2006 ; 21-03-2007 الساعة 06:06 PM سبب آخر : تصليح
بصراحه روووعه

شرحك وانا عني احتاج هالدوره وبالاخص ااكواد الاخرى تخص التنسيقات

والصور والاصوات ارجو انك ماتبخل علينا فيها او احد من الاعضاء الاخرين

تحياتي لك
بارك الله فيك و أرجو أن تستمر أخى الفاضل فى هذه الدورة المفيدة
الظاهر .... مافي دوره كامل

الظاهر انها عينه يلاااا

نشوف موقع ثاني يعلمنا

تشااو
إسمه اتش تي ام ال مش " هتمل"

دوره كاملة في تعلم لغة الهتمل HTML

أدوات الموضوع