إنضم إلينا

دورة تعليم HTML - الدرس الأول

السلام عليكم ورحمة الله وبركاتة

أهلآ ومربحآ بكم زوار مدونة ألافعي (Viper)

اليوم هقدم ليكم اول درس من دروس دورة Html




مقدمة عن لغة Html

تعتبر لـغة الــ HTML هيا اللغة المستخدمة فــي تـصميم جمـــيع صفــحات الويـــب الإحــتـــرافية
حيث أن HTML تــعـنــي (( Hyper Text Markup Language )) أيـ لــغة الترميـــز الــمـتـشـعبة
حـيـث تعتبر لــغــة الـــ HTML هيـا اسهل لغات البرمجه ولا تحتاج لمعرفة اي لغة برمجة أخـــري
وتتكون لغة الــ HTML مـن مـجموعة مـن الـوسوم
إذا ســتـسألني الان مــاهــيا الوسوم ؟؟ الــوسم يــكـون عـبـارة عن كلمة بين قوسين كــ هذا < >
ويكون لكل كلمة وسمين وسم بداية و وسم نـهاية هـكـذا علي سبيل المثال <HTML> هذا يسمي وسم بداية و <HTml/> هذا يسمي وسم نــهـاية
 ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما وسم البداية، والآخر وسم النهاية. ويتميز وسم النهاية بوجود الرمز / . تأمل الرسم التالي، فهو يعطي فكرة عن تركيب ملف Html E إذن فملف Html يبدأ دائماً بالوسم <HTML> وينتهي بالوسم <‎/HTML>. لا تنسى ذلك!

أما الوسم <HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … <‎/TITLE> وبالطبع يجب كتابة الوسم <‎/HEAD> لكي ننهي هذا المقطع.
نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء <‎/BODY>
Html File Structure



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

إذا لـنـبدأ

الــســؤال الان مـــاذا نـــحــاج كــي نــكتب بــلغـة HTML
أولآ ان يــكون لــديك مــتــصفــح InterNet Exblorer
ثــانــيا بـــرنــامج NoTepad
حــيــث ان متصفح explorer و notepad موجودة علي جميع الاجهزة
إذآ أولا إفتح قــائــمة Start ثــم قــم بـــكــتـابة NotePad هـكــذا كــما هــوا موضح في الصورة
إذا فلنأخذ مثال ونـطبقة عمليــآ
نريد عمل صفحة عنوانها first web page
و محتواها Wow, I'm writing my first webpage

إذا أولآ سـنـكتب
<HTML>  وسنترك الوسم مفتوح لا نغلقة
<head> ويعني رأس الصفحة
<title> ويعني عنوان رأس الصفحة الذي نريدة
First web page
<title/> ثم نغلق الوسم بعد كتابة العنوان
<head/> ونغلق وسم رأس الصفحة
<Body> ويعني المحتوي ونكتب ما نريدة في المحتوي
wow , I'M writing my first webpage
<body/> ثم نغلق الوسم بعد كتابة ما نريد
<html/> ثم نغلق الوسم الذي بدأناه وهوا يعني ان الصفحة بلغة HTML
ثم قم بحفظ ما كتبتة بصيغة .Htm هــكــذا


ثم نقوم بفتحها ستكون هكذا

فيديو الشرح



ليست هناك تعليقات:

إرسال تعليق