DeletedUser
Guest
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم ننتقل الى الدرس الثاني من لغة ال HTML وهو درس طويل شوي.
قبل المواصلة في قرائة الموضوع هذا, اذا لم ترى وتفهم الدرس السابق فأنا انصحك وبقوة ان تذهب وتراه
[دورة برمجة السكربتات]: Html (الدرس الاول)
اليوم سنتعرف على تاغات جديدة في لغة الاتش تي ام ال.
عنوان موضوع, خط كبير | <h1></h1> |
عنوان موضوع, خط كبير لكن اصغر من <h1> | <h2></h2> |
عنوان موضوع, خط متوسط | <h3></h3> |
عنوان موضوع, خط اصغر من <h3> | <h4></h4> |
عنوان موضوع, اصغر من <h4> | <h5></h5> |
عنوان موضوع, اصغر خط | <h6></h6> |
كتابة عادية | <p></p> |
رابط لصفحة ثانية | <a></a> |
صورة | <img /> |
سطر جديد | <br> |
الحين نأتي للشرح:-
طبعا مثل ما تلاحظ من فوق, <h1> لين <h6> كلها عناوين لفقرات لكن يختلف فيها حجم الخط, اكبر خط <h1> واصغر خط <h6>
الحين خلينا نشوف فرق الحجم من خلال الكود التالي:
PHP:
<html>
<head>
<title></title>
</head>
<body>
<h1>هنا اكبر خط<h1/>
<h2>اصغر منه بشوي<h2/>
<h3> اصغر من اللي قبله<h3/>
<h4> اصغر من اللي قبله بشوي<h4/>
<h5> تقريبا اصغر خط<h5/>
<h6> اصغر خط<h6/>
</body>
</html>
صورة:
[SPOIL] [/SPOIL]
الحين ان شاء الله فهمنا الي فوق ^ طبعا مثل ما قلنا سابقا جميع شغلنا نضعه في تاغ ال <body>
الحين نشرح الي بعده.
PHP:
<p></p>
وطبعا هذي مثل نص عادي بالضبط, مافيه شي مميز ابدا, الا انه لما نتقدم في البرمجة المتصفح مابيقبل اي كلام بدون تصنيف
بين تاغات , يعني لازم يكون بين <p> او <h>
الحين نضيفه عشان نشوف فارق الخط.
كود:
<html>
<head>
<title></title>
</head>
<body>
<h1>هنا اكبر خط<h1/>
<h2>اصغر منه بشوي<h2/>
<h3> اصغر من اللي قبله<h3/>
<h4> اصغر من اللي قبله بشوي<h4/>
<h5> تقريبا اصغر خط<h5/>
<h6> اصغر خط<h6/>
<p>هذا نص عادي</p>
</body>
</html>
صورة:
[SPOIL] [/SPOIL]
عند كتابة نص طويل, اذا كنت تريد التنقل الى السطر التالي, فيجب عليك اضافة تاغ <br> لان المتصفح يتجاهل المسافات
في الكود في الصفحة.
طيب الان ننتقل الى الخطوة التالية, الروابط.
مثل ما تشوفو في اغلب الصفحات والسكربتات , المبرمج يحط اسمه مثلا ولما تدوس اسمه ينقلك لصفحته, الشي هذا
يتم عن طريق تاغ ال:
PHP:
<a></a>
نحلل الكود هذا ونحط فيه الخصائص:
PHP:
<a href='1' target='2'>3</a>
مكان الرقم 1 نضع رابط الصفحة المطلوب التحويل عليها.
مكان الرقم 2 نضع مكان الفتح:
استبدال التاب الحالي:
كود:
_self
تاب جديد:
كود:
_blank
بعدين مكان الرقم 3 نضع الاسم الذي يظهر في المتصفح للضغط عليه.
يعني مثلا نريد الكود يحول لصفحتي في المنتدى في تاب جديد بنسويه زي كذا:
PHP:
<a href='https://forum.tribalwars.ae/member.php?39112-*Mr-K-a-R-i-M-*' target='_blank'>Mr.K a R i M.</a>
ونضع الرابط في الكود مع ال <body> ونجربه
وبعد ان تعلمنا الروابط, نضع الصور
PHP:
< img src='رابط الصورة المباشر من احد مواقع الرفع هنا' />
نضيف صورة للكود:
PHP:
<html>
<head>
<title></title>
</head>
<body>
<img src='http://store1.up-00.com/2016-03/14572431568891.jpg' />
<h1>هنا اكبر خط<h1/>
<h2>اصغر منه بشوي<h2/>
<h3> اصغر من اللي قبله<h3/>
<h4> اصغر من اللي قبله بشوي<h4/>
<h5> تقريبا اصغر خط<h5/>
<h6> اصغر خط<h6/>
<p>هذا نص عادي</p>
</body>
</html>
</body>
</html>
[SPOIL] [/SPOIL]
الى هنا نصل الى ختام ثاني درس في الدورة.
- للتطبيق والمشاركة -
يجب على كل مشارك ان ينشأ صفحة جديدة, ويبدع فيها.
الصفحة يجب ان تكون عبارة عن, عناوين مختلفة بأسماء عوالم لعبها ومن ثم فقرة نص عادية يكتب فيها نبذة عادية
عن العالم, ويستحسن استعمال السطور الجديدة فيها . ويجب ارفاق بعد الصور وراوابط للعوالم.
يرجى مشاركة صورة للصفحة + الكود المستعمل في المشاركات.
ملاحظة : ارجو من اصحاب الخبرات عدم المشاركة بأكثر من المطلوب لمراعاة معنويات الناس اللي بدون خبرة.
اختم بمقولة ابو رهف, لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة الموقع الشهير يوتيوب للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َوقمُ بتطويرُ خبرتكُ
نقبل الاسئلة في التعاليق + سكايب: live:6kr
[ .. النهاية .. ]