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

Mahmoud Elnajar

منذ 25 يوم

هنتكلم عن حاجة اسمها ال 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

العلامات

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

  • تجارة "الوهم" بالأقصر.. شراء وابور الجاز القديم بـ 50 ألف جنيه.. وتاجر: شائعة

    تداول رواد مواقع التواصل الاجتماعي "فيس بوك" بالأقصر، منشورات تفيد بشراء وابور الجاز القديم الذي يحمل شعار الأهرام، وماكينات الخياطة القديمة التي تحمل شعار على هيئة أسد، وأيضا شراء عش الوطاويط، بمبالغ مالية تتراوح من 40 إلى 50 ألف جنيه.

  • ماهي الاجاكس (ajax) وكيف كان الويب بدونها

    هل تسألت يوما ما فائدة تقنية الاجاكس او فيما تستخدم او حتى كيف كان الويب قبل ظهورها

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

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

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

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

  • فيديو لطرح أول "سيارة طائرة" في العالم بخصائص مثيرة

    ستُطرح أول "سيارة طائرة" في العالم قريبا بالأسواق، حيث قررت شركة "Terrafugia" الصينية الشروع في بيعها ابتداء من الشهر المقبل.