Mohammed Bisher ♣︎ Profile picture
Oct 20, 2021 5 tweets 2 min read Read on X
هل انت مبتدء في عالم برمجة مواقع الويب
تابع معي في هذا الثريد اهم عناصر HTML5 للعناصر الانشائية لهيكلة الصفحة
رتويت ومتابعة ليصلك اي جديد

<article>تعرف مقال في الوثيقة
<aside>عرف المحتوى بجانب صفحة المحتوى
<bdi>تعرف جزء من النص التي يمكن تنسيقها في اتجاه مختلف عن نص آخر
<details>تعرف التفاصيل الإضافية التي يمكن للمستخدم عرض أو إخفاء
<dialog>تعرف مربع حوار أو نافذة
<figcaption>تعرف توضيحية ل 
<figure> العنصر<figure>يعرف محتوى بذاتها، مثل الرسوم التوضيحية والرسوم البيانية والصور وقوائم الرموز، الخ
<footer>تعرف تذييل للمستند
<header>يحدد رأس للمستند اوقسم
<main>
يحدد المحتوى الرئيسي من وثيقة
<mark>
وتعرف ملحوظ أو تسليط الضوء النص
<menuitem>
 يحدد عنصر الأمر / القائمة التي يمكن للمستخدم الاحتجاج من القائمة المنبثقة
<meter>
يعرف قياس العددية ضمن نطاق المعروف
(a gauge)<nav>
تعرف ارتباطات التنقل في وثيقة
<progress>
يحدد سير مهمة<rp>يحدد ما لإظهارها في المتصفحات التي لا تدعم ruby
 
<rt>
يعرف تفسيرا / نطق الحروف (للطباعة شرق آسيا)
<ruby>
يعرف ruby الشرح (for East Asian typography)
<section>
يعرف قسم في وثيقة
<summary>
يعرف عنوان واضح
ل <details>
 العنصر<time>يحدد وقت / زمن
<wbr>
تعرف محتمل خط فاصل

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Mohammed Bisher ♣︎

Mohammed Bisher ♣︎ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MohBisher

Jan 30, 2022
5 تطبيقات مهمة تسهل عليك تعلم البرمجة :

1_ Enki
🔸يوفر لك التطبيق تمارين يومية تساعدك على تحسين مهاراتك، ويدعم جميع المستويات بما في ذلك المبتدئين والمبرمجين الأكثر خبرة.
🌐 رابط التطبيق :
play.google.com/store/apps/det…
/apdetail Image
2_ Grasshopper
🔸يعتمد التطبيق على رسوم متحركة تفاعلية تُمكّن أي شخص من فهم لغة البرمجة ببساطة، من خلال الإجابة على أسئلة المسابقات وحل الألغاز.
🌐 رابط التطبيق :
play.google.com/store/apps/det…
3_ SoloLearn
🔸يحتوي التطبيق على أكبر مجموعة من المحتوى المجاني المتخصص في تعليم البرمجة، كما يدعم أكبر عدد من لغات البرمجة بما في ذلك : C، و++C، وJava، وJavaScript، وPHP، وPython، وRuby، وSwift وغيرها.
🌐 رابط التطبيق :
play.google.com/store/apps/det…
Read 5 tweets
Nov 3, 2021
اسمحوا لي في هذا الرتيوت اكتب لكم اهم الاختصارات واسرار لوحة المفاتيح:
Shift + E : الضمة
Shift + X : السكون
Shift + Q : الفتحة
Shift + A : الكسرة
ذ + Shift : الشدة
Shift + Z : المدة
Shift + W : تنوين فتح
Shift + S : تنوين كسرة
Shift + R : تنوين ضم
Shift + T : لإ
Shift + G : لأ
Shift + Y : إ
Shift + H : أ
Shift + N : آ
Shift + B : لآ
Shift + V : {
Shift + C : }
Shift + F : ]
Shift + D : [
Shift + J : تمديد الحرف
Ctrl + C : نسخ
Ctrl + X : قص
Ctrl + V : لصق
Ctrl + Z : تراجع
Ctrl + A : تعليم الملف
Shift + U : فاصلة معكوسة
Ctrl + ESC : قائمة المهام
Ctrl + Enter : ابتداء صفحة جديدة
Ctrl + Shift : لغة عربية ( يمين )
Ctrl + Shift : لغة إنجليزية ( يسار )
Ctrl + 1 : مسافة مفردة
Ctrl + 5 : مسافة سطر ونصف
Ctrl + 2 : مسافة مزدوجة
Ctrl + G : الانتقال إلى صفحة
Ctrl + END : الانتقال إلى نهاية الملف
Read 16 tweets
Nov 1, 2021
تابع ثريد الكنز المجهول فى Google !

- كلنا نستخدم google بشكل يومي و نبحث عن اشياء احنه محتاجينها بس معظمنا مايعرف قوقل مليان أسرار بالبحث ..

- شوية أسرار بسيطه نكتبها واحنا نبحث راح نوصل للمحتاجينه بكل بساطه . Image
1- السر الأول (+)
نستخدم + لما نحتاج ندور على شغلتين مع بعض
- مثال :
Computer+internet
eat + drink

2- السر الثاني (-)
نستخدم - لما نحتاج ندور على كلمه معينه مرتبطه بكلمه ثانيه بس احنا محتاجين الكلمه الاولى فقط .
- مثال :
Green - burger
بهذه الحالة راح يدور على green بس ، ومايظهر اى شي عن burger

3- السر الثالت ( " " )
نستخدم " " لما نحتاج ندور فى المواقع على جمله مترتبة
- مثال
" i use facebook "
بهذه الحاله راح يبحث على كل المواقع الى بيها الجملة هذه حسب الكلام بالضبط
Read 8 tweets
Oct 20, 2021
هل عندك صعوبة في التفريق بين
ال margin و padding
تابع معي في هذا الثريد ماهو معنى padding وماهو معنى margin

قبل فهم الMargin و الPadding يجب عليك فهم فكرة رئيسية في Css وهي الBox Model
الBox Model يظهر في الصورة اسفل حيث يكون لدينا محتوى يعلوه Padding ثم Border ثم Margin
ولان الموضوغ فقط على ال Margin و الPadding سوف أشرح الامر كالتالي :

Margin : 
يقصد به الهوامش الخارجية اي بمعنى خارج العنصر
Padding :
 يعتبر كذلك من العناصر الهامة جدا في Css والمقصود به هو العناصر الداخلية او الهوامش الداخلية لعنصر ما
الفرق بين Margin و Padding : يمكن اختزال
الفرق في مثال بسيط وهو مثال الفيلا , هناك مثلا رجل اعمال اراد بناء فيلا في منطقة , واراد ان يوسع الفيلا من الخارج بمعنى ان بوسع مساحة الفيلا من الخارج لاضافة وسائل الترفيه كالمسبح الخ… حينئذ سوف يستعين بالMargin لكي يوسع الفيلا من الخارج , لكنه هو في داخل منزله وجد
Read 4 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(