الأحد، 22 سبتمبر 2019

الدرس التاسع من دروس HTML

السلام عليكم
الدرس التاسع من دروس html
<div> tag
وقبل لما اتكلم على استخدامات تاج div هنتكلم على مقدمة بسيطة توضح استخداماتة .

فى الحقيقة واحنا بنصمم صفحتنا باستخدام html نجد ان  الصفحة تحتوى على اغلب عناصر html التى تم شرحها من
 links , imagess , heading , pragraphs ....
طيب هذة العناصر احنا مش بنكتبها كدا مباشرة عنصر يلية عنصر اخر  .
لا احنا فى الغالب بنحتاج اننا نقسم صفحتنا الى مجموعة من الاقسام او section وكل قسم يحتوى على مجموعة عناصر html الخاصة به .

والسؤال ماهو العنصر الا نقدر نستخدمة فى تقسيم صفحتنا ؟
الحل هنا بيكون باستخدام تاج div
تاج <div> هو اختصار division بمعنى قسم او جزء او مقطع.
كما ان تاج div يستخدم كمحتوى لمجموعة من عناصر html .
وهو من تاجات block element وبالتالى فهو يظهر فى المتصفح على شكل صندوق او box وبداخلة يظهر محتوياته من عناصر html .

انا عرضت مثال بسيط بيوضح تصميم او layout لصفحة مكونة فقط من ثلاثة اقسام .
وكيفية استخدام تاج div فى تقسيم التصميم .

html - html5 - html editor - html color codes - html table - html tags - html colors - html button - html color picker - html code - html tutorial - html comment
تعلم لغة البرمجة c++ - لغة البرمجة - تحميل برنامج لغة البرمجة - تعريف لغة البرمجة - بحث عن لغة البرمجة - شرح لغة باسكال - تعلم لغة البرمجة للمبتدئين - شرح لغة البرمجة c++ - تعليم لغة البرمجة - تعلم لغة البرمجة -
html - html and css - html and css design and build - websites - html5 - html for dummies 2019 - html css and javascript - html cheat sheet - html to display port - html for babies


***********************


***********************

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً