سلسلة تعليم الاتش تي ام ال html 2

مراجعة على الاوامر في السلسلة السابقة

الكود:: <html>لتحديد بداية ملف النت
<body>لتحديد بداية هيكل الصفحة
<h1>to<h6>عناوين الفقرات
<p>الفقرات
<img scr=".........">لوضع صورة
<a href="...........">لوضع رابط
<br />للنزول بسطر
<hr />لوضع خط افقي في كل الصفحة
<b>خط غامق
<big>كبير
<small>صغير
<i>مائل
<em>مائل
<strong>قوي
<sub>لجعل الخط متجه للأعلى
<sup>متحه للأسفل
<!-->لإضافة ملاحظة

الدرس الاول
____<(Y_Y)>_____
اليوم سنتعلم اضافة لحقتين للنص لجعل في وسطه خط (مشطوب) او لجعل اسفله خط

الكود:: <h1> <del> text </del> </h1>

لنضع هذا الامر قبل نص او كلمة لشبه مثل
~~هكذا~~
اما اللاحقة الثانية فهي :

الكود:: <h1> <ins> text </ins> </h1>

هكذا

اليوم رح نتعلم كيف نعمل الالوان و الخطوط و كل هالاشياء
بشان نعمل ستايل للباك غراوند او الخلفية منحط

الكود:: <body style="background-color:red"> و نحنا عم نكتب امر البادي منحط ستيل يساوي شخطين من فوق باك غراوند كولور نقطين منحط اللون يلي بدنا ياه بعدها كمان شخطين من فوق هون انا حاطط رد يعني احمر بس لاحظ طريقة كتابة الكود تماما ما مننسى ال ""

طيب هاي للباك غراوند لكل الصفحة طب بركي انا بدي حط لون للباك غراوند تبع النص

الكود:: <h1 style="background-color:red"> هون اول بداية امر الفقرة او امر عنوان الفقرة منحط

و هاد رابط للأمثلة بشان ما تلاقوها صعبة
غير يلي بدك ياه عاليسار بعدها اكبس الكبسة يلي فوق و شوف النتيجة عاليمين

الكود:: <h1 style="background-color:red;font-size: 50px;font-family:Arial;color:blue;"
هون رح نحط اوامر مختلفة للستايل

اول الشي منلاحظ انو منفصل بين الاوامر بالفاصلة المنقوطة ; و معنى الاوامر

الكود:: font-size معناها حجم الخط و يقاس بالبكسل px

الكود:: font-family عائلة الخط او نوعو

انواع الخطوط::::
Arial

Arial black
Comic Sans Ms
Courier New
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana

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

الكود:: color لون الخط بس تأكد انو لون الخط ما متل لون الخلفية بشان يبين

منفصل بين الوامر بالفاصلة المنقوطة و حتى اخر امر من حط بعدو فاصلة منقوطة
و هاد رابط الامثلة
الرابط

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

الكود:: <h1 style="text-align:center"> هون منحط اتجاه النص منحط

center وسط
left يسار
right يمين
مثااال

سلسلة تعليم الاتش تي ام ال html 2 129611

مرحبا جميـــــــــــــــــــعا هذا انشالله رح يكون اخر درس بالسلسة الثانية

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

سطر 1, عمود 1	سطر 1, عمود 2
سطر 2, عمود 1	سطر 2, عمود 2

هاي بصراحة بدها شوية تركيز
اول الشي بدنا نحط بداية كود الجدول و يلي هو تابل
table

الكود:: <tabel>

الطريقة انو تحط سطر واحد و جواتو عدد العواميد
رمز السطر
tr
رمز العمود
td
مثاال

الكود:: <table border="1">
<tr>
<td>كيلو غرام</td>
<td>غرام</td>
</tr>
<tr>
<td>كيلو متر</td>
<td>متر</td>
</tr>
</table>

هالحكي كلو رح يصير معنا هيك
طبعا الرمز border
بعد table
يعني غلظ و سماكة حرف الجدول
بين الرمز tr
رح يكون السطر و رح تكتب فيه كل شي
td يعني العمود
اذا بدكن تفهموها جد روحو على هالرابط
رابط لكل اشكال الجداول حاول التركيز بينهما
رابط ليعلمك استخدام الامر border
منلاحظ بهل صفحتين الاكواد موجودة عاليسار
و الجداول عاليمين
اذا بدك تجرب
عدل على الاكواد عاليسار
واضغط الزر
Edit and click me!

كيلو غرام	غرام
كيلو متر	متر

THANK YOU MEMO

مشكوووووووووووووووووووور

» اهداااء الى عمر: هل تريد تعلم لغات تصميم المواقع؟؟تعلم الاتش تي ام ال html
» لوضع صورة في اللوحة الرئيسية للمنتدى بلغة الاتش تي ام ال
» كود html اختر لونك المفضل - يوضع في البوابة
» سلسلة دروس السيو مع البيج رانك
» كود هتمل html لفتح نافذة منبثقة (اجبارية) في اي مكان تضعه به ويعمل مع المنتديات المجانية...

سلسلة تعليم الاتش تي ام ال html 2

سلسلة تعليم الاتش تي ام ال html 2

مواضيع مماثلة

مواضيع مماثلة