- الإهدائات >> emad fayed الي المنتدي : برنامج لإدارة الجمعيات الخيرية ( أبواب الخير الإصدار الأول ) محمد 1981 الي للاحبةفي الله : السلام عليكم ارجو ان يكون جميع اعضاء منتدى حزنة الاسلامي بخير الزعـــــ20ـــــيم الي الجميع : أقوى أمطار وسيول مرت على بلجرشي في القسم العام ..مشاهدة ممتعة اتمناها لكم .. الامير الي الى الجميع : فترات التسجيل عبر نظام نور فى (( المنتدى التعليمي )) فتى الدار الي الأهالي : فديو لسيل الجلة في قسم الاهالي وصور للمطر يوم الاثنين 17/5 نحمد الله ونشكره على هذه النعمة الزعـــــ20ـــــيم الي الجميع : حصرياً على منتديات حزنة نت صور لإنآرة جبل حزنة المرحلة الثآنية للمشآهدة >> في القسم العآم .. مشآهــــدة ممتعة الزعـــــ20ـــــيم الي :: الجميــــــــــــع :: : تم تنزيل صور مميزة في موضوع حزنة اليومـ >> في القسم العآمـ .. مشآهدة ممتعة .. الشاطئ الي لاعا دة حلقة حزنة : لاعا دة حلقة حزنة الكتا بة على شات قنا ة السيوف على الرقم835222 او الفا كس رقم026984414 خالد الحزنوي الي الاهالي : حلقة خاصة عن قرية حزنة عبر برنامج ربوع الجنوب على قناة السيوف بعد مغرب اليوم السبت الشاطئ الي دعوة اها لي حزنة : شا هدوا حزنة على قنا ة السيوف بعد مغرب اليوم السبت ونا مل الدخول بالشا ت على رقم 835222

النتائج 1 إلى 6 من 6

الموضوع: الدرس السادس: المزيد من العناصر html

  1. #1

    عضو شرف

    الصورة الرمزية جبل حزنة
    تاريخ التسجيل
    Dec 2007
    الدولة
    الشرقية
    المشاركات
    5,227

    معرض الاوسمة

    افتراضي الدرس السادس: المزيد من العناصر html

    امثله.....


    لإنشاء رابط ستستخدم ما تستخدمه دائماً عندم كتابة HTML: عنصر، عنصر بسيط مع خاصية واحدة وستتمكن من إنشاء رابط لأي شيء وكل شيء، إليك هذا المثال لرابط لموقع HTML.net وكيف سيكون شكله:

    مثال 1:

    <a href="http://www.html.net/">Here is a link to HTML.net</a>

    سيظهر في المتصفح بهذا الشكل:

    Here is a link to HTML.net
    العنصر a هو اختصار "anchor" والخاصية href هي اختصار "hypertext reference"، وهي التي تحدد إلى أين سيذهب الرابط، غالباً عنوان في الإنترنت أو اسم ملف ما.

    في المثال أعلاه الخاصية href تحوي القيمة "http://www.html.net"، وهي العنوان الكامل لموقع HTML.net ويسمى العنوان URL وهي اختصار "Uniform Resource Locator"، لاحظ أن "http://" يجب أن تضاف في أي عنوان، أما الجملة "Here is a link to HTML.net" فهي النص الذي سيظهر في المتصفح على شكل رابط، تذكر أن تقوم بإغلاق العنصر بوسم الإعلاق </a>.

    ماذا عن الروابط بين الصفحات في موقعي؟
    إذا أردت إنشاء رابط بين صفحتين في نفس الموقع فلا تحتاج إلى أن تضع كامل العنوان للصفحة، فمثلاً إذا قمت بإنشاء صفحتين ولنسمهما page1.htm وpage2.htm وقمت بحفظهما في نفس المجلد فيمكنك أن تربط من صفحة إلى أخرى بكتابة اسم الملف في الرابط، فمثلاً رابط من صفحة page1.htm يشير إلى page2.htm سيظهر بهذا الشكل:

    مثال 2:

    <a href="page2.htm">Click here to go to page 2</a>

    إذا كانت الصفحة 2 وضعت في مجلد فرعي ولنسمه "subfolder" فالرابط سيظهر بهذا الشكل:

    مثال 3:

    <a href="subfolder/page2.htm">Click here to go to page 2</a>

    لو أردنا أن نضع رابطاً معاكساً من الصفحة 2 في المجلد الفرعي إلى الصفحة 1 سيكون شكل الرابط هكذا:

    مثال 4:

    <a href="../page1.htm">A link to page 1</a>

    "../../".

    هل فهمت هذا النظام؟ بإمكانك دائماً أن تكتب العنوان الكامل للملف إذا وجدت هذا النظام معقداً.

    ماذا عن الروابط الداخلية في نفس الصفحة؟
    بإمكانك إنشاء روابط داخلية ضمن الصفحة، فمثلاً يمكنك إنشاء جدول بالمحتويات اعلى الصفحة ويحوي روابط تشير إلى كل فصل في الصفحة، كل ما تحتاجه هي خاصية تسمى id أو "identification" والعلامة "#".

    استخدم خاصية id لتضع إشارة للعنصر الذي تريد وضع رابط له، مثال:


    <h1 id="heading1">heading 1</h1>

    بإمكانك الآن إنشاء رابط لهذا العنصر باستخدام علامة "#" في خاصية الرابط، العلامة "#" يجب أن تتبع بقيمة id للعنصر الذي تريد الربط له، مثال:


    <a href="#heading1">Link to heading 1</a>

    كل هذا سيتضح مع هذا المثال:

    مثال 5:

    <html>

    <head>
    </head>

    <body>

    <p><a href="#heading1">Link to heading 1</a></p>
    <p><a href="#heading2">Link to heading 2</a></p>

    <h1 id="heading1">heading 1</h1>
    <p>Text text text text</p>

    <h1 id="heading2">heading 2</h1>
    <p>Text text text text</p>

    </body>

    </html>

    سيظهر بهذا الشكل في المتصفح (جرب أن تضغط على الرابطين):

    Link to heading 1

    Link to heading 2

    Heading 1
    Text text text text

    Heading 2
    Text text text text

    ملاحظة: قيمة الخاصية id يجب أن تبدأ بحرف وليس برقم.

    هل يمكن أن أضع رابطاً لأي شيء آخر؟
    بإمكانك أيضاً أن تضع روابط لعناوين بريد إلكتروني، يمكنك فعل ذلك بطريقة مشابهة لطريقة وضع رابط لصفحة أخرى:

    مثال 6:

    <a href="mailto:nobody@html.net">Send an e-mail to nobody at HTML.net</a>

    سيظهر بهذا الشكل في متصفحك

    Send an e-mail to nobody at HTML.net

    الاختلاف الوحيد بين الرابط لبريد إلكتروني ورابط لملف هو كتابة mailto: متبوعاً بعنوان البريد، عندما يضغط أحدهم على الرابط سيعمل برنامج البريد الإلكتروني ويعرض رسالة جديدة فارغة تحوي عنوان البريد الإلكتروني الذي وضعته في الرابط، سيحدث هذا في حال وجد برنامج بريد إلكتروني مثبت على الحاسوب، جرب ذلك الآن!

    هل هناك خصائص أخرى يجب علي أن أعرفها؟
    لإنشاء رابط استخدام دائماً الخاصية href بالإضافة إلى ذلك بإمكانك أن تضع خاصية title للرابط:

    مثال 7:

    <a href="http://www.html.net/" title="Visit HTML.net and learn HTML">HTML.net</a>

    سيظهر بهذا الشكل في المتصفح:

    HTML.net

    خاصية title تستخدم لوضع شرح قصير عن الرابط، إذا وضعت مؤشر الفأرة على الرابط دون أن تضغط عليه سترى النص الذي كتبته في خاصية title يظهر لك.

  2. #2
    عضو فضي الصورة الرمزية theeslam
    تاريخ التسجيل
    Mar 2008
    المشاركات
    2,965

    معرض الاوسمة

    افتراضي رد: الدرس السادس: المزيد من العناصر html

    شكراعلى الموضوع الذي لم أفهم منه سوى جهدك

    جزاك الله خير
    [align=center]


    [/align]

  3. #3
    ALI
    ALI غير متواجد حالياً
    موقوف
    تاريخ التسجيل
    Feb 2008
    الدولة
    الدمـــــــــــام
    المشاركات
    2,612

    افتراضي رد: الدرس السادس: المزيد من العناصر html

    شكراعلى الموضوع

  4. #4
    عضو الصورة الرمزية العاقل
    تاريخ التسجيل
    Dec 2007
    الدولة
    السعودية
    المشاركات
    6,727

    معرض الاوسمة

    افتراضي رد: الدرس السادس: المزيد من العناصر html

    ماشاء الله مشكور على المعلومات المفصلة والمفيدة لمن يرغب ان يتعلم كيفية الربط.

    طبت وطاب طرحك

  5. #5

    عضو شرف

    الصورة الرمزية جبل حزنة
    تاريخ التسجيل
    Dec 2007
    الدولة
    الشرقية
    المشاركات
    5,227

    معرض الاوسمة

    افتراضي رد: الدرس السادس: المزيد من العناصر html

    شاكر مروركم الكريم

  6. #6
    عضو نشيط
    تاريخ التسجيل
    Jul 2008
    الدولة
    السعودية
    المشاركات
    89

    افتراضي رد: الدرس السادس: المزيد من العناصر html

    «®°·.¸.•°°·.¸¸.•°°·.¸.•°®»[align=center]مكشور جدا جدا[/align]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

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

المواضيع المتشابهه

  1. مقارنة بين الانفلونزا العادية والخنازير
    بواسطة أبو ليان في المنتدى المنتدى الطبي العام
    مشاركات: 4
    آخر مشاركة: 12-08-2011, 08:19 PM
  2. حمل 60 نغمة لقبائل جزيرة العرب بروابط مباشره
    بواسطة اس الهبوب في المنتدى منتدى حزنــة للجوالات والاجهزة الكفية
    مشاركات: 1
    آخر مشاركة: 09-01-2009, 07:49 AM
  3. مقدمه في لغة Html
    بواسطة جبل حزنة في المنتدى منتدي حزنـــة للكمبيوتر والبرامج
    مشاركات: 9
    آخر مشاركة: 08-18-2008, 01:36 AM
  4. أريد طريقة تحويل html إلى xhtml
    بواسطة علي بوحسين في المنتدى منتدي حزنـــة للكمبيوتر والبرامج
    مشاركات: 0
    آخر مشاركة: 07-17-2008, 03:46 PM
  5. الدرس الخامس Html الصور والرسومات
    بواسطة جبل حزنة في المنتدى منتدي حزنـــة للكمبيوتر والبرامج
    مشاركات: 2
    آخر مشاركة: 03-29-2008, 10:22 AM

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

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

ضوابط المشاركة

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47