الدرس الاول : قواعد كتابة Tag ال HTML

قواعد كتابة Tag
قبل ان نشرع في شرح يجب ان نعرف من ماذا يتكون اي موقع ويب

كما نلاحظ على الصورة فان اي موقع ويب يمكن ان يكون Front-End اي Static Web او ان يكون Back-End اي Dynamic Web .
ما يهمنا نحن الان فقط Front-End اي Design Web لان Front-End اختصاص المصمم و Back-End اختصاص المبرمج هناك بعض الاشخاص القادرين على الجمع بين هذين المجالين.
اذا كنت تحب التصميم Front-End عليك ان تتقن Photoshop و HTML5 و CSS3 و JavaScript اما اذا كنت من محبي البرمجة Back-end فعليك ان تتقن احدى لغات البرمجة PHP او RUBY او PYTHON .... و ان تتقن احد لغات التعامل مع قاعدة البيانات Date Base وهي SQL او MSQL او MSQLI
هناك ايضا ال Frameworck ك Bootstrap و Zend Framework وغيرها .....
الدرس :
- Front-End تتكون من HTML و CSS و JavaScript اي موقع ويب يمتلك Front-End حت وان كان dynamic فانه يتوفر على Front-End الان سنشرع في ما يتعلق بقواعد كتابة Tag في HTML اي tag بمعنى وسم في ال HTML وسم البداية كـ <html> , <p> , <h1> , <body>
وسم النهاية كـ <html> , </p> , </h1> , </body/>

هيكل اي موقع ويب يتكون من ثلاث Tags اساسية
وسم html وهو الاب الاكبر في العائلة و وسم head الابن الاول لي وسم html وكل ال Tags الموجودة داخله اي head ابناء مباشرة له لا تظهر على الصفحة إلى موقع الويب تبقى مخفية. وسم body الابن الثاني لي html وهو بمثابة جسم الصفحة او الموقع وكل محتويات الوسوم تظهر على الصفحة اي موقع الويب مثال

الناتج هو

في الناتج يظهر محتوى element وسم h1 و وسم h6

في الناتج يظهر محتوى element وسم h1 و وسم p
1- Tag وسم = <html></html>
2- Element محتوى = <h1>My First heading</h1>
3- attribute سمة = <section class="A" id="B"></section>

1* لكل وسم بداية و نهاية
2* كل وسم يمكن ان يحتوي على وسم اخر بداخله يكون ابن مباشر له و يمكن ان يتوفر على محتوى Element ايضا
3* لكل وسم سمة تميزه عن الوسوم من صنفه.