أخبار
‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل

إحتراف لغة HTML -الدرس الثامن(الجداول والخلايا )





السلام عليكم ورحمة الله , اللهم صلّ علي سيدنا محمد وعلي آله وصحبه وسلم , اللهم انا نسألك علماً نافعاً ونعوذ بك من علم بلا عمل ,   اللهم انا نسألك علماً ينفعنا وعملاً يرفعنا .  أما بعد ... 
سوف نتعلم اليوم . كيف نصمم الجداول والخلايا بلغة الـHTML , سيكون سهلاً ومتتعاً بإذن الله   , نبدأ علي بركة الله . 
لكي تصمم جداول وخلايا بالـHTML . يجب أن تعرف الوسوم التالية 
الوسم الأول 
<table> </table>
 وسم الـtable هو المسئول عن تعريف الجداول . يعني يتم تعريف الجداول في ملف الـHTML بإستخدام وسم الـtable , وهو الذي يحتوي علي كل الوسوم الآتية , يعني كل الوسوم التالية تكتب بداخله 

الوسم الثاني
<tr></tr>
وسم الـtr  هو المسئول عن تقسيم الجدول إلي صفوف .
الوسم الثالث
<th></th>
  وسم الـth هو المسئول عن عمل عنوان أو عناوين للجدول 
الوسم الرابع
<td></td>
 وسم الـtd , هو الذي يحمل و  يحتوي علي نص أو صور أو روابط أو جداول أخري !


_____________________________________________________________________
هذه الوسوم هي كل شئ في الجداول , يعني إذا أردت أن تنشئ جدول بإستخدام الـHTML . يجب أن تعرف هذه الوسوم الأربعة وما أهميتها . 
والآن هيا بنا لننشئ جدول بسيط بإستخدام الوسوم السابقة .  
<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table>
<tr>
<th>الملفات التي تم تحميلها <th><th>الإسم</th>
</tr>
<tr>
<td>1042</td><td>أحمد الورداني</td>
</tr>
<tr>
<td>694</td><td>أبو خالد </td>
</tr>
<tr>
<td>353</td><td>زياد محمد </td>
</tr>
 </table>
</body>
</html>
جرب بنفسك .. 
هذا جدول بسيط تم تصميمه بلغة الـHTML .
لكن ليس هذا ما نريد . ! أليس كذلك ؟ , لا يوجد حدود بين كل محتوي والآخر , وهذا هو دور الـAttribute المعروف بالـborder .
 نقوم بكتابة Attribute الـborder داخل وسم الـtable لكي تكون الحدود علي كل ما بداخل هذا الوسم . 

<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">
<tr>
<th>الملفات التي تم تحميلها <th><th>الإسم</th>
</tr>
<tr>
<td>1042</td><td>أحمد الورداني</td>
</tr>
<tr>
<td>694</td><td>أبو خالد </td>
</tr>
<tr>
<td>353</td><td>زياد محمد </td>
</tr>
 </table>
</body>
</html>
جرب بنفسك .. 
______________________________________________________________________________

كيفية عمل جدول بلا حدود  !  

نقوم بكتابة الأكواد والوسوم دون وضع Attribute الـborder داخل وسم الـtable || أو نقوم بوضعه ونضع الـborder صفر (0).

<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="0">
<tr>
<th>الملفات التي تم تحميلها <th><th>الإسم</th>
</tr>
<tr>
<td>1042</td><td>أحمد الورداني</td>
</tr>
<tr>
<td>694</td><td>أبو خالد </td>
</tr>
<tr>
<td>353</td><td>زياد محمد </td>
</tr>
 </table>
</body>
</html>
______________________________________________________________________________

كيفية عمل عنوان أو رأس للجدول  ! 

وسم الـth هو المسئول عن ذلك . نقوم بوضعه داخل وسم الـtr . و وسم الـtr يوضع داخل وسم الـtable . 

<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">
<tr>
<th>الملفات التي تم تحميلها <th><th>الإسم</th>
</tr>
<tr>
<td>1042</td><td>أحمد الورداني</td>
</tr>
<tr>
<td>694</td><td>أبو خالد </td>
</tr>
<tr>
<td>353</td><td>زياد محمد </td>
</tr>
 </table>
</body>
</html>
جرب بنفسك .. 
______________________________________________________________________________

كيفية عمل شرح  للجدول أو عنوان للجدول ! 

كيف نقوم بعمل عنوان للجدول خارج الجدول بطريقة جيدة  :)  بإستخدام وسم <caption> . 
وسم <caption> هو وسم زوجي . نقوم بكتابته بعد وسم الـtable مباشرة , ونكتب بداخله العنوان .! 
<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">
<caption>معلومات المستخدمين </caption>
<tr>
<th>الملفات التي تم تحميلها <th><th>الإسم</th>
</tr>
<tr>
<td>1042</td><td>أحمد الورداني</td>
</tr>
<tr>
<td>694</td><td>أبو خالد </td>
</tr>
<tr>
<td>353</td><td>زياد محمد </td>
</tr>
 </table>
</body>
</html>

______________________________________________________________________________

كيفية إنشاء عنوان للجدول في الجانب وليس في الأعلي ! ((مهم)) 

لكي ننشئ عنوان لجدول و وضعه بالأعلي نقوم بكتاية وسم th في وسم tr , و وسم الـtd يكتب في وسم tr آخر . 
أما إذا أردنا أن نصمم جدول ويكون العنوان بالجانب نضع وسم الـth + وسم الـtd داخل وسم الـtr . 
بشكل أوضح . نأخذ مثال بسيط . ! 

<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">
<caption>معلومات المستخدمين </caption>
<tr>
<th>Name</th> <td>Ahmed Elwerdany </td> 
</tr>
<tr>
<th> Age</th> <td> 16</td>
</tr>
 </table>
</body>
</html>
جرب بنفسك .. 
______________________________________________________________________________

كيفية عمل خلايا الجدول التي تمتد أكثر من صف واحد / عمود ! 

الطريقة سهلة جداً . دعونا نفهم ذلك بشكل أوضح . 
أولاً : إذا كان رأس الجدول بالأعلي نستخدم Attribute إسمه colspan لنصمم أكثر من خلية أمام الرأس . 

<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">
<caption>معلومات المستخدمين </caption>
<tr>
<th>Name</th> <th colspan="3"> Phone </th>  
</tr>
<tr>
<td> Ahmed </td> <td> 4868946 </td> <td> 2168946 </td> <td> 996336 </td> 
</tr>
 </table>
</body>
</html>
جرب بنفسك 
_________________________

إذا كان رأس الجدول بالجانب نسنخدم Attribute إسمه rowspan

إذا كان رأس الجدول بالجانب نسنخدم Attribute إسمه rowspan , ونضع كل خليه جديدة داخل وسم الـtr .. مثال يوضع أكثر !
<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">
<caption>معلومات المستخدمين </caption>
<tr>
<th>Name</th> <td> Ahmed  </td>  
</tr>
<tr>
<th rowspan="3"> Phone </th> <td> 4352345</td>  
</tr>
<tr><td> 24352345</td>    </tr>
<tr> <td> 4352345</td></tr>
 </table>
</body>
</html>
جرب بنفسك 
______________________________________________________________________________

محتوي الخلية  ! 

تستطيع  أن تكتب داخل الخلية كل شئ (( نص - صور - قائمة - روابط - جداول أخري )) . ولنأخذ مثال بسيط لتوضيح الفكرة . 

<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="2">

<tr>
<td><h4> أحمد الورداني </h4><br> <p>مدونة المبرمج  </p>  </td> <td> <img src="http://icons.iconarchive.com/icons/hamzasaleem/stock/128/App-Store-icon.png" /> </td>
</tr>
<tr>
<td> 
<a href="http://bmpor.blogspot.com/">مدونة المبرمج   </a>
 </td>
 <td>
 <ul> <li> ناجح في عمله </li> <li> يؤدي واجبه علي أكمل وجه </li>
</ul>
</td>  
</tr>
 </table>
</body>
</html>
جرب بنفسك 
______________________________________________________________________________

خلق مساحة أكبر بين محتوي الخلية والحدود ! 

يمكنك خلق مساحة بين محتوي الخلية والحدود من خلال attribute المعروف بـcellpadding . هذا مثال توضيحي ! 
<html>
<head>
  <meta charset="utf-8" />
<title>
مركز التحميل
</title>
</head>
<body>
<table border="1">
<caption> هذا الجدول بدون وضع تأثير تباعد المساحة بين الحدود ومحتوي الخلية  </caption>
<tr> <td> أنت مبرمج محترف </td> <td> صمم موقعك بسهولة  </td> </tr> <tr><td>إسمي أحمد الورداني  </td> <td> درس مهم جداً  </td> </tr> 
 </table>
<table border="1" cellpadding="12"> 
<caption> هذا الجدول بإستخدام الـcellpadding</caption>
<tr> <td> أنت مبرمج محترف </td> <td> صمم موقعك بسهولة  </td> </tr> <tr><td>إسمي أحمد الورداني  </td> <td> درس مهم جداً  </td> </tr> 

</table>
</body>
</html>


______________________________________________________________________________

كيفية استخدام cellspacing لزيادة المسافة بين الخلايا ؟

سنتعلم كيفية إستخدام Attribute المعروف بـcellspacing لزيادة المساخة بين الخلايا . الأمر في غاية السهولة والأهمية أيضاً . 
مثال توضيحي . 

<html>
<head> 
<meta charset="utf-8" />
<title> أيها المبرمج !  </title> 
</head>
<body>


<table border="1">
<caption><h4> بدن إستخدام  cellspacing </h4> </caption>
<tr>
  <td>الأول</td>
  <td>أحمد</td>
</tr>
<tr>
  <td>الثاني</td>
  <td>محمد</td>
</tr>
</table>
<br> <br> <br> <br> <hr> 

<table border="1" cellspacing="0">
<caption> وهنا الـ<br> cellspacing <br> يساوي صفر  </caption>
<tr>
  <td>الأول</td>
  <td>أحمد</td>
</tr>
<tr>
  <td>الثاني</td>
  <td>محمد</td>
</tr>
</table>

<br> <br> <br> <br><hr> 
<table border="1" cellspacing="10">
<caption> وهنا الـ<br> cellspacing <br> يساوي 10 !  </caption>
<tr>
  <td>الأول</td>
  <td>أحمد</td>
</tr>
<tr>
  <td>الثاني</td>
  <td>محمد</td>
</tr>
</table>

</body>
</html>


وكان ذلك هو آخر مثال . 
بكده يكون انتهي الدرس الجميل . 
صلي الله وسلم علي سيدنا محمد وعلي آله وصحبه أجمعين . دمتم في رعاية الله :) . 
أكمل القراءة »

إحتراف لغة HTML -الدرس السابع (التعامل معCSS في ملف HTML )





السلام عليكم ورحمة الله , اللهم صلّ علي سيدنا محمد وعلي آله وصحبه وسلم , اللهم انا نسألك علماً نافعاً ونعوذ بك من علم بلا عمل ,   اللهم انا نسألك علماً ينفعنا وعملاً يرفعنا .  أما بعد ...
في هذا الدرس الجميل الذي سيساعدك علي تجميل أكود HTML  , سوف نتعلم كيفية كتابة كود CSS داخل ملف HTML . 
في الحقيقة هناك ثلاث طرق لكتابة كود CSS داخل ملف HTML , وكنا قد ذكرنا اثنان منهم في الدرس السابق  , لكن دعونا نتذكرهم سوياً .و نعرف عنهم أكثر ثم نذكر الطريقة الثالثة ونشرحها  .  
الطريقة الأولي : 
وهي أن نقوم بعمل وسم style داخل وسم الـhead , ونكتب بداخله أكواد CSS . دعونا نطبق ذلك عملياً .
<html>
<head>
<meta charset="utf-8" />
<title>مدونة المبرمج</title>
<style>
</style>
</head>
<body>
<h1>مدونة المبرمج</h1>
<p>تعلم برمجة مواقع الويب </p>
</body>
</html>
كما رأيتم فقد كتبت الكود الخاص بالـHTML . فتحت وسم HTML ثم وسم الـhead , وفي وسم الـhead فعلت ثلاثة أشياء . 
الأولي : فتحت وسم الـtitle لوضع عنوان الصفحة .
الثانية : فتحت وسم الـmeta وكتبت بداخله الترميز العالمي للغة , لكي تظهر اللغة العربية بشكل صحيح في الصفحة . 
الثالثة : فتحت وسم الـstyle و أغلقته , ولم أكتب بداخله أكواد الـCSS بالتالي  ستظهر الصفحة بشكلها الإفتراضي , الكلام باللون الأسود و الخلفية البيضاء والكلام علي جهة اليسار . 
والآن نري كيف سنستخدم كود الـCSS وما تأثيره  علي الصفحة . نبدأ علي بركة الله . 
<html>
<head>
<meta charset="utf-8" />
<title>مدونة المبرمج</title>
<style>
body
{
background-color:#dddddd;
}

h1
{
color:orange;
text-align:center;
}
p
{
font-size:20px;
color:blue;
}
</style>
</head>
<body>
<h1>مدونة المبرمج</h1>
<p>تعلم برمجة مواقع الويب </p>
</body>
</html>
تم الانتهاء من كتابة الكود . !  , والآن لنفهم ماذا كتبنا . 
قلت في البداية . أن هناك ثلاث طرق لكتابة كود CSS في ملف HTML . أولها كان كتابة الكود داخل وسم style . ويكتب وسم الـstyle داخل وسم الـhead كما تعلمنا في الدرس السابق  , وها نحن قد كتبنا الكود داخل وسم الـstyle داخل وسم head . والآن أحفظ الملف  بامتداد .html كما تعلمنا سابقاً , ثم افتحه وقل لي ماذا لاحظت . 
نعم ! , ستجد أن الخلفية أصبحت باللون الرمادي . فقد كتبنا في الكود أن وسم الـbdoy يكون له background-color الـ#dddddd وهذا يمثل اللون الرمادي أو الرصاصي . 
وبعد ذلك ستجد أن الـh1 مكتوب باللون البرتقالي . وموجود في وسط الصفحة  , بناءاً علي الكود . فقد كتبنا في الكود أن الـcolor تكون orange و أيضاً . الكلام يكون في الوسط . 
في هذا الدرس ليس عليك إلا أن تفهم شئ واحد فقط . هو كيف نكتب أكواد الـCSS داخل ملف HTML . ليس من المفترض أن تعرف جميع أكواد الـCSS . فقط يجب أن تعرف . أين يكتب في ملف HTML  . 
كانت هذه هي الطريقة الأولي . 
الطريقة الثانية :
 هي إنشاء ملف مستقل لوحدة ونكتب بداخله أكواد الـCSS , وبعد ذلك نستخدم وسم الـLink في ملف الـHTML  لربطهما ببعض . 
نبدأ علي بركة الله , ونطبق هذه الطريقة . 
بداية نكتب أكود HTML . 
<html>
<head>
<link rel="stylesheet"  type="text/css" href="اسم ملف الـCSS " />
<meta charset="utf-8" />


<title>مدونة المبرمج</title>
</head>
<body>
<h1>مدونة المبرمج</h1>
<p>تعلم برمجة مواقع الويب </p>
</body>
</html>
بعد ذلك . نقوم بعمل ملف CSS وليكن بإسم style ويجب أن يكون امتداده .css فيكون في النهاية style.css . ونضع بداخله أكواد الـCSS .
body
{
background-color:#dddddd;
}

h1
{
color:orange;
text-align:center;
}
p
{
font-size:20px;
color:blue;
}
بعد أن قمنا بكتابة أكواد الـCSS داخل ملف مستقل لوحدة . نقوم بعمل اتصال بين هذا الملف ((ملف الـCSS )) وملف الـHTML . داخل ملف الـHTML . 
هذا هو ملف الـHTML . 
<html>
<head>
<link rel="stylesheet"  type="text/css" href="style.css " />
<meta charset="utf-8" />
<title>مدونة المبرمج</title>
</head>
<body>
<h1>مدونة المبرمج</h1>
<p>تعلم برمجة مواقع الويب </p>
</body>
</html>
ها نحن قد فعلنا اتصال بين ملف الـHTML و CSS  عبر وسم الـLink .
ستظهر لنا نفس النتائج  السابقة . لأني لم أغير شئ في الكود وجماليات الصفحة .
هذه كانت الطريقة الثانية لكتاب كود الـCSS في ملف HTML  وتجميل الصفحة .
بكده نكون تعلمنا طريقتين .
الأولي : كتابة كود الـCSS داخل وسم الـstyle .
الثانية : كتابة كود الـCSS في ملف CSS مستقل لوحده. ثم عمل اتصال بينهم عبر وسم الـLink في ملف HTML .
أما الطريقة الثالثة فهي سهله وبسيطة جداً .
الطريقة الثالثة :
الطريقة الثالثة والبسيطة هي أن نفتح attribute بإسم style  داخل الـtag أو المعروف بالوسم . وتكتب بداخله الأكواد كما تعودنا . 
لنري كيف يتم ذلك  !  


<html>
<head>
<meta charset="utf-8" />
<title>مدونة المبرمج</title>
</head>
<body style="background-color:#dddddd;">
<h1 style="color:orange; text-align:center;">مدونة المبرمج</h1>
<p style="font-size:20px; color:blue;">تعلم برمجة مواقع الويب </p>
</body>
</html>
كما رأيتم , فالأمر سهل جداً . style ثم  = ثم " هنا الكود " . 
بهذا يكون انتهي درس اليوم . لكن هناك بعض الملاحظات  يجب أن تعرفها  . 
1- عند نهاية كل أمر من أوامر الـCSS يجب وضع ;  فصلة منقوطة ;  لكي لا يحدث أي أخطاء وتظهر النائج بالشكل الصحيح . 
2- هناك ثلاث طرق لكتابة أكواد الـCSS ودمجها بالـHTML . 
3- أنت الآن تستطيع تجميل صفحة HTML بشكل ابتدائي وجميل . 

بكده يكون انتهي الدرس .

صلي الله وسلم علي سيدنا محمد وعلي آله وصحبه أجمعين . دمتم في رعاية الله :) . 
أكمل القراءة »

إحتراف لغة HTML -الدرس السادس (وسم الـHEAD )



السلام عليكم ورحمة الله , اللهم صلّ علي سيدنا محمد وعلي آله وصحبه وسلم , اللهم انا نسألك علماً نافعاً ونعوذ بك من علم بلا عمل , أما بعد ...
تعلمنا في الدروس السايقة أشياء جمبلة في لغة HTML ودائمنا ما كنا نري وسم أو tag الـhead ونحن نبرمج وهو ما يأتي بعد tag الـHTML , وكل ما نعرفه عن هذا الـtag هو أنه يوضع بداخلة وسم أو tag الـtitle الخاص بعرض عنوان الموقع أو الصفحة المبرمجة . 

في هذا الدرس سنتعلم الكثير عن tag الـhead . نبدأ علي بركة الله . 
بداية يجب أن تعرف أن هناك عدة وسوم توضع داخل وسم الـhead وهي الآتي 
<title>, <style>, <meta>, <link>, <script>, <base>.
والآن لنفهم ما فائدة هذه الوسوم التي توضع داخل وسم أو tag  الـhead 
الوسم الأول
<head> <title> هنا عنوان الموقع أو الصفحة </title> </head>
وسم الـtitle يوضع داخل وسم الـhead ليعرض عنوان الموقع
الوسم الثاني
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
وسم الـstyle وهو وسم زوجي لو بداية ونهاية . وأهميته أنه يوضع بداخله أكواد css وسنتعلم كيفية إستخدام css في HTML  في الدرس القادم بإذن الله
الوسم الثالث - الإستخدام الأول charset="utf-8" الترميز العالمي 
<head>                                                                                                <meta charset="utf-8" />                                                                    </head>
هذا هو الإستخدام الأول لـmeta هناك عدة استخدامات أخري سنفهمها الآن .  charset="utf-8"هذا Attribute  هو المسؤل عن الترميز العالمي للغة . بشكل أوضح هذا Attribute يتم كتابته لكي يعرض اللغة كما هي مكتوبة . فمثلاً إذا كتبت كلام وجمل عربية دون وضع هذا Attribute سوف يظهر بلغة غريبة جداً , وعند وضعك لهذا Attribute تظهر اللغة العربية كما هي مكتوبة في ملف HTML . 
الوسم الثالث - الاستخدام الثاني (الكلمات المفتاحية + وصف الموقع + مؤسس الموقع )
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
كما رأيت فقد فتحت وسم أو tag الـmeta وكتبت name وبداخله keywords ثم content وكتبت بداخله الكلمات الأكثر شيوعاً في موقعي أو الكلمات المفتاحية .
ملاحظة : ما يكتب داخل الـname .يُعرف ما بداخل الـcontent . فمثلاً إذا وضعنا بداخل الـname الـdescription سيكون ما بداخل الـcontent هو الوصف وليس الكلمات المفتاحية . وهذا هو المعني ل(( ما يكتب داخل الـname .يُعرف ما بداخل الـcontent)) .
والآن لنري كيف نضع وصف لموقعنا , لكي تقرأه محركات البحث . الحقيقة كل ما عليك فعله هو أن تضع بداخل الـname الـ((description )) بدل من keywords ونغير ما بداخل الـcontent إلي وصف يليق موقعنا , وإذا أردت أن تضع إسمك كمؤسس للموقع أكتب داخل الـname الـ((author)) وغير ما بداخل الـcontent . هذا كل المهم  ما في الـmeta .  
الوسم الرابع الـLink
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
 نبدأ بفهم الـhref . 
كما تعلمنا من قبل أن عند حفظ ملف HTML يحفظ بامتداد .html . أيضاً يحدث ذلك في css فنحفظ الملف بامتداد .css لكي نقول للمتصفح أن ما بداخل هذا الملف أكواد css فطبقها من فضلك . وإذا وضعناها بامتداد آخر لن تعمل . 
فكما نري الآن أنشأت ملف بإسم mystyle ووضعت بداخله أكواد css . وقمت بعمل اتصال بين ملف HTML و CSS عبر وسم الـLink . وكنا قد تعلمنا كيفية وضع أكواد css داخل وسم style من وقت قليل في هذه التدوينة . ((الطريقتان صحيحتان . أنصحك بالعمل بوسم الـLink  )) . 
ثانياً الـrel و type . 
الـ rel يكتب بداخله هنا style sheet . لكي نعرف المتصفح أن هذا الملف يحتوي علي أكواد تجميلية . أما عن type ويكتب بداخله text/css فهذا مهم أيضاً , لكي نعرف المتصفح أن الملف css . وستتعلم الكثير عن type في رحلتك البرمجية . كل هذه الأوامر مهمه ولا بد من كتبتها . لكي تحصل علي نتيجة صحيحة .

الوسم الخامس الـscript
<head>                                                                                      <script>                                                                                                      document.write("java script");                                                        </script>                                                                                     </head>
وسم الـscript يكتب بداخل وسم الـhead .
وسم الـscript يكتب بداخله اكواد  لغة javascript  جافا سكربت . وهذا ما سنتعلمه في مدونة المبرمج في دروس قادمة بإذن الله وسنتعلم لغة الجافا سكربت بالتفصيل إن شاء الله .
الوسم السادس الـbase
  <html>                                                                                    <head>                                                                                      <base href="http://bmpor.blogspot.com/" target="_blank" >               </head>                                                                                      <body>                                                                                           <a href="https://www.facebook.com" target="_blank">Facebook</a>                  <br>                                                                                                <a href="" >Website bmpor</a>                                                             </body>                                                                                            </html>
انتهيت من كتابة الكود !
والآن لنفهم ماذا كتبنا داخل وسم الـhead والـbody. !
وسم الـ base  يعطي قيمة لشئ لم أكتبه في وسم الـbody . فكما ترون . فقد قمن بكتابة كود رابط داخل وسم الـbase  وأعطيته رابط مدونة المبرمج .
وبعد ذلك كتبت كود رابط في وسم الـbody وأعطيته رابط الفيس بوك بعنوان facebook ثم وضعت مسافة سطر بالـbr ثم وضعت كود رابط آخر دون وضع رابط يذهب إليه  . فهذه الحالة يأخذ هذا الكود . الكود الموجود في وسم الـbase .
بشكل أوضح وأدق .
إذا طبقنا هذا الكود علي المتصفح , لكي نري نتيجة عملنا . ماذا سنري  . سنري الصفحة وبها . رابطين . الأول بإسم الFacebook وإذا ضغتنا عليه يذهب لموقع الفيس بوك .
الرابط الثاني بعنوان Website bmpor وإذا ضغتنا عليه يذهب لمدونة المبرمج مع أننا لم نضع بداخله أي شئ يذهب إليه . لكنه استعان بالقيمة الافتراضية الموجودة في وسم الـbase . ويترتب علي ذلك . أنه إذا وضعنا أكواد روابط دون أن نعطي لها موقع تذهب إليه  . ستستعين بالكود المكتوب داخل وسم الـbase وتذهب ل صفحة مدونة المبرمج .
بذلك نكون قد انتهينا من تعلم وسم الـhead وما يكتب داخله من وسوم وأكود .

بكده يكون انتهي الدرس .
صلي الله وسلم علي سيدنا محمد وعلي آله وصحبه أجمعين . دمتم في رعاية الله :) . 
أكمل القراءة »