العودة   منتدى رياض الجنة - Riad Al-Ganah > الرياض التقنية > روضة الكورسات والدورات التقنية والعلمية > روضة دورات لغات برمجة الويب > روضة دورات لغة الـ HTML > دورة XHTML من منتديات في بي ايجي

دورة XHTML من منتديات في بي ايجي مقدم الدورة : احمد حسن . حالة الدورة : انتهت . عدد الدروس : 11 درس

إضافة رد

 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 06-23-2010, 08:47 PM
الصورة الرمزية khaledbelal
khaledbelal khaledbelal غير متواجد حالياً
مبرمج المنتدى
الادارة تكليف لا تشريف
 
تاريخ التسجيل: Oct 2009
العمر: 34
المشاركات: 3,606
افتراضي الدرس الثالث : معرفه بعض الوسوم - دورة xhtml

النهارده الدرس الثالث ان شاء الله
من الدوره المبسطه هنشرح وسوم الفقرات سواء كانت فقره كبيره او صغيره او غيره وكيفيه
عمل سطر جديد
كود بلغة 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>
سوف تظهر فى المتصفح كسطر واحد على الشكل




طيب احنا عاوزين نظهر اول سطر فى سطر لوحده والسطر التانى فى سطر اخر وخط الكتابه 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>
كما نلاحظ فى المتصفح هيكون الشكل

الوسم الرابع اليوم هو <em></em> وهو لعمل الخط مائل نلاحظ شكل الكتابه فى البرنامج

والناتج فى المتصفح

الوسم الخامس <strong></strong> وهو لعمل الخط bold يعنى سميك المجموعه السادسه من
الوسوم اليوم هى h وتسمى Headin وهى بتكون مجموعه معرفه من الخطوط من قبل المتصفحات
ومتقف عليها عالميا وبتكون
كود بلغة HTML:
<h1>Ahmed </h1>
 <h2>Ahmed </h2>
 <h3>Ahmed </h3>
 <h4>Ahmed </h4>
 <h5>Ahmed </h5>
 <h6>Ahmed </h6>
شكلهم فى البرنامج

وشكلهم فى المتصفح


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


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


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


توقيع : khaledbelal



(أَفَأَمِنَ أَهْلُ الْقُرَى أَن يَأْتِيَهُمْ بَأْسُنَا بَيَاتاً وَهُمْ نَآئِمُونَ {97} أَوَ أَمِنَ أَهْلُ الْقُرَى أَن يَأْتِيَهُمْ بَأْسُنَا ضُحًى وَهُمْ يَلْعَبُونَ {98}
أَفَأَمِنُواْ مَكْرَ اللّهِ فَلاَ يَأْمَنُ مَكْرَ اللّهِ إِلاَّ الْقَوْمُ الْخَاسِرُونَ {99}).
سورة الأعراف.

رد مع اقتباس
إضافة رد


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس الثاني : معرفه بعض الوسوم - دورة xhtml khaledbelal دورة XHTML من منتديات في بي ايجي 0 06-22-2010 03:02 PM
الدرس الاول : مقدمه بسيطه - دورة xhtml khaledbelal دورة XHTML من منتديات في بي ايجي 0 06-22-2010 02:56 PM
الدرس الرابع والعشرون : الدرس التطبيقى الثالث عشر: Camera Raw درس مهم للفوتوغرافيا - دورة Adobe Photoshop CS4 microtop دورة Adobe Photoshop CS4 0 06-21-2010 01:01 AM
الدرس الثالث عشر : الدرس التطبيقي الثاني : درس تصميم بوستر فيلم - دورة Adobe Photoshop CS4 microtop دورة Adobe Photoshop CS4 0 06-21-2010 12:42 AM
الدرس الثالث : عالم ADO.net وما يتعلق به - الجزء الثالث - دورة .net 2008 khaledbelal دورة .NET 2008 من منتدى فيجوال بيسك للعرب 0 03-11-2010 03:14 PM

استضافة الحياة

الساعة الآن 07:20 PM.


Powered by vBulletin® v3.8.4, Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. , TranZ By Almuhajir
النسخة الفضية
Ads Management Version 3.0.1 by Saeed Al-Atwi

SlamDesignzslamDesignzEdited by Riad Al-Ganah Team - جميع الحقوق محفوظة لشبكة رياض الجنة

Privacy Policy Valid XHTML 1.0 Transitional By SlamDesignz Valid CSS Transitional By SlamDesignz