منتديات روكشا     َولَوْلَا إِذْ دَخَلْتَ جَنَّتَكَ قُلْتَ مَا شَاءَ اللَّهُ لَا قُوَّةَ إِلَّا بِاللَّه

الرئيسية |  التسجيل  |  مركز رفع الملفات  |  الاتصال بنا  

 



العودة   منتديات روكشا > قسم تطوير وإدارة مواقع الويب > ركن تطوير وإدارة المواقع العام

الملاحظات

ركن تطوير وإدارة المواقع العام سكربتات مجلات وبوابات المواقع قوالب للمدونات ومنتجات اضافية للمواقع وتعليم برمجمة المواقع اكواد مهمة وتصاميم جاهزة

Like Tree1اعجابات
  • 1 موضوع بواسطة الفارس

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 04-09-2019, 10:54 AM

الصورة الرمزية الفارس

الفارس

.:: عضـو متميز ::.

 
تاريخ التسجيل: Feb 2019
الدولة: مصر
المشاركات: 837
معدل تقييم المستوى: 10
الفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالى
الفارس غير متواجد حالياً
جديد الدرس السادس إنشاء المزيد من الصفحات بنفسك للتجربة

 




السلام عليكم ورحمه الله وبركاته


الدرس السادس إنشاء المزيد من الصفحات بنفسك للتجربة

هل قمت بإنشا المزيد من الصفحات بنفسك؟ إن لم تفعل فإليك هذا المثال:
كود PHP:
    
    
<html>

      <
head>
      <
title>My website</title>
      </
head>

      <
body>
      <
h1>A Heading</h1>
      <
p>texttext texttext</p>
      <
h2>Subhead</h2>
      <
p>texttext texttext</p>
      </
body>
      
    </
html
ما التالي؟
حان الوقت الآن لتعلم سبعة عناصر جديدة.

بنفس الطريقة التي تؤكد فيها على نص معين عندما تضعه بين وسم البداية <em> ووسم الإغلاق </em>, يمكنك أن تضيف تأكيداً أقوى باستخدام وسم البداية <strong> ووسم الإغلاق </strong>.

مثال 1:


كود PHP:
    <strong>This should be stronger emphasis.</strong
سيظهر بهذا الشكل في المتصفح:

اقتباس:
This should be stronger emphasis.
بطريقة مماثلة يمكنك تصغير النص باستخدام العنصر small:

مثال 2:


كود PHP:
    <small>This should be in small.</small
سيظهر بهذا الشكل في متصفحك

كود:
This should be in small.
هل أستطيع استخدام عدة عناصر في نفس الوقت؟
بإمكانك استخدام عدة عناصرة بسهولة في نفس الوقت، لكن تجنب تداخل العناصر. يمكن توضيح ذلك بهذا المثال:

مثال 3:

إذا أردت التأكيد على نص صغير الحجم يجب أن تفعل ذلك بهذه الطريقة:


كود PHP:
    <em><small>Emphasised small text</small></em
وليس بهذه الطريقة:


كود PHP:
    <em><small>Emphasise small text</em></small
وجه الاختلاف في المثال الأول يكمن في أننا أغلقنا أولاً الوسم الذي قمنا بافتتاحه آخراً، بمعنى آخر وسم البداية الأول يغلق آخراً، هكذا لا نربك أنفسنا أو المتصفح.

المزيد من العناصر!
كما ذكرنا في الدرس الثالث هناك عناصر تستخدم وسم البداية ووسم الإغلاق في نفس الوقت. هذه يسمونها العناصر الفارغة وهي عناصر غير مرتبطة بالنص بأي طريقة، بل هي معزولة، كمثال لمثل هذه العناصر هناك الوسم <br /> الذي يجبر النص على الظهور في سطر جديد:

مثال 4:


كود PHP:
    Some text<br /> and some more text in a new line 
سيظهر بهذا الشكل في متصفحك
كود:
Some text
and some more text in a new line
لاحظ أن الوسم كتب بطريقة يختصر فيها وسم البداية ووسم الإغلاق بوضع مسافة وشرطة أمامية في نهايته: <br />.

عنصر آخر مشابه يحوي وسم البداية والإغلاق في نفس الوقت هو <hr /> الذي يستخدم في رسم خط أفقي، حرفي "hr" يعنيان "horizontal rule":

مثال 5:
كود PHP:
    
    
<hr /> 
:سيظهر بهذا الشكل في متصفحك

كود:
ــــــــــــــــــــــــــــــــــــــ
هناك عناصر أخرى تحتاج إلى وسمي البداية والإغلاق - كما هو حال معظم العناصر - مثل ul وol وli. هذه العناصر تستخدم عندما تريد إنشاء القوائم.

ul هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة، أما ol فهي اختصار "ordered list" أو قائمة مرتبة فهو يضع رقماً لكل بند في القائمة، ولكي نضع البنود في القائمة علينا أن نستخدم الوسم li أو "list item"، هل أصبحت بالحيرة، شاهد هذا المثال:

مثال 7:

كود PHP:
    <ul>
      <
li>list item</li>
      <
li>Another list item</li>
    </
ul
سيظهر بهذا الشكل في متصفحك
اقتباس:

A list item
Another list item
مثال 8:
كود PHP:
    
    
<ol>
      <
li>First list item</li>
      <
li>Second list item</li>
    </
ol
سيظهر بهذا الشكل في متصفحك

اقتباس:
First list item
Second list item
هل هذا كل شيء؟
نعم هذا كل شيء، ومرة أخرى، قم بعمل تجارب بنفسك وجرب العناصر السبعة التي تعلمتها في هذا الدرس:
كود PHP:
    
    
<strong>Stronger emphasis</strong>
    <
small>Small text</small>
    <
br /> Line shift
    
<hr /> Horizontal line
    
<ul>List</ul>
    <
ol>Ordered list</ol>
    <
li>List item</li


ابن الوليد معجب بهذا.
رد مع اقتباس
قديم 04-09-2019, 02:18 PM   #2

.:: ادارة المنتدي ::.

الصورة الرمزية ابن الوليد

تاريخ التسجيل: Nov 2018
الدولة: مصر
المشاركات: 1,614
معدل تقييم المستوى: 10
ابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud of
إرسال رسالة عبر MSN إلى ابن الوليد إرسال رسالة عبر Yahoo إلى ابن الوليد إرسال رسالة عبر Skype إلى ابن الوليد
افتراضي

شرح غاية في الروعة

اكرمك الله وواصل تميزك
__________________

ابن الوليد متواجد حالياً  

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

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
للتجربة, المزيد, الدرس, السادس, الصفحات, بنفسك, إنشاء


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

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

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


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح الدرس الرابع إنشاء موقعك الأول الفارس ركن تطوير وإدارة المواقع العام 2 05-14-2019 05:28 PM
كود كود جعل الصفحات شفافه الفارس ركن تطوير وإدارة المنتديات العربية 0 03-25-2019 09:35 AM
تفعيل الدرس الأول إنشاء الاتصال + تصميم واجهة الموردين الفارس انشاء وتصميم وبرمجة البرامج 0 03-23-2019 01:56 AM
تفعيل درس بالفيديو اكسل 2010 ادراج رأس وتذييل لكل الصفحات _27 مهرة النجدية انشاء وتصميم وبرمجة البرامج 0 02-20-2019 03:42 AM
خادمة المسجد النبوي ابن الوليد المنتدي الاسلامي 0 02-13-2019 08:03 PM

 

RSS RSS 2.0 XML MAP HTML

الساعة الآن 04:51 AM

نبذة عن المنتدى

روابط مفيدة

إعلانات نصية

روابط الموقع

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



Powered by vBulletin® Copyright ©2000 - 2019,