![]() |
درس دورة html : الدرس الثاني - html و الأسطر السلام عليكم و رحمة الله في هذا الدرس بإذن الله سنتعرف على خاصية من خاصيات الإتش تي إم إل و هي كيفية تعاملها مع الأسطر . سنبدأ الدرس على بركة الله : 1.نقوم بإنشاء ملف إتش تي إم إل جديد : http://2.bp.blogspot.com/_Fe9i0gFwIb...W0/s320/13.jpg 2.نكتب الكود التالي : http://2.bp.blogspot.com/_Fe9i0gFwIb...8Q/s320/14.jpg نكتب كود بنية صفحة الإتش تي إم إل (الذي درسناه في الدرس السابق), ثم نترك سطرين فارغين و نكتب عبارة "Welcome" ثم نترك سطرين آخرين و نكتب "this is my page html" (ملاحظة : هاتين العبارتين للتوضيح فقط , يمكنك كتابة أي شيء تريده) . 3.تم نقوم بحفظ الملف : http://1.bp.blogspot.com/_Fe9i0gFwIb...lE/s320/15.jpg 5.ثم نفتح الملف للمعاينة : http://3.bp.blogspot.com/_Fe9i0gFwIb...ak/s320/16.jpg ???? لقد ظهرت الكتابة في سطر واحد , رغم أننا تركنا سطرين فارغين في المحرر ... ???? هذه ميزة من ميزات الإتش تي إم إل , هذه اللغة تتجاهل السطور و المساحات الفارغة , فمثلا لو تركنا 100 مساحة فارغة أو أكثر بين حرفين في المحرر ستظهر مساحة واحدة بين هذين الحرفين ... طيب ما هو الحل ؟؟؟ الحل هو كالتالي : 6.نفتح الصفحة بواسطة محرر النصوص للتعديل , ونضيف الكود التالي : http://2.bp.blogspot.com/_Fe9i0gFwIb...O0/s320/17.jpg الكود هو الملون باللون الأخضر , ونضيفه لنرجع إلى السطر ... ثم نقوم بالحفظ : http://3.bp.blogspot.com/_Fe9i0gFwIb...s0/s320/15.jpg 7.لاحظ النتيجة : http://3.bp.blogspot.com/_Fe9i0gFwIb...aE/s320/18.jpg و نضيف الكود الملون بالون الأخضر في كل مرة أردنا العودة إلى السطر . أتمنى أن يكون الدرس واضح .إذا أعجبك الدرس أكتب تعليقا. و إنتظروا الدرس الموالي بإذن الله. |
الساعة الآن 06:44 PM |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir