|
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الأول ) .
http://im61.gulfup.com/GBda5Q.png الدرس الأول فى لغة الـ HTML ... http://im55.gulfup.com/QxQsXY.gif أهلا وسهلا بكم اعضاء و زوار منتديات Silkroad4arab ,, *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* سوف نقوم فى هذا الدرس بسرد الوسوم الأساسية لصفحة الويب وتعريفها واحدة تلو الاخرى لنتوصل فى نهاية هذا الدرس المتواضع إلى انشاء صفحة ويب بسيطة تقوم انت كـ مبتدئ فى لغة الـ HTML بعملها بنفسك وبدون اى مشاق . http://im55.gulfup.com/QxQsXY.gif الوسوم الأساسية فى اى صفحة ويب صنعت بـ لغة HTML . وسم البداية كود بلغة HTML:
<HTML>كود بلغة HTML:
</HTML>كود بلغة HTML:
<HEAD>كود بلغة HTML:
</HEAD>كود بلغة HTML:
<TITLE>كود بلغة HTML:
</TITLE>كود بلغة HTML:
<BODY>كود بلغة HTML:
</BODY>وكما اتفقنا سابقا فى المقدمة ان لكل وسم بداية ونهاية ,, اقتباس:
وفيما يلى منظر مبسط عن المظهر العام لصفحة الـ HTML . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* كود بلغة HTML:
<HTML>ماذا نستنتج من هذا النموذج المبسط ؟؟؟ 1- اى ملف HTML يجب ان يبدا بـ الوسم <HTML> كما يجب ايضا ان ينتهى بـ الوسم <HTML/> فتذكر ذلك دائما . 2- الوسم <HEAD> يحدد بداية المقطع الذى يحتوى على المعلومات الخاصة بالصفحة كالعنوان مثلا و الميتا تاج ( الكلمات الدلالية ) . 3- يوجد بين الوسمين <HEAD> و <HEAD/> الوسمين <TITLE> ___ </TITLE> وهذان الوسمان يوضع بينهما اسم الصفحة الذى يظهر فى شريط عنوان المتصفح امام المستخدم ,, كما يجب انهاء المهمة بالوسم <HEAD/> . 4- اما عن الوسم <BODY> فهو المكان المخصص لسرد محتويات صفحة الويب من روابط تشعبية وصور وجداول ...... الخ ,, كما يجب انهاء تلك الوسم ايضا بـ <BODY/> . http://im55.gulfup.com/QxQsXY.gif والآن بعد ان تفهمنا الوسوم جيدا هيا بنا اعزائى أعضاء , زوار منتدى Silkroad4arab نقوم بتطبيق مثال بسيط عن ما تعرفنا عليه .. http://im55.gulfup.com/QxQsXY.gif قم بتطبيق ما فهمت فقط ولا تقم بنسخ الكود للتجربة :bash: . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* كود بلغة HTML:
<HTML>بعد الانتهاء من تطبيق ما فهمت قم بحفظ الملف بـ أى اسم تختاره تحت صيغة html او htm ثم قم بفتح الملف لتجربة التطبيق هل نجح ام لا .. http://im55.gulfup.com/QxQsXY.gif النتيجة الإيجابية ,, http://im64.gulfup.com/cmlQaG.png *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* اذا لم تحصل على تلك النتيجة :mad2: عليك بمراجعة الدرس مجدداً .. http://im55.gulfup.com/QxQsXY.gif ملحوظة بسيطة ... لا يوجد فارق بين الوسوم ذات الحروف الكبيرة و الصغيرة فكلاهما واحد حيث ~ >> <HTML> = <html> http://im55.gulfup.com/QxQsXY.gif كما يجب عليك الاخذ بعين الاعتبار بان المتصفحات لا تتعامل مع الفراغات الزائدة بانها مسافات او فواصل او فقرات ودليل على ذلك ,, كود بلغة HTML:
<HTML><HEAD><TITLE>My First html Page</TITLE></HEAD><BODY>HTML Guide By 3ashek El7ozn & Silkroad4arab Fourm</BODY></HTML>كود بلغة HTML:
<HTML>كود بلغة HTML:
<HTML><HEAD><TITLE>كود بلغة HTML:
<HTML> <HEAD> <TITLE>ستكون النتيجة كالسابق فقم بالتجربة http://im64.gulfup.com/cmlQaG.png http://im55.gulfup.com/QxQsXY.gif والآن .. السؤال الذى يدور فى رأسك ! كيف اقوم بترك فراغ او تحديد نهاية سطر او البدء بفقرة جديدة ؟؟ الإجابة ,, هى الوسم <BR> . والآن نذهب الى المثال السابق .. ونقوم بإضافة الوسم <BR> . http://im55.gulfup.com/QxQsXY.gif كود بلغة HTML:
<HTML>النتيجة >> http://im48.gulfup.com/EN5XTF.png كما هناك الوسم <P> والذى يقوم بنفس عمل الوسم السابق <BR> ولكن باختلاف بسيط الا وهو ترك سطر فارغ بين كل فقرة واخرى .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* كود بلغة HTML:
<HTML>النتيجة >> http://im82.gulfup.com/uyOalI.png http://im55.gulfup.com/QxQsXY.gif ناتى لنقطة اخرى وهى ترك فراغا بين الكلمات .. والفراغات يتم استخدام الوسم معها . و يعنى هذا الوسم Non Breakable Space http://im55.gulfup.com/QxQsXY.gif واذا اردنا ادخال عدة فراغات بين نص و آخر نقوم باضافة هذا الوسم بمقدار الفراغات المطلوبة .. *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* دعونا نرى مثالا حيا ,, *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* كود بلغة HTML:
<HTML>النتيجة >> http://im86.gulfup.com/4z5CCP.png http://im55.gulfup.com/QxQsXY.gif بالمناسبة قمنا بالتحدث عن الرموز الخاصة مثل فهناك العديد من الرموز الخاصة وتكتب بصورة معينة سوف نتناول ذكرها فى درس لاحق ان شاء الله تعالى .. http://im55.gulfup.com/QxQsXY.gif وفى النهاية *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان . *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* وعند النقل يرجى ذكر المصدر دمتم بود *-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-* http://im54.gulfup.com/Zz30Un.png |
ايوة بقى
انزل بالتقيل |
قشطة يا كبير
|
اقتباس:
اقتباس:
|
مجهـود جبـار منكـ:111 (20):
راجل بـ معنى الكلمـة:pirate: |
اقتباس:
|
واللهِ درس جامد كنت محتاجو و محتاج باقى الدروس انا داخل على الدرس التانى حالا :woot_jump:
|
اقتباس:
|
شكراً
|
تمام ياكبير الله يعطيك العافيه شكرا والله :kissing:
|
اقتباس:
اقتباس:
|
رد: تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الأول ) .
حضرتك النا الحمد للة فهمت كل حاجة في الدرس دة بس حضرتك بتقول جرب اجرب في اية يعني فيين اجرب انا مش فاهم الحتة دية معلش اصل انا جديد :lighten::111 (13):
|
| الساعة الآن 07:40 AM. |
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc.