مرحبا بكم من جديد قراء مدونة تعليم البرمجة الدرس السابق كان موجزا حول لغة html وفي هذا الدرس الجديد سنحاول شرح البنية أو المحتوى الاساسي لصفحة html .
بنية صفحة Html :
 |
| تركيبة وبنية صفحة html |
الصورة في الأعلى توضح شكل مبسط لصفحة اتش تي ام ال ولتتعرف على محتوى الصفحة وما المقصود منه قمت بشرحة ووضعه في الجدول التالي :
| <!DOCOTYPE html> | هذا الوسم لنعلم المتصفح أن هذه الصفحة من نوع html |
| <html> | هذا الوسم يعني بداية صفحة html |
| <!--created 2010-01-01--> | هذا الوسم عباره عن تعليق يوضح تاريخ انشاء صفحة html |
| <head> | هذا الوسم يعني بداية رأس الصفحة |
| <title>sample</title> | هذا الوسم يعني بداية عنوان الصفحة و العنوان ونهاية العنوان |
| </head> | هذا الوسم يعني نهاية رأس الصفحة |
| <body> | هذا الوسم يعني بداية جسم الصفحة "محتوى الصفحة" |
| <p>paragraph</p> | هذا الوسم يعني بداية فقرة ومحتواها ونهايتها |
| </body> | هذا الوسم يعني نهاية محتوى الصفحة |
| </html> | هذا الوسم يعني نهاية صفحة html |
ملاحظات:
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
- الوسم الذي يفتح أولاً يغلق اَخراً مثلا وسم <html> هو اَخر وسم يغلق لأنه يمثل صفحة html كلها وباقي الوسوم ماهي الا جزء من صفحة الاتش تي ام ال "لاحظ ايضا ان العنوان يقع داخل منطقة راس الصفحة لذا يفتح وسمه بعد وسم راس الصفحة ويغلق قبل نهاية وسم راس الصفحة".
- محتويات وسم راس الصفحة لا تظهر كجزء من الصفحة عند عرضها بواسطة المتصفح فقط يظهر العنوان وفي الجزء العلوى لشريط المتصفح.
- يمكن تقسيم جسم الصفحة الي اقسام كثيرة كما تشاء ولكن ستتعرف على هذه الطريقة في الدروس القادمة ان شاء الله.
الدروس:
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
- الدرس الاول: نظره عامة (مقدمة) حول لغة البرمجة html
- الدرس الثالث: تقسيمات صفحة اتش تي ام ال
تعليقات
إرسال تعليق
✋لقد قمت بتجربة مدونتى مؤخرًا؟ ربما يكون لديك بعض الأفكار🤔 عن الطريقة التي نجعل بها من المدونة أكثر متعة وفائده. أبلغنا عن رأيك✍️. فنحن نحب سماع آراء قراء المدونة🤗.👇👇