دورة HTML الروابط و الصور

في الدرس السابق تعلمنا طريقة انشاء موقعك الأول و في الدرس الدي قبله تعلمنا الخصائص

و اليوم درس مهم جدا و هو الروابط و طريقة انشائها

الروابط

HTMLلإنشاء رابط ستستخدم ما تستخدمه دائماً عندم كتابة

عنصر ثم عنصر بسيط مع خاصية واحدة وستتمكن من إنشاء رابط لأي شيء وكل شيء، إليك هذا المثال لرابط لموقع

وكيف سيكون شكله DZPRO مدونة

1مثال

سيضهر بهدا الشكل

Here is a link to www.mydzpro.tk

a العنصر

anchor هو اختصار

href والخاصية

هي التي تحدد إلى أين سيذهب الرابط غالباً عنوان في الإنترنت أو اسم ملف ما

حسنا أضن أننا فهمنا جيدا مادا تعني الروابط

فالننتقل الى الصور

الصور

ألن يكون رائعاً إذا تمكنت من وضع صورة في منتصف صفحتك

1مثال

ستضهر هكدا

مثال2

يمكن للصور أن تكون روابط

اضغط على الصورة

هدا كل شبئ نراكم في درس اخر انشاء الله

تعليقات

المشاركات الشائعة من هذه المدونة

كيف تستفيد من أداة Inspect Element في جوجل كروم

Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element كيف تستفيد من أداة Inspect Element في جوجل كروم نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة نافذة console وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تعمل بواسطة console وتلقي أوامر

قراءة المزيد

اضافة اداة المشاركه عبر المواقع الاجتماعيه تحت كل تدوينة

ان اضافة أداة المشاركة عبر المواقع الاجتماعية تحت كل تدوينة أمر مهم جدا فقد يجلب لك مزيد من الزوار فعندما يضغط زائر على نشر التدوينة فستنشر في حسابه و باتالي يأتي اليك زوار اضافة اداة المشاركه عبر المواقع الاجتماعيه انها أداة جميلة تحتوي على زر النشر في الفيسبوك و التويتر و جوجل بلس لاضافة الأداة HTML من لوحة التحكم ادهب الى قالب ثم تحرير خذ نسخه احتياطيه لـقالب المدونه قبل إجراء أية تغييرات قم بالبحث عن الكود التالي والصق الكود التالي بعده قبله تماما

قراءة المزيد

حماية الروابط بكلمة سر ( الدخول لرابط من موقعك بكلمة سر )

السلام عليكم ورحمة الله تعالى و براكاته , أما بعد اليوم سنتطرق الى موضوع يهم بكثرة المدونين يعني ليحصلوا على مقابل لما يضعونه في مدوناتهم من طرف الزوار , حيث الاضافة اليوم ستمكنك من حماية الروابط مثلا لو وضعت قالب بلوجر و أردت أن لا يدخل أي شخص على الرابط الا بعد أن يفذ شروطك لتعطيه كلمة السر التي تمكنه من الذهاب للرابط أو التوجه للرابط . الاضافة سهلة فقط غيير ما باللون الأحمر و قم بنسخ الكود و لصقه في المشاركة في تبويب HTML في المكان الذي تريده <script> function passWord() { var testV = 1; var pass1 = prompt('يرجى ادخال الرقم السري',' '); while (testV < 3) { if (!pass1) history.go(-1); if (pass1.toLowerCase() == " كلمة السر هنا ") { alert('تم قبول الرقم السري'); window.open('http:// الرابط هنا '); break; } testV+=1; var pass1 = prompt('لا يمكن دخولك - الرقم السري خاطئ, يرجى إعادة المحاولة','ادخل هنا الرقم السري'); } if (pass1.toLowerCase()!="password" & testV

قراءة المزيد

DZPRO

بحث هذه المدونة الإلكترونية