Full Transcript

·YouTLDR

Learn HTML In Arabic 2021 - #15 - Table

11:49EnglishTranscribed Jul 28, 2026

Open in Studio

0:05

بسم الله الرحمن الرحيم والصلاه والسلام

0:08

على اشرف المرسلين سيدنا محمد النهارده ان

0:11

شاء الله هنتعامل مع واحد من اجمل العناصر

0:14

اللي هيفيدك جدا في حياتك وهو التيبل زمان

0:17

كنا بستخدم التيبل في التصميم يعني الهيدر

0:20

والفوتر والسايق الموقع كانوا بيتحطوا جوه

0:23

تيبل فكان الموقع بيكون بطيء جدا في العصر

0:26

الحديث بطلوا الطريقه دي وبقى الجدول

0:28

بيستخدم بس ل عرض البيانات اجمل وسيله

0:32

تعرض بيها بيانات عندك لو انت عندك بيانات

0:34

في اعمده وصفوف وبيانات كتير هو الجدول

0:38

تقدر تعرض البيانات باكتر من طريقه تانيه

0:40

لكن الجدول هو افضل حاجه تعالوا مع بعض

0:42

على طول كده نخش في الموضوع ونبدا ننشئ

0:45

الجدول بتاعنا وهنا نحط بقى التعليقات

0:48

والحاجات بتاعتنا كلها الجدول بتاعنا

0:51

بتعمله بتاج اسمها تيبل سلاش تيبل وتبدا

0:54

جواها تحط العناصر بتاعتك كلها الجدول

0:57

بتاعنا عامل زي صفحه الويب بتاعتنا ليه ه

1:00

وفوتر وليه الجسم بتاعه او البودي بتاعه

1:04

عندنا ثلاث عناصر نقدر نكون بيهم ترتيب او

1:07

بنيه الجدول بتاعنا التي هيد اللي هي تيبل

1:11

هيد والتي بودي اللي هو التيبل بودي والتي

1:15

فوت اللي هو التيبل فوتر هنشوف مع بعض

1:18

دلوقتي ايه الفرق لو انا استعملت العناصر

1:20

دي او لا لان العناصر دي اختياريه ومش شرط

1:24

تستعملها في بنيه الجدول هنشوف المقارنه

1:26

مع بعض عشان تشوف المناسب ليك نبدا بالتي

1:30

هيد التي هيد عندك الجزء اللي هيكون في

1:33

الهيدر العلوي هنبص مع بعض كده على جدول

1:36

من الجداول الموجوده في جوجل عشان نفهم

1:38

الفكره عندك هنا الجزء العلوي ده اللي فيه

1:40

معلومات عن البيانات اللي في الجدول يعني

1:43

انا من غير الجزء العلوي ده لو عندي رقم

1:46

60 و80 انا مش هعرف الارقام دي بتاعه ايه

1:49

لكن مع وجود المعلومات اللي فوق دي انا

1:51

عارف ان دي الماركس او الدرجات بتاعه

1:53

الشخص عظيم عندي انا جوه الجدول صفوف كتير

1:57

سواء في الهيد او في البودي او في الفوتر

2:00

في صفوف الصف بيتعمل بتاج اسمها تي ار

2:03

التي ار يا جماعه اختصار ل تيبل رو التي

2:07

ار بيكون جواه مجموعه الخلايا اللي قدامك

2:11

ده الثلاثه دول صف الصف ده فيه واح انين ت

2:14

لاث خلايا والثلاث خلايا دول بينشروا

2:17

الاعمده اللي انت شايفها دي طيب هقول له

2:19

تي دي وهكتب فيها رست اللي هو الفيرست نيم

2:24

وهكتب هنا اللاست وهكتب هنا الماركس اللي

2:28

هي مثلا 60 درجه على اللي هي الماركس عفوا

2:31

بالشكل ده طيب عندك نفس الصف ده لما تيجي

2:36

بقى تكتب البيانات نفسها البيانات بتكون

2:38

فين في الهيد لا في البودي اللي هو الجسم

2:41

بتاع الجدول ده اللي بيكون فيه البيانات

2:43

هنعمل فيه تيبل رو وتي دي نفس القصه ونبدا

2:46

نكتب بيانات الناس

2:48

اسامه محمد

2:51

والماركسي ومعلش سامحونا هنكرر الاسم كده

2:55

كذا مره فهتلاقي اسم اسامه قدامكم كده

2:57

كتير اربع مرات كده بقى عندنا جدول بس

2:59

بسيط جدا نفهم منه الفكره فيرست لاست

3:03

ماركس وفي البيانات بتاعتنا كتير جدا

3:06

هتقابل جداول ما فيهاش الفوتر بتاعها مش

3:09

دايما بيحطوا الفوتر هنا مافيش هنا مافيش

3:12

هنا مافيش شايفين مافيش هنا في اهو بعض

3:15

الجداول هتلاقي انه في الفوتر موجود اللي

3:18

هو بيجمع فيه الدرجات مثلا او اي حاجه

3:20

فاحنا هنعمله احنا كمان هكتب هنا تي فوت

3:24

جوه التي فوت هكتب تي ار برضو اللي هي

3:26

التيبل رو وبعدين الخلايا بتاعتي ككتب

3:30

فيها اي كلام مختلف عشان بس اميزها عن

3:33

الجزء الموجود في البودي كده انا عملت

3:36

عناصر الجدول كلها بالشكل ده طيب عظيم جدا

3:40

دلوقتي ايه بقى الحكمه من كتابه البنيه

3:43

السليمه دي اللي هي تي هيد وتي بودي

3:45

والكلام ده لو انت رحت عند التي فود ده

3:48

وخليته اول حاجه في

3:50

الجدول بالشكل ده قبل التي هيد نفسها مع

3:54

وجود البنيا السليمه اللي انت عاملها دي

3:56

اللي هي التي هيد والتي فوت والتي بودي

3:58

الجدول هيترتب بشكل سليم مش يحصل فيه اي

4:00

مشكله يعني هتروح على البنيه بتاعته هنا

4:03

في في الديفلوبر تول دي وتبص على التي فو

4:06

تبص مكانه فين هنا في الكود انا حاطه اول

4:09

حاجه لكن الجدول مرتبه بشكل سليم عشان انت

4:12

استعملت العناصر المناسبه في المكان

4:15

المناسب وسايب لك الفوتر تحت خالص طيب

4:18

عظيم طب لو انا يعني ما استعملت التاج دي

4:21

يعني خليني يسيبك منها يعني هيحصل ايه ولا

4:24

حاجه لا لو انت رحت شلت التي ف دي وسبت بس

4:28

الروز يعني بالشكل بالكل ده

4:31

كده هنا ودي كمان هتلاقيهم كلهم جم تحت

4:36

بعض بدون اي مشكله زي ما انت شايف كده لكن

4:38

ساعتها بقى لو جيت حضرتك خدت الرقم ده او

4:41

ال 1ان تو 3 دول فوق خالص هيجوا فوق خالص

4:43

بقى خلاص لان دلوقتي مافيش حاجه ترتبهم او

4:46

تمشيك بالبنيه السليمه طيب الحمد لله

4:49

وكلام عظيم وجميل ومافيش فيه اي مشكله

4:52

خالص نيجي دلوقتي لعندنا هنا ده التيبل

4:56

التي ار كاتب لك ارو اوف سيل يعني صف من

5:01

الخلايا في الجدول طب التي دي ديتا سيل

5:05

انيبل اللي هي الخليه بتاعه البيانات اللي

5:08

جوه الجدول طيب عظيم يبقى التي دي بتاعتنا

5:11

خلينا نكتب جنبها كده بيبل داتا

5:15

سيل حلو جدا عندنا حاجه ظريفه جدا اسمها

5:19

تي اتش ايه التي اتش وبتعمل ايه هنبص

5:22

عليها من اسمها كده يا شباب تي هيد كاتبلك

5:24

هيدر سيل دي الهيدر سيل عشان لو انت عايز

5:28

تحط وتقول له ان الخليه دي بتاعه الهيد

5:32

يبقى تكتب تي اتش طيب تي اتش دي هقول له

5:36

تيبل هيدر سل طب ما تيجي نعمل تجربه كده

5:40

وناخد الصف ده تحت خالص عشان بس نتاكد من

5:43

حاجه كده ادي الصف تحت خالص مثلا يعني من

5:46

باب التجربه دي تجارب يعني عشوائيه ماحدش

5:48

يعملها بصوا حصل ايه جه تحت خالص ليه عشان

5:51

ما عملناش البنيه بتاعتنا اللي احنا

5:52

اتفقنا عليها بنيه التي هيد والتي بودي

5:54

والتي فوت طيب حد فيكم خد باله من حاجه

5:57

تانيه انه التي اتش ميزه عن العاديين لان

6:01

دي جزء في الهيدر

6:04

فميزته علمها ان شاء الله في سي اس اس

6:06

عشان يخلي الكلام عريض زي ما انت شايف كده

6:09

ومش بس كده وكمان هتلاقي انه بص كده

6:12

الكلمه جايه في النص مثلا

6:15

هنا شايفين الكلمه على الشمال ازاي شايفين

6:18

ماركس فين هتلاقي شويه تميز كده بينهم

6:21

عشان يعرفك بس ان دي عنوان طبيعي ان هو

6:24

يعرفك الكلام ده ده عنوان دلوقتي فلازم

6:27

يكون مميز عن العاديين طيب احنا لسه ما

6:30

دخلناش في السي اس اس في شويه حاجات كده

6:32

نصق بيها الجدول نخليه بالشكل العظيم

6:34

الجميل ده طيب حلو

6:37

جدا طيب هو من غير سي اس اس يعني هو انا

6:40

معرفش انصك خالص في شويه اتربيوت عندك كده

6:43

لكن لا انصح ان انت تستخدمها هنا بوردر 1

6:47

تعال نشوف ك الاتربيوت ده بيعمل ايه بصوا

6:49

عمل ايه عملي بوردرز اللي هي الحواف

6:51

حوالين الخلايا لكن خد بالك من حاجه مهمه

6:54

جدا اليبل بوردر ده الاتربيوت ده ريكيت

6:58

لونه احمر بص بيقول لك يعني ما تستخدمو

7:01

لما نيجي نتعلم سي اس اس هوريك بس حاجه

7:03

انا مش مش عايزك تركز في سي اس اس دلوقتي

7:06

هوريك بس حاجه هنا لو جيت قلت له

7:10

بوردر مثلا ده اللي احنا بنعمله اهو بسي

7:14

اس اس وبدون ما استعمل بوردر اقدر برده

7:18

اعمل البوردر للخلايا بتاعتي وللجد كله

7:20

واقدر اعمل كل حاجه واقدر اخلي الجدول

7:23

بتاعي ده يملى الشاشه شايفين كل الحاجات

7:27

دي يعني بالسي اس اس هتبدع وتعمل كل اللي

7:30

انت عايزه في التيبل بتاعك انا بس بديك

7:32

نظره من المستقبل مش اكتر طيب يعني معنى

7:36

كلامك ان احنا عندنا اتربيوت ممكن تعمل

7:38

شويه حاجات كده ظريفه لكن احنا ما

7:41

بنستعملها عشان بنعمل الكلام ده بالسي اس

7:43

اس بالظبط لو جيت مثلا عملت لك هنا سيل

7:47

بادين مثلا خلينا كده او نقول له مثلا صفر

7:50

هنا هنا تقدر تتحكم في المسافه بين

7:55

الخلايا زي كده تقدر تتحكم في حاجات كتير

7:59

جدا هو مديها لك لكن لا ينصح ان انت

8:01

تستخدمها فانا هعمل لك كده علشان تضمن ان

8:04

انت في يوم من الايام ان شاء الله هتتعامل

8:06

مع الجدول بالسي اس اس طيب عظيم الكلام ده

8:09

عندنا

8:11

دلوقتي واحد

8:13

من التاجز المهمه جدا وهو الكابشن الكابشن

8:17

هو عباره عن تايتل للجدول خلينا نقول

8:21

الناس اللي بتصور عارفين الناس اللي بتصور

8:23

بيفضل يعمل شويه صور كده يصورها ويكتب لك

8:26

الكابشن حط الكابشن بتاعك حط تعليقك مثلا

8:29

على الصوره الكابشن هو خلينا نقول التايتل

8:32

بتاع الجدول هنا مثلا ستيودنت

8:36

ماركس الكابشن ده نفس القصه بتقدر تنسك

8:40

بعدين بالسي اس اس وبتعمل فيه اللي انت

8:41

عايزه بيظهر في المكان ده وده يعبر عن

8:44

التايتل بتاع الجدول لو عندك جدول تاني زي

8:47

ده وتقريبا في نفس البيانات دي بس عن شهر

8:50

تاني هتعرف الفرق هتعرف الشخص الفرق بينهم

8:53

ازاي هتكتب في الكابشن ان ده عن شهر كذا

8:57

والتاني عن شهر كذا خد بالك ما فيش مكان

9:00

هنا في الجدول تكتب فيه معلومه تقول لي

9:03

ازاي يعني ما فيش مكان يعني عندك هنا

9:05

فيرست نيم ولاست نيم وماركس فين هنا اقدر

9:09

اكتب انه ده عن شهر كذا ده انت كده عايز

9:12

في كل جدول تحط اعمده تفضل تكتب فيها

9:15

الكلام ده او تحط هيدين قبل الجدول بس برض

9:17

الهيدين ده ما بقاش تبع الجدول فالكابات

9:20

ينفعك في القصه دي طيب عظيم وكلام تمام ما

9:24

فيهوش اي مشكله خالص وفاضل لنا بس حاجه

9:27

اخيره قبل ما نقفل في دروس الجدول وهو

9:31

الميرج لو انت عندك جدول وشغال على برنامج

9:34

زي الوورد وفي شويه خلايا زي دول 1 2 3

9:38

وهنا انت عندك 1 2 3 ثلاث خلايا برده هرجع

9:43

لك البوردر كده معلش يا صديقي علشان اوريك

9:45

اللي بيحصل وبعد كده هنلغي ان شاء الله

9:47

احنا قلنا مش هنشتغل عليه خالص دلوقتي

9:50

عندك هنا عايز انت في الاثنين دول تدمج

9:53

وتسيب ده يكون فيه التوتال بتاعه الماركس

9:56

يعني

9:57

هتدمع وتكتب جواهم اي كلمه وليكن مثلا

10:01

التوتال او الريز اي حاجه طيب الموضوع

10:04

بسيط وهايف وسهل جدا انت هتكتب هنا

10:07

التوتال ماركس اللي هو مثلا 500 اي كلام

10:09

فاضي طبعا مش شرط يكون العدد ده خلينا

10:11

عشان الناس ما تزعلش 160 عشان نبقى ايه

10:14

حسبنا صح 160 عايز اكتب بقى بدال دول

10:18

توتال حلو هاجي عند دي هكتب فيها توتال

10:21

اهو عظيم ودي فاضيه كده تمام كده تمام بس

10:25

الله في لسه في خليه عايز ادمج دول مع بعض

10:30

هتيجي حضرتك عشان تدمج خليتين زي كده احذف

10:33

واحده منهم مش هم اتنين اه عايز تدمج اه

10:36

احذف واحده منهم وتعال عند الثانيه قول له

10:39

كل سبان بيساوي انين يعني انا دمجت خليتين

10:43

دلوقتي مع بعض يعني الخليه دي هتاخد هتاخد

10:46

مكان خليتين جنب بعض اهو تمام كده توتال

10:51

160 هيجي واحد يقول لي بص انا عايز ادمج

10:54

الثلاثه والرقم 160 ده يبقى مكتوب زي ما

10:57

هو وخلص الموضوع ما فيش توتال دي ولا حاجه

10:59

بسيطه انت عايز تدمن ككم خليه ثلاثه

11:02

الغيهم ادي اول واحده اللي فوق لغيتها ودي

11:04

لغيتها وهكتب له هنا كول سبان 3 وهنا هكتب

11:09

ال 160 اللي كنا كاتبينها واقول له اتفضل

11:11

دمجت الثلاثه مع بعض والحمد لله بدون اي

11:14

مشكله عندنا حاجه ظريفه ممكن تراجع عليها

11:18

اسمها كل يعني زي الكول سبان كده بتدمج

11:21

بيها الاعمده مش عايز ادخل لكم في امثله

11:23

معقده عشان تتعلموا الجدول وتتقن باذن

11:26

الله بعد كده هتقدر تكمل ان شاء الله مع

11:29

معلوماتك وهتلاقي في حاجات ابسط كمان من

11:32

اللي انا قلتها دي كتير باذن الله كده يا

11:34

جماعه الحمد لله خلصنا اساسيات الجدول

11:36

وتقدر تعمل جدول ظريف وتحط فيه عناصر

11:39

وتعمل فيه اللي انت عايزه باذن الله يا رب

11:41

يا جماعه يكون الدرس بسيط وسهل وعجبكم

11:43

اشوفكم ان شاء الله مع درس جديد والسلام

11:45

عليكم

More transcripts

Explore other videos transcribed with YouTLDR.

Get the TLDR of any YouTube video

Transcribe, summarize, and repurpose videos in 125+ languages — free, no signup required.

Try YouTLDR Free