العودة   منتدى رياض الجنة - 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:19 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