منتدى رياض الجنة - Riad Al-Ganah - الدرس الثالث : معرفه بعض الوسوم

النهارده الدرس الثالث ان شاء الله
من الدوره المبسطه هنشرح وسوم الفقرات سواء كانت فقره كبيره او صغيره او غيره وكيفيه
عمل سطر جديد

كود بلغة HTML:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html> <head> <title>فى بى ايجى</title> </head> <body> I love Egyet Iam Ahmed Hassan </body>/p> </html>

سوف تظهر فى المتصفح كسطر واحد على الشكل
http://upload.vbegy.com/uploads/vbegy12690068593.gif

طيب احنا عاوزين نظهر اول سطر فى سطر لوحده والسطر التانى فى سطر اخر وخط الكتابه bold
سميك يعنى الاول الوسم <p></p> اختصار لParagraph فقرة هنكتب بداخلها السطر الاول

كود بلغة HTML:

<p>I love Egyet</p>

هتظهر فى سطر اخر لان الوسم ده يستخدم للفقرات وبعد انتهاء الفقره يعمل سطر جديد ويسخدم
فى الفقرات الطويله اما الفقرات الصغيره فنستخدم فيها

كود بلغة HTML:

<span></span>

مع انها لا تفرق سواء هذا الوسم او الوسم الاخر ولكنه كنوع من التنسيق للعمل بتاعك
والوسم الثالث فى الدرس النهارده

كود بلغة HTML:

<br />

وهذا الوسم لعمل سطر جديد بمعنى اننا فى السابق نريد كل سطر لوحده نضع الوسم ده بعد
السطر الاول

كود بلغة HTML:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html> <head> <title>فى بى ايجى</title> </head> <body> I love Egyet <br /> Iam Ahmed Hassan </body> </html>

كما نلاحظ فى المتصفح هيكون الشكل
http://upload.vbegy.com/uploads/vbegy12690068594.gif
الوسم الرابع اليوم هو <em></em> وهو لعمل الخط مائل نلاحظ شكل الكتابه فى البرنامج
http://upload.vbegy.com/uploads/vbegy12690068595.gif
والناتج فى المتصفح
http://upload.vbegy.com/uploads/vbegy12690068596.gif
الوسم الخامس <strong></strong> وهو لعمل الخط bold يعنى سميك المجموعه السادسه من
الوسوم اليوم هى h وتسمى Headin وهى بتكون مجموعه معرفه من الخطوط من قبل المتصفحات
ومتقف عليها عالميا وبتكون

كود بلغة HTML:

<h1>Ahmed </h1> <h2>Ahmed </h2> <h3>Ahmed </h3> <h4>Ahmed </h4> <h5>Ahmed </h5> <h6>Ahmed </h6>

شكلهم فى البرنامج
http://upload.vbegy.com/uploads/vbegy12690068597.gif
وشكلهم فى المتصفح
http://upload.vbegy.com/uploads/vbegy12690068598.gif

لمشاهده الدرس فيديو مباشر

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

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