اليوم الثالث من #100DaysOfCode 🤩
اليوم راح نتعرف على ال body element وأيش يسوي وبعض العناصر التي تكتب داخله وأيش هي وظائفهم 🧐
ثريد 🔥🧵
اليوم راح نتعرف على ال body element وأيش يسوي وبعض العناصر التي تكتب داخله وأيش هي وظائفهم 🧐
ثريد 🔥🧵
وش هو ال body في HTML 🤔
يعجبنا اسميه حاوية محتوى 🙂 لأنه يحتوى على جميع العناصر المرئية إللي تشوفها في صفحة الويب.. وهذي العناصر تكون محتوى الصفحة.
يعجبنا اسميه حاوية محتوى 🙂 لأنه يحتوى على جميع العناصر المرئية إللي تشوفها في صفحة الويب.. وهذي العناصر تكون محتوى الصفحة.
طيب أيش هي هذي العناصر إللي تعيش في ال body element 🧐
عناصر كثيرررررر ، بس راح أذكر أبرزها..
ومن هذي العناصر:
- p ▶️ paragraph
- a ▶️ anchor
- ul ▶️ unordered list
- ol ▶️ ordered list
- img ▶️ image
عناصر كثيرررررر ، بس راح أذكر أبرزها..
ومن هذي العناصر:
- p ▶️ paragraph
- a ▶️ anchor
- ul ▶️ unordered list
- ol ▶️ ordered list
- img ▶️ image
ال p element وهي اختصار ل paragraph
وتحتوي على paragraph 🙂 يعني مجموعة جمل بالعربي أو قطعة أو مدري أيش تسموها 🤣
وتحتوي على paragraph 🙂 يعني مجموعة جمل بالعربي أو قطعة أو مدري أيش تسموها 🤣
وبعده معانا ال a وإللي هو العنصر إللي بتحتاجه عشان تعمل روابط في صفحة الويب 🌐
ال ul 💫
أكيد قد شفت قائمة زي كذا:
- Apple
- Banana
- Orange
وهذي قائمة غير مرتبة ونعملها بال ul element وبنحتاج شيء اسمه li element إللي هو اختصار List item
أكيد قد شفت قائمة زي كذا:
- Apple
- Banana
- Orange
وهذي قائمة غير مرتبة ونعملها بال ul element وبنحتاج شيء اسمه li element إللي هو اختصار List item
لما نكتب القائمة هذي بال HTML بيكون شكلها هكذا:
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ul>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ul>
طيب عرفنا كيف نكتب قائمة غير مرتبة 😍
لكن كيف نكتب قائمة مرتبة 🤔
هنا يجي دور ال ol element وإللي هو اختصار ل ordered list، كل ما عليك إنه تستبدل ال ul بال ol:
<ol>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ol>
لكن كيف نكتب قائمة مرتبة 🤔
هنا يجي دور ال ol element وإللي هو اختصار ل ordered list، كل ما عليك إنه تستبدل ال ul بال ol:
<ol>
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ol>
وبتظهر القائمة في صفحة الويب كذا :
1- Apple
2- Banana
3- Orange
بالترتيب 🙂
1- Apple
2- Banana
3- Orange
بالترتيب 🙂
س: طيب تشتي تحط صورة في الموقع 🤔
ج: أيوه 🤩، بس كيف 🧐
ال img element هو إللي بيعرض لك الصور، يكون شكله زي كذا:
<img src="مكان الصورة">
ج: أيوه 🤩، بس كيف 🧐
ال img element هو إللي بيعرض لك الصور، يكون شكله زي كذا:
<img src="مكان الصورة">
أخذنا حاجات كثير اليوم 😃
عندكم أسئلة ونقاشات 🧐
Let's talk 🤩👇
عندكم أسئلة ونقاشات 🧐
Let's talk 🤩👇
جاري تحميل الاقتراحات...