إحتراف لغة HTML -الدرس الثالث (الروابط والصور)

السلام عليكم ورحمة الله , اللهم صلّ علي سيدنا محمد وعلي آله وصحبه وسلم , اللهم انا نسألك علماً نافعاً ونعوذ بك من علم بلا عمل , أما بعد ...
هذا هو الدرس الثالث من دورة إحتراف لغة HTML , سنتكلم بالتفصيل عن الروابط واللاينكات والصور في لغة HTML , نبدأ علي بركة الله

نبدأ بالروابط تكتب الروابط في ملف HTML هكذا
        -->  

كما رأيت فنكتب وسم <a> ونكتب بداخله href ثم = ثم ,  "وهنا رابط الموقع " ونكتب قبل اغلاق وسم a الثاني الكلام اللي هيضغط المستخدم عليه لكي يحوله الي موقع جوجل مثلاً , خلينا نآخذ مثال بسيط جداً علي موقع حسوب 

أولاً سيكون الكود هكذا ... 

نقوم بالتطبيق وحفظ الملف . تظهر لنا النتيجة التالية 

لقد نجحت الخطة ..! 

هذا هو الجزء الأول من الروابط .. لنا جزء ثاني التدوينة القادمة , لكن الآن نشرح الجزء الأول في الصور , نبدأ علي بركة الله 

يكتب كود الصور بهذه الطريقة 

لكن انتظر لم ننتهي بعد , ماذا عن إضافة صورة , ألم تلاحظ ان هذا الوسم فردي . نهايته منه فيه , الآن لنضع الصورة ماذا نفعل . نكتب الأمر التالي داخل الوسم 

كما ترون فالكود المعلم عليه بالأصفر هو الاساسي . يمكننا ترك كل ما بعده , فتظهر الصورة بالمظهر العادي , يمكننا اضافة الاكواد الموجودة بعده , لتحديد الطول والعرض .. وهذا ما سأشرحه لكم بالتفصيل في الجزء الثاني والتدوينة القادمة بإذن الله 

دعونا نعرض نتيجة هذا الكود 

وتنجح الخطة مرة أخري ,,  بكدة يكون انتهي الدرس البسيط .. وسأشرح لكم بالتفصيل الروابط والصور في الدرس القادم , صلي الله وسلم علي سيدنا محمد وعلي آله وصحبح أجمعين :)