السلام عليكم

اهلا بيكو فى الدرس الخامس من الدوره

هنكمل مع بعض باقى وسوم الهوتمل واللى بواسطها هتسهل علينا دوره ال css

كود بلغة HTML:

---

<dl>
<dt>منتدى</dt>
<dd>هو مكان يتجمع فيه الاعضاء وكل واحد يفيد الاخر ويستفيد</dd>
</dl>

---

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

كود بلغة HTML:

---

[LEFT]<dl>[/LEFT]
 [LEFT]</dl>[/LEFT]

---

وبداخله

ويعتبر ده العنوان

كود بلغة HTML:

---

<dd></dd>

---

وهناك مثال اخر فى صفحه الملف الشخصى فى منتديات الفى بى
هناك مستخدين الوسوم هذه

سوف نلاحظ كلمه العمر ومكتوب تحتها 19 ازاى

هنبتدى فى مجموعه جديده فى الوسم وهى
Links
يعنى الروابط
وهنستخدم فيها الوسم
<a></a>
وهو لوضع رابط على الكلمه او صوره
او لتوجيه الرابط لنفس الصفحه بس فى جزء فى اخر الصفحه مثلا
بالظبط مثل ما هو فى منتديات الفى بى
عند الضغط على الاعلى يطلع فوق لانه عامل رابط توجيه لفوق
هنشرح دلوقتى كيفيه العمل
ده كيفيه الاسعتمال

هنعمل فى الاول مثلا

كود بلغة HTML:

---

<h2 id=”Ahmed”>Ahmed</h2>

---

احنا عارفين الوسم h2
اما الاى دى هنشرحه فى وقت لاحق
بس دولقتى معناه اسم السطر ده
او بمعنى اصح اسم لمعرفه كيفيه الوصول للوسم
وبعدين عملنا كذا سطر
وعملنا الوسم اللى احنا بنشرحه

كود بلغة HTML:

---

<a href=”#ِAhmed” >للاعلى</a>

---

ومعنى كلمه href اى الرابط اللى هنضعه
وعلامه ال # علشان احنا استخدمنا الاى دى
وهيكون ليها شرح فى وقت لاحق
طيب لو عاوزين نعمل رابط مثلا منتديات فى بى ايجى

كود بلغة HTML:

---

<a href=”http://vbegy.info/vb”></a>

---

طبعا الوسم سهل

وسم اخر

وهو وسم لوضع الصور
وبيكون على الشكل
<img src=”هنا نضع رابط الصوره” alt=”هنا نضع كلمه او وصف للصوره ” width=”هنا نضع العرض” height=”هنا نضع الطول” />
وضيف وصف الصوره انه فى حاله عدم توافر الصوره تظهر الكلمه بتاعت الوصف بدل الصوره

الى اللقاء فى الدرس القادم مع تكلمه باقى الوسوم

لتحميل برابط مباشر

رابط اخر للدرس