كيفية انشاء موقع بواسطة لغة html خطوة بخطوه -للمبتدئين
الدرس الثالث
السلام عليكم ورحمة الله وبركاتة. اهلا وسهلا بكم في مدونتة منوعات،
في هذا الدرس سنكمل ما تبقى من الدروس الماضية , التي تحدثنا فيها عن الوسوم و كيف نستخدمها بشكل صحيح وملائم لكي يستطيع المتصفح قرائتها بشكل صحيح وتنفيذها بدون اخطاء
, ومن هذه الشروط هي يجب ان يحتوي الوسم على اشارة اكبر< واشارة اصغر > , ويجب ان يحتوي على وسم بداية <em> ووسم اغلاق <em/> لمراجعة الدروس السابقة اذهب الى قسم التعليم ستجد جميع دروس .
الان سوف نتحدث عن نوع ثاني من الوسوم
هوه وسم بداية واغلاق في نفس الوقت <br /> وهي استثناء من كل قاعدة , والاستثناء في html وهي تسمى عناصر فارغة لانها غير مرتبطة بنص معين , لكنها مستقلة تماماً , فمثلا ً هناك وسم لكسر النصو اجبارة على الظهور في سطر جديد .
ملاحضة ( يجب وضع مسافة في وسط وسم البداية والاغلاق , و ليس ملزم بنوعية الحرف الذي تكتبة في لغة html فيمكنك استخدام الحروف الكبيرة فقط او الحروف الصغيرة فقط او الخلط فيما بينهم فلنتيجة واحدة , لكن يفضل استخدام الاحرف الصغيره ).
فلنبدء بشيء بسيط سنقوم بانشاء صفحة تقول اهلاً بكم في موقعي الاول , تابع القراءه وستجد كم هو بسيط هذا الشيء .
لغة html هي لغة بسيطة ومنطقية , المتصفح يقرأ html كما تقرأ انت الغة الانكليزية , من الاعلى الى الاسفل ومن اليسار الى اليمين .
اول شيء فعله هوه ان تخبر المتصفح بأنك سوف تتحدث معه بلغة html عن طريق كتابة الوسم التالي للبداية <html> ووسم الاغلاق </html > في او سطر من المفكرة , وهكذا سوف يفهم المتصفح مالذي تقوم بفعلة .
<html>
<html/>
الشيء الثاني الذي سوف تحتاجة هو وسم <head> للبداية ووسم الاغلاق </head> الذي سوف يقوم بتقديم معلومات حول الصفة للمتصفح ويسمى الرأس , وايضأُ سوف تحتاج وسم <body> للبداية ووسم الاغلاق </body> يسمى متن الصفحة , سوف نضع الوسمان بين وسمي البداية والاغلاق html .
كما في شكل التالي
<htm>
<head>
</head>
<body >
</body>
</html>
لاحظ كيف نسقنا بطريقة منطقية حيث وضعنا كل وسم في سطر جديد ووضعنا مساقة وسم واخر كقاعدة , ليس من المهم كيفية التنسيق , يمكن تنسيق الوسوم بلطريقة التي تراها مناسبة لك كي تستطيع فمهما عندما تريد التعديل عليها .
والان قد قمنا معاُ بأنشاء اول موقع من الممل انه ليس متكاملاُ ليس بلشكل الذي تحلم به , اصبر فنحن في بداية المشوار تابع القراءه كي تتعلم بقية الوسوم .
كما تعلمنا في الدروس الماضية و ان صفحة html تحتوي على جزئين , الذي هو رأس الصفحة ويسمى (head) الذي يحتوي على معلومات الصفحة التي يقدمها الى المتصفح ,والجزء الثاني هوه متن الصفحة او جسم الصفحة ويسمى (body) الذي يحتوي على محتويات التي تشكل الصفحة .
لنأخذ مثالاً
اذا اردنا ان نضع عنوان للصفحة يضهر في الجزء العلوي من للمتصفح, فيجب ان تفعل ذالك في رأس الصفحة head .
لوضع العنوان سوف نستخدم عنصر جديد هو title , كما تعلمنا سابقاً ان الوسوم تحتاج الى وسم بداية <title> ووسم اغلاق </title> ونضع بين وسم البداية ووسم الاغلاق عنوان الموقع.
<head>
</title> عنوان الموقع <title>
</head>
لاحظ ان العنوان لا يظهر في نفس الصفحة , لكن اذا اردت ان يظهر في الصفحة فيجب وضع الوسم التالي بين وسمي البداية والاغلاق للمتن body الصفحة كما يلي
<body>
</p>مرحباً في موقعي <p>
</bod>
الحرف p هوه اختصار لكلمة paragraph او فقره , يتم تصميم صفحة html على النحو التالي
كما في شكل التالي
<htm>
<head>
</title> عنوان الموقع <title>
</head>
<body >
</p>>مرحباً في موقعي <p>
</body>
</html>
هذا كل ما لدينا لهذا الدرس نلقاكم في دروس اخرى انشاء الله
تعليقات
إرسال تعليق