السلام عليكم ورحمة الله وبركاتة
مرحبآ بكم زوار مدونة العالمي
موعدنا مع الدرس الخامس من دورة تعلم الـ
HTml
تعلمنا في الدروس السابقة كيفية انشاء صفحة بسيطة بــلغة الـ html وتعلمنا كيفية تغيير لون الصفحة ووضع خلفية لها كما تعلمنا ايضآ كيفية تغغير لون وحجم وشكل الخطوط وتعرفنا علي اشياء كثيرة ولكن درس اليوم يعتبر من اهم الدروس وهوا بعنوان الفقرات
هل تتذكر الوسم <P> !!!!!!
لقد استخدمنا هذا الوسم لأكثر من مرة ولكن بطرق مختلفة
استخدمناة في الطريقة الاولي لانهاء الجملة وكان في هذه الحالة يستخدم كوسم مفرد كـ التالي
Hello <p> This Is my First Web page
يتكب الوسم <p> بالشكل السابق لانهاء الفقرة وتستخد في الحالة السابقة كــوسم مفرد (( اي وسم له بداية وليس له نهاية))
وله طريقة اخري للكــتابه وتكون كــالتالي
<p> hello this my first website </p>
وفي الشكل السابق يكتب النص بداخل وسمي الـ <p> …. </p> وفي هذه الحالة يكتب الوسم <p> كوسم زوجي وليس كوسم مفرد ويسمي في هذه الحاله paragraph البراجراف
هذه هيا الطريقتين التي تعرفنا عليهم للوسم <p> ولكن توجد ثالثه وتعتبر الاهم من بينهم وهيا تحديد مكان النص
لنأخذ مثال علي ذلك
<html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
<p> مرحبآ بكم في مدونة العالمي </p>
</body>
</html>
ثم نعمل save للصفحة ونري شكلها سوف تكون بالشكل التالي
اذاآ ماذا لاحظ في الصورة ان النص مكتوب في الناحية اليسر اليس صحيح
اذا ماذا اذا اردت نقل النص الي الناحية اليمني !!!!
سوف نقوم بعمل نفس الخطواط بالأضافة الي التالي
<html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
<p align=”right”> مرحبآ بكم في مدونة العالمي </p>
</body>
</html>
سوف يكون بهذا الشكل
الان ماذا انا فعلت !!! كل ما انا فعلته لقد اضفت الخاصية align الي الوسم <p> وكتبت بداخلها الاتجاه الذي اريد ان يكون النص فيه
إذا ماذا اذا اردت ان يكون النص في المنتصف سوف اقوم بعمل الخطوات السابقة ولكن اكتب بدلآ من right اكتب center
<html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
<p align=”center”> مرحبآ بكم في مدونة العالمي </p>
</body>
</html>
وقم بعمل حفظ للصفحة ستكتشف ان النص الان في المنتصف
وبهذا يكون انتهي الدرس يا اخواني ارجو ان اكون قد افادتكم
والدرس التالي سوف يكون بعنوان القوائم
ليست هناك تعليقات:
إرسال تعليق