الدرس الخامس : معرفه بعض الوسوم - دورة xhtml

[khaledbelal]

السلام عليكم

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

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


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





<dl>
</dl>

وبداخله
<dt></dt>

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


<dd></dd>

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

http://upload.vbegy.com/uploads/vbegy12690072053.gif


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

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

http://upload.vbegy.com/uploads/vbegy12690072054.gif

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


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

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


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

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


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

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

وسم اخر

<img />

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

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


(http://upload.vbegy.com/uploads/vbegy12695328781.swf)
لمشاهده الدرس فيديو مباشر (http://upload.vbegy.com/uploads/vbegy12695328781.swf)

(http://upload.vbegy.com/uploads/vbegy12695328832.zip)
لتحميل برابط مباشر (http://upload.vbegy.com/uploads/vbegy12695328832.zip)
(http://www.4shared.com/file/249283083/d51c5d29/5_online.html)
رابط اخر للدرس (http://www.4shared.com/file/249283083/d51c5d29/5_online.html)