هنتكلم عن حاجة اسمها ال heading و دي موجودة في html وبرامج زي الاوفس

Mahmoud Elnajar

منذ يومان

هنتكلم عن حاجة اسمها ال heading و دي موجودة في html وبرامج زي الاوفس

السلام عليكم 
النهاردة ان شاء الله هنتكلم عن حاجة اسمها ال heading و دي موجودة في برامج كتيـر زي الاوفيس
و دي ليها استخدام مهم.. 
>>لازم نستخدمها بطريقة صح و ليها حاجات مينفعش استخدمها فيها  
زي مثلًا لو هكتب مقال او حاجة زي كـدا 
<h1>Article title</h1>
<p style=“color:red”>This is article.....................……..........</p>
و عشان نربط البوست اللي فات و تبدأ نجمل شكل صفحتنا استخدمنا خاصية الاستايل style attribute  و عملنا ان لون الكلام يكون احمر 
زي ما موجود في صفحة رقم (١)..عند تاج ال h1 و p 
و نشوف هتظهر ازاي في الصفحة بتاعتنا  زي ما موجود في صورة رقم (٢)...
>>ال h1 ده اكبر انواع ال heading يعني اكبر عناوين 
و احنا عندنا h2 و h3 و h4 و h5 و h6 
يعني من h1 لحد h6
h1 اكبر حاجة 
و بعده h2 
و بعده h3 
و هكذا ..
و طبعًا كل تاج ليه حجم خطه زي ما موضحين في صورة رقم واحد عند اسم كل تاج منهم و عملنا لكل واحد لون عشان نميزه اكتر
———
هنكمل كتابتنااا بالشكل ده 
<h2 style="color: green">This is h2</h2>
        <h3 style="color: blue">This is h3</h3>
        <h4 style="color: yellowgreen">This is h4</h4>
        <h5 style="color:brown">This is h5</h5>
        <h6 style="color: green">This is h6</h6>
زي ما واضح كـدا في صورة رقم (٣)..
——————-
طبعًا بالشكل ده احنا نقدر نقسم صفحتنا بالمهم في الأهم في الأهم يعني عنوان كبير و تحته عنوان اصغر ..
———-
حاجة بقى مهمة بنستفدها من الheading ..محركات البحث بتستفيد منه انها تقدر تحدد محتوى موقعك يعني ال structur الخاص بموقعك .. و بتفيدك بصداقة محركات البحث و لو استخدمت ال heading بطريقة غلط مش هينفعك خالص في الموقع مش هينفعك ولا في التكوين ولا في انك تكون صداقة مع محركات البحث..
طب امتى بقى مستخدمش الheading
مستخدمهاش لما أكون عاوز اكبر كلمة جوا تاج ..لانه تلقائي هيفصلها ..و 
هتفهم ده كويس لما ناخد css
———————-
و كـدا خلصنا بقى كلامنا عن ال heading و هنشرح حاجة بسيطة جـدًا و هي الجداول ودي من أهم المواضيع  في HTML عشان احنا بيها نقدر نرتب الصفحة و ننظمها كويس جـدًا  لو فيها على معلومات كتيرة  وتعتبر الجداول مهمة جدا في أي موقع فأغلب المواقع  جواها جداول و إضافة وسوم (tags)الخاصة بالجداول سهلة   و هنشرحها بالتفصيل ..عشان الموضوع ميكنش صعب عليك

تاج: تعريف الجدول يعني عشان نقول لصفحتنا ان ده جدول يعني من غيره الصفحة مش هتفهم انه جدول و مش هتفهم اي عنصر من عناصره و ده بنفتحه في بداية الجدول و بنقفله في نهايته
<table></table>
تاج: تعريف الصف في الجدول  و زي ما قولنا هيكون جوا تاج ال table
<tr></tr>
تاج:تعريف العمود للصف الواحد في الجدول..يعني بيكون جوا تاج الtr الواحد 
<td></td>
و حطينا خاصية الاستايل بردو ان يكون لكل صف لون خلفية مختلف عشان نشوف الفرق بشكل احسن
بالشكل ده حاجة بسيطة زي ما موجود في صورة رقم(٤)..
<table>
            <tr style="background-color: red">
                <td>flex web</td>
                <td>flex web..</td>
                <td>flex web..</td>
            </tr>
            <tr style="background-color: yellow">
                <td>flex web</td>
                <td>flex web..</td>
                <td>flex web..</td>
            </tr>
            <tr style="background-color: green">
                <td>flex web</td>
                <td>flex web..</td>
                <td>flex web..</td>
            </tr>
        </table>
و هيظهرلنا في المتصفح زي صورة رقم (٥)...
———-
ان شاء الله تكونوا استفادتوا و فهمتوا و طبعًا ممكن تجربوا خصائص استايل كتير عشان تجملوا الشكل
By 
#Alaa_Elkssas
 #flex_web
#HTML #html_4

العلامات

احدث المواضيع

  • تحقيقات شبكة تبادل الزوجات بعين شمس تكشف

    المتهم صور زوجته فى أوضاع مخلة وأرسلها لراغبى المتعة عبر "الواتس آب".. المتهمة تعترف: زوجى أقام حفلات جنسية فى الشقة..و"قاللى أشعر بإثارة وانتى فى حضن راجل تانى"

  • كيفية عمل معاينة للصور قبل الرفع js

    في موضوعنا النهارده هتعلم ازاي نعمل معاينة بسيطة للصورة او عرض للصور في لغة الجافاسكربت

  • ما المتوقع و المسرب عن هاتفي هواوي mate 20 و mate 20 pro

    أعلنت شركة هواوي عزمها إطلاق هاتف جديدة في الأيام القادمة وهو التي أحدث ضجة مُنذ أن تم الحديث عن إصداره في القريب العاجل في سوق الهواتف الذكية وهو هاتف mate 20 و الإصدار الثاني mate 20 pro حسب ما جاءت به الأخبار، ويُعتبر هذا الهاتف بنُسختيه هاتف من الفئة العالية، ومن المُنتظر أن يُنافس على مُستوى كبير في سوق الهواتف الذكية، وسنرصد فيما يلى في هذا المقال ما جاء عن هاتف mate 20 pro والنُسخة الثانية mate 20.

  • اغني اغنياء العالم تنخفض ثروته 9.1 مليار دولار في يوم واحد

    انخفضت ثروة مؤسس امازون (جيف بيزوس) يوم الاربعاء 9.1 مليار دولار بسبب تراجع كبير في اسهم شركته  بعدما سجلت أكبر انخفاض في أكثر من عامين.

  • هل الأرض كروية أم مسطحة كيف نبحث عن الحقيقة ونتأكد من صحة الأمر ؟

    كروية أم مسطحة برز مؤخرا عدد من التجمعات العالمية التي تدّعي أن الأرض مسطحة ، وتخالف ما كان مشهورا لفترة طويلة من كونها كروية ، وقدمت هذه التجمعات آراءً مختلفة تحاول تفسير السفر عبر العالم وحركة الليل والنهار وغيرها من الظواهر باستخدام أطروحتهم الجديدة، التي هي في الحقيقة قديمة جدًا لكنهم يعيدون إحياءها، ورسموا خريطة للعالم مختلفة عن الخريطة الكروية المعروفة، تظهر فيها الأرض كقرص دائري؛ قلبه اليابسة التي تحيط بها المحيطات، ويحدهما الجليد.