متابعي موقعنا ★black scorbion sy★ الرجاء مشاركة المقال ليصل لأكبر عدد من الناس انشئ موقعك بيدك خلال خمسة دقائق ★:::★ﺗﻌﺮﻓﻨﺎ ﻋﻠﻰ ﺑﻌﺾ ﺍﻟﻮﺳﻮﻡ ﺍﻟﻀﺮﻭﺭﻳﺔ ﺍﻟﻤﺘﻌﻠﻘﺔ
ﺑﺎﻟﻨﺼﻮﺹ ﻭ ﺍﻟﻔﻘﺮﺍﺕ ﻭ ﺍﻟﻌﻨﺎﻭﻳﻦ ﻭ ..القوائم
ﺍﻟﻰ ﺍﻻﻥ ﺗﻌﻠﻤﻨﺎ ﻛﻴﻒ ﻧﻨﺸﺊ ﺻﻔﺤﺔ HTML
ﻟﻜﻦ ﻛﻤﺎ ﺗﻌﻠﻤﻮﻥ ﻓﺈﻥ ﻣﻮﺍﻗﻊ ﺍﻟﻮﻳﺐ ﺗﺤﺘﻮﻱ
ﻋﻠﻰ ﻋﺪﺩ ﻛﺒﻴﺮ ﻣﻦ ﺍﻟﺼﻔﺤﺎﺕ ﻭ ﺍﻟﺴﺆﺍﻝ ﺍﻟﺬﻱ
ﻳﻄﺮﺡ ﻧﻔﺴﻪ ﻫﻨﺎ ﻫﻮ ﻛﻴﻒ ﻳﺘﻢ ﺍﻟﺘﻨﻘﻞ ﺑﻴﻦ
؟الصفحات
ﻫﺬﺍ ﻣﺎ ﺳﻨﻌﺮﻓﻪ ﻓﻲ ﻫﺬﺍ ﺍﻟﺪﺭﺱ ﻭ ﺳﻨﺘﻌﻠﻢ
ﻛﻴﻒ ﻧﻨﺸﺊ ﺭﻭﺍﺑﻂ ﺑﻴﻦ ﺻﻔﺤﺎﺕ …موقعنا
ﺳﺄﻓﺘﺮﺽ ﺳﺄﻧﻜﻢ ﺗﻌﺮﻓﻮﻥ ﻣﺎ ﻣﻌﻨﻰ :الروابط
ﺇﻧﻪ ﻧﺺ ﺃﻭ ﺻﻮﺭﺓ ﻋﻨﺪﻣﺎ ﻧﻀﻐﻂ ﻋﻠﻴﻬﻤﺎ ﻧﻨﺘﻘﻞ
ﺍﻟﻰ ﺻﻔﺤﺔ ..اخرى ﻭ ﺳﻮﺍﺀ ﻛﺎﻥ ﺍﻟﺮﺍﺑﻂ ﻣﻦ
ﺻﻔﺤﺔ ﺍﻟﻰ ﺍﺧﺮﻯ ﻋﻠﻰ ﻧﻔﺲ ﺍﻟﻤﻮﻗﻊ ﺃﻭ ﻣﻦ
ﻣﻮﻗﻊ ﺍﻟﻰ ﺍﺧﺮ ﻓﺈﻥ ﺍﻟﻘﺎﻋﺪﺓ ﻫﻰ ..نفسها ﺭﺍﺑﻂ ﻧﺤﻮ ﻣﻮﻗﻊ ﺍﺧﺮ
ﻫﺬﻩ ﺍﻟﺮﻭﺍﺑﻂ ﺗﻜﺘﺸﻒ ﺑﺴﻬﻮﻟﺔ ﻓﻬﻲ ﺗﻈﻬﺮ
ﺑﺸﻜﻞ ﻣﺨﺎﻟﻒ ﺣﻴﺚ ﺗﻜﻮﻥ ﺑﻠﻮﻥ ﺍﺯﺭﻕ ﻭ ﺗﺤﺘﻬﺎ
ﺳﻄﺮ ﻭ ﻋﻨﺪﻣﺎ ﻧﻤﺮﺭ ﻋﻠﻴﻬﺎ ﻣﺆﺷﺮ ﺍﻟﻤﺎﻭﺱ
ﻳﺘﺤﻮﻝ ﺍﻟﻰ ..ﺪﻳ ﻟﻮﺿﻊ ﻫﺪﻩ ﺍﻟﺮﻭﺍﺑﻂ ﻧﺴﺘﺨﺪﻡ
ﺍﻟﻮﺳﻢ :التالي <a> ﻭ ﻛﻤﺎ ﺗﺮﻭﻥ ﻳﻤﻜﻦ ﺗﺬﻛﺮﻩ
ﺑﺴﻬﻮﻟﺔ ﻭ ﻫﺬﺍ ﻣﺜﺎﻝ ﻋﻠﻰ ﺭﺍﺑﻂ ﺍﻟﻰ ﺍﻟﻤوقع
<a href="
http://www.mbs1.yoo7.com "> black scorbion </a>
ﺳﺄﺿﻴﻒ ﻫﺬﺍ ﺍﻟﺮﺍﺑﻂ ﺍﻟﻰ ﻓﻘﺮﺓ ﻛﻤﺎ ﻓﻲ ﺍﻟﻤﺜﺎﻝ
:التالي
<p> ﻣﺮﺣﺒﺎ ﻋﻠﻰ <a href="https://mbs1.yoo7.com"> black scorbion </a></p>
ﺍﻟﺮﺍﺑﻂ ﻳﻜﻮﻥ ﻣﻠﻮﻧﺎ ﺑﺎﻻﻭﺭﻕ ﻭ ﺗﺤﺘﻪ
ﺳﻄﺮ ﻭ ﺇﺩﺍ ﻛﺎﻥ ﻗﺪ ﻓﺘﺢ ﻣﻦ ﻗﺒﻞ ﻳﻜﻮﻥ ﻟﻮﻧﻪ
ﻣﻐﺎﻳﺮﺍ ﻭ ﺳﻨﺮﻯ ﻓﻴﻤﺎ ﺑﻌﺪ ﻛﻴﻒ ﻧﻐﻴﺮ ﻋﻠﻰ ﻫﺬﻩ
ﺍﻟﺨﺼﺎﺋﺺ ﺑﺎﺳﺘﻌﻤﺎﻝ ﻟﻐﺔ CSS
ﺍﺩﺍ ﻛﺎﻥ ﺭﺍﺑﻂ ﺍﻟﻤﻮﻗﻊ ﻳﺒﺪﻭ ﻣﻌﻘﺪﺍ
/ ممثل
https://mbs1.yoo7.com/?data=15&name=html2/ ﻓﺈﻧﻨﺎ ﻧﺴﺘﺒﺪﻝ
ﺍﻟﻌﻼﻣﺔ « & » ﺑﺎﻟﻌﻼﻣﺔ « ;amp& » ﻫﻜﺬﺍ
https://mbs1.yoo7.com/?data=15&name=html2
.2 ﺭﻭﺍﺑﻂ ﺑﻴﻦ ﺻﻔﺤﺎﺕ ﺍﻟﻤﻮﻗﻊ
ﺍﻟﻰ ﻫﻨﺎ ﻛﻞ ﻣﺎ ﺯﺍﻝ ﺍﻟﻤﻮﻗﻊ ﺍﻟﺬﻱ ﻧﺒﻨﻲ ﻋﻠﻰ
ﺟﻬﺎﺯﻧﺎ ﻭ ﻟﻢ ﻧﺤﺼﻞ ﺑﻌﺪ ﻋﻠﻰ ﻋﻨﻮﺍﻥ ﺍﻧﺘﺮﻧﺖ ﻟﻪ
ﻟﻜﻦ ﻫﺬﺍ ﻻ ﻳﻤﻨﻌﻨﺎ ﻣﻦ ﻭﺿﻊ ﺭﻭﺍﺑﻂ ﺑﻴﻦ
ﺻﻔﺤﺎﺗﻨﺎ.. ﻫﻨﺎﻙ ﻧﻮﻋﺎﻥ ﻣﻦ ﺍﻟﺮﻭﺍﺑﻂ ﺣﺴﺐ
ﻭﺿﻊ ﺍﻟﺼﻔﺤﺘﺎﻥ
ﺻﻔﺤﺘﺎﻥ ﻓﻲ ﻓﻲ ﻧﻔﺲ ﺍﻟﻤﺠﻠﺪ
ﻟﻨﻔﺘﺮﺽ ﺍﻧﻨﺎ ﺍﻧﺸﺄﻧﺎ ﺻﻔﺤﺘﻴﻦ page1.html
ﻭ page2.html ﻓﻲ ﻧﻔﺲ ﺍﻟﻤﺠﻠﺪ test
ﻓﻲ ﻫﺬﻩ ﺍﻟﺤﺎﻟﺔ ﺍﻥ ﺃﺭﺩﻧﺎ ﻋﻠﻰ ﺳﺒﻴﻞ ﺍﻟﻤﺜﺎﻝ
ﻭﺿﻊ ﺭﺍﺑﻂ ﻟﻠﺼﻔﺤﺔ page2.html ﺩﺍﺧﻞ
ﺍﻟﺼﻔﺤﺔ page1.html ﻓﺈﻧﻨﺎ ﻧﻜﺘﺐ ﺫﻟﻚ
ﻋﻠﻰ ﺍﻟﺸﻜﻞ :التالي
<a href=" page2.html ">
ﻧﺴﺘﻄﻴﻊ ﻭﺿﻊ ﺍﻟﺮﺍﺑﻂ ﻓﻲ :فقرة
<p>ﻣﺮﺣﺒﺎ ﺗﺴﺘﻄﻴﻌﻮﻥ ﺯﻳﺎﺭﺓ <a href="page2.html"> ﺍﻟﺼﻔﺤﺔ ﺍﻟﺜﺎﺗﻴﺔ </a> ?</p>
ﺻﻔﺤﺘﻴﻦ ﻓﻲ ﻣﺠﻠﺪﻳﻦ ﻣﺨﺘﻠﻔﻴﻦ
ﻟﻨﻔﺘﺮﺽ ﺃﻥ ﺍﻟﺼﻔﺤﺔ ﺍﻟﺜﺎﻧﻴﺔ ﻣﻮﺟﻮﺩﺓ ﻓﻲ ﻣﺠﻠﺪ
ﻓﺮﻋﻲ ﺍﺳﻤﻪ contenu ﻛﻤﺎ ﻓﻲ ﺍﻟﻤﺜﺎﻝ ﺍﻟﺘﺎﻟﻲ
ﻓﻲ ﻫﺬﻩ ﺍﻟﺤﺎﻟﺔ ﻓﺈﻥ ﺍﻟﺮﺍﺑﻂ ﻳﻜﻮﻥ ﻋﻠﻰ ﺍﻟﺸﻜﻞ
:التالي
<a href=" contenu/page2.html ">
ﺍﺫﺍ ﻛﺎﻧﺖ ﺍﻟﺼﻔﺤﺔ ﻓﻲ ﻣﺠﻠﺪ ﻓﺮﻋﻲ ﺍﺧﺮ ﺩﺍﺧﻞ
ﺍﻟﻤﺠﻠﺪ ﺍﻟﻔﺮﻋﻲ ﺍﻋﻼﻩ ﻧﻜﺘﺐ :الرابط هكذا
<a href="contenu/ ﺍﺳﻢ ﺍﻟﻤﺤﻠﺪ ﺍﻟﻔﺮﻋﻲ ﺍﻟﺜﺎﻟﻲ /page2.html">
ﺍﺫﺍ ﻛﺎﻧﺖ ﺍﻟﺼﻔﺤﺔ ﺩﺍﺧﻞ ﻣﺠﻠﺪ ﺍﺏ ﻭ ﻟﻴﺲ
ﻓﺮﻋﻲ ﻧﻜﺘﺐ :الرابط هكذا
<a href="../page2.html">
.3 ﺭﺍﺑﻂ ﻧﺤﻮ ﺟﺰﺉ ﻣﻦ ﺍﻟﺼﻔﺤﺔ
ﺍﺫﺍ ﻛﺎﻧﺖ ﺻﻔﺤﺘﻜﻢ ﺗﺤﺘﻮﻱ ﻋﻠﻰ ﻋﺪﺩ ﻛﺒﻴﺮ ﻣﻦ
ﺍﻟﻔﻘﺮﺍﺕ ﺗﺴﺘﻄﻴﻌﻮﻥ ﻭﺿﻊ ﻗﺎﺋﻤﺔ ﻣﻦ ﺍﻟﺮﻭﺍﺑﻂ
ﻓﻲ ﺃﻋﻠﻰ ﺍﻟﺼﻔﺤﺔ ﺗﻮﺟﻪ ﺍﻟﺰﺍﺋﺮ ﻣﺒﺎﺷﺮﺓ ﺇﻟﻰ
ﺍﻟﻔﻘﺮﺓ ﺍﻟﺘﻲ ﻳﺒﺤﺚ ﻋﻨﻬﺎ .. ﻹﻧﺸﺎﺀ ﻫﺬﺍ ﺍﻟﻨﻮﻉ
ﻣﻦ ﺍﻟﺮﻭﺍﺑﻂ ﻳﺠﺐ ﺃﻭﻻ ﺗﺤﺪﻳﺪ ﺟﺰﺀ ﺍﻟﺼﻔﺤﺔ
ﺍﻟﺬﻱ ﺳﻴﻮﺟﻪ ﺇﻟﻴﻪ ﺍﻟﺮﺍﺑﻂ . عميل ﻧﺤﻦ ﻻ ﻧﺤﺪﺩ
ﺟﺰﺀﺍ ﻣﻦ ﺍﻟﺼﻔﺤﺔ ، ﺑﻞ ﻧﺤﺪﺩ ﻋﻨﺼﺮﺍ ﻣﻨﻬﺎ ﻓﻘﻂ
. يظهر ﻟﻨﺎ ﺃﻥ ﺍﻟﺮﺍﺑﻂ يوجه ﺇﻟﻰ ﺟﺰﺀ ﻣﻦ
ﺍﻟﺼﻔﺤﺔ ﻟﻜﻦ ﻓﻲ ﺍﻟﺤﻘﻴﻘﺔ ﺇﻧﻪ ﻳﻮﺟﻪ ﺇﻟﻰ ﺍﻟﻌﻨﺼﺮ
ﺍﻟﻤﺤﺪﺩ ﻓﻘﻂ ، ﻭ ﻳﺘﻢ ﺗﺤﺪﻳﺪ ﺫﻟﻚ ﺍﻟﻌﻨﺼﺮ ﻋﻦ
ﻃﺮﻳﻖ ﺗﻌﺮﻳﻔﻪ ﺑﺎﻟﺴﻤﺔ id . ﻳﻤﻜﻦ ﻟﻬﺬﺍ ﺍﻟﻌﻨﺼﺮ
ﺃﻥ ﻳﻜﻮﻥ ﺃﻱ ﺷﻲﺀ ( ﻓﻘﺮﺓ ، ﻋﻨﻮﺍﻥ ، ﺭﺍﺑﻂ ،
ﻗﺎﺋﻤﺔ .... ) . ًعادة ﻣﺎ ﻧﺨﺘﺎﺭ ﺍﻟﻌﻨﻮﺍﻥ ﻟﻠﺤﺼﻮﻝ
ﻋﻠﻰ ﺃﺣﺴﻦ ﺍﻟﻨﺘﺎﺋﺞ . ﻣﺜﻼ :
<h2 id="paragraph1 ">ﺍﻟﻔﻘﺮﺓ ﺍﻷﻭﻟﻰ </h2>
ﻛﻤﺎ ﺗﺮﻭﻥ ﻟﻘﺪ ﻋﺮﻓﻨﺎ ﺍﻟﻌﻨﺼﺮ > h2 < ﺑﺴﻤﺔ id
ﻗﻴﻤﺘﻬﺎ paragraph1 ، ﺃﻣﺎ ﺑﺎﻟﻨﺴﺒﺔ ﻟﻠﺮﺍﺑﻂ
ﺍﻟﺬﻱ ﺳﻴﻮﺟﻪ ﻟﻬﺬﺍ ﺍﻟﻌﻨﺼﺮ ُفسنكتب ﻓﻲ ﺍﻟﺴﻤﺔ
src ﺍﻟﻘﻴﻤﺔ ﺍﻟﺘﻲ ﻭﺿﻌﻨﺎﻫﺎ ﻓﻲ ﺍﻟﺴﻤﺔ id
ﺍﻟﺴﺎﺑﻘﺔ ﻣﺴﺒﻮﻗﺔ ﺑﺎﻟﻌﻼﻣﺔ ' # ' ﻣﺜﺎﻝ :
<a href=" #paragraph1" >ﺭﺍﺑﻂ ﻧﺤﻮ ﺍﻟﻔﻘﺮﺓ ﺍﻷﻭﻟﻰ </a>
id ﻫﻲ ﺇﺧﺘﺼﺎﺭ ـﻟ identification ﻭ ﻳﺘﺠﻠﻰ
ﺩﻭﺭ ﻫﺬﻩ ﺍﻟﺴﻤﺔ ﻓﻲ ﺗﻌﺮﻳﻒ ﺍﻟﻌﻨﺎﺻﺮ ﻓﻘﻂ ﻭ
ﻫﻲ ﺗﺴﺘﻌﻤﻞ ﻛﺜﻴﺮﺍ ﻓﻲ ﺗﺤﺪﻳﺪ ﺧﺼﺎﺋﺺ CSS
ﻟﻠﻌﻨﺎﺻﺮ .
ﻗﺪ ﺗﺠﺪﻭﻥ ﻓﻲ ﺑﻌﺾ ﺍﻟﺪﺭﻭﺱ ﺃﻧﻪ يقال :
ﺍﻟﻌﻨﺼﺮ ﺫﻱ ﺍﻟﺘﻌﺮﻳﻒ
" id="identificationX . ﻓﻬﺬﺍ ﻳﻌﻨﻲ ﺍﻟﻌﻨﺼﺮ
ﺍﻟﺬﻱ ﻳﺤﺘﻮﻱ ﻋﻠﻰ ﺍﻟﺴﻤﺔ id ﺍﻟﺘﻲ ﺗﺄﺧﺬ ﺍﻟﻘﻴﻤﺔ
identificationX ، ﻭ لكن ﻫﺬﺍ
ﺍﻹﺧﺘﺼﺎﺭ ﻓﻲ ﺍﻟﻘﻮﻝ ﻓﻲ ﺑﺎﻗﻲ ﺍﻟﺪﺭﻭﺱ ﻟﺬﻟﻚ
ﺣﺎﻭﻝ ﺃﻥ ﺗﺘﺄﻗﻠﻢ ﻣﻌﻪ .
ﻫﺬﻩ ﺍﻟﺴﻤﺔ ﻻ ﺗﺄﺧﺬ ﺃﻱ ﻗﻴﻤﺔ ﻛﻴﻔﻤﺎ ﻛﺎﻧﺖ ﺑﻞ
ﺗﺸﺘﺮﻁ ﺩﺍﺋﻤﺎ ﺃﻥ ﺗﺒﺘﺪﺃ ﺍﻟﻘﻴﻤﺔ ﺑﺤﺮﻑ ﻭ ﻟﻴﺲ
ﺑﺮﻗﻢ ، ﻛﻤﺎ ﺃﻥ ﺍﻟﺤﺮﻭﻑ ﺍﻟﻜﺒﻴﺮﺓ ﺗﺨﺎﻟﻒ
ﺍﻟﺤﺮﻭﻑ ﺍﻟﺼﻐﻴﺮﺓ ﻟﺬﻟﻚ ﻻ ﺗﻨﺴﻮﺍ ﺃﻥ ﺗﺄﺧﺬﻭﺍ
ﻫﺬﺍ ﺑﻌﻴﻦ ﺍﻹﻋﺘﺒﺎﺭ .
ﻳﻤﻜﻦ ﺇﺳﺘﻌﻤﺎﻝ ﻫﺬﺍ ﺍﻟﻨﻮﻉ ﻣﻦ ﺍﻟﺮﻭﺍﺑﻂ ﺑﻴﻦ
ﺍﻟﺼﻔﺤﺎﺕ ﺃﻳﻀﺎ ، ﺣﻴﺚ ﻳﻤﻜﻦ ﺇﻧﺸﺎﺀ ﺭﺍﺑﻂ ﻓﻲ
ﺻﻔﺤﺔ page1 ﻳﻮﺟﻪ ﻧﺤﻮ ﺍﻟﻌﻨﺼﺮ ﺫﻱ
ﺍﻟﺘﻌﺮﻳﻒ " id="paragraph1 ﺍﻟﻤﻮﺟﻮﺩ ﻓﻲ
ﺍﻟﺼﻔﺤﺔ page2 . ﻭ ﺫﻟﻚ ﻛﺎﻟﺘﺎﻟﻲ :
<a href="page2.html#paragraph1"> ﺍﻟﻔﻘﺮﺓ ﺍﻷﻭﻟﻰ ﻓﻲ ﺍﻟﺼﻔﺤﺔ page2</a>
لاتنسونا من ★صالح دعائكم★ سجلوا بموقعنا وانتظروا المزيد من المواضيع المهمة جدا جدا♥♥♥♥♥♥♥★♥♥♥♥♥♥♥مع تحيات ابو علي #basl