سوريا حبيبتي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

مدخل إلى HTML ..

اذهب الى الأسفل

مدخل إلى HTML .. Empty مدخل إلى HTML ..

مُساهمة من طرف أحمد زينو الثلاثاء مايو 17, 2011 8:48 pm

{ مدخل ..
- ماذا تعني HTML ؟
هو اختصار لـ ( Hyper Text Markup Language ) و تعني لغة ترابط النصوص التشعبية .
- هل تعتبر الـ HTML لغة برمجة ؟
لا . لاتعتبر لغة برمجة بالشكل المتعارف عليه كلغة ( C++, JAVA, Visual Basic ….. ect )
إنما لغة بسيطة جداً تستخدم في إنشاء صفحات الويب ، فهي لاتحتاج إلى مترجم خاص و نظام تشغيل معين .
- ماذا أستفيد من تعلّم لغة الـ (HTML) ؟
قد يقول أحدهم .. هناك كثير من البرامج تقوم بإنشاء المواقع دون الحاجة لكتابة أكواد الـ (HTML) كـ FrontPage
صحيح ، هذا الأمر ..
لكن قد تواجهك مشاكل في بناء الموقع عند استخدام البرنامج ، وهذه البرامج
غالباً مايكون فيها صعوبة لمعرفة مكان المشكلة وحلّها ، أما في كتابة
الأكواد بنفسك فإنك تصبح أكثر قدرة على معرفة مكان " المشكلة " وحلّها بكل
سهولة .
كما في اعتقادي تعلّم الـ (HTML) يساعد في فهم طريقة قراءة الأكواد ، و هو مدخل لتعلم اللغات الأخرى لأنها تعتبر لغة سلسلة وبسيطة .

- ماذا يجب علي توفيرة من برامج لأبدأ ؟
كل ماسنحتاجه هو
- برنامج " المفكرة – Notepad " وهو متوفر على كل جهاز .
- مستعرض نقوم من خلاله عرض مانكتبه من أكواد .
فقط :") ..
البداية ..

سنتعرف على كيفية كتابة كود لـ (HTML) ..
قبل أن نعرف كيفية كتابة الكود .. ينبغي علينا أن نعرف مما يتكون :
تتكون مفردات لغة (HTML) من شفرات تسمى [ TAGS ] أي الوسوم
وهي على نوعين :
1- وسم البداية ويكتب بالشكل التالي :*******
2- وسم النهاية ويكتب بالشكل التالي :<tag/>
نلاحظ انهما متشابهان غير أن وسم النهاية يسبقة هذه العلامة ( / )
نكتبها بالصيغة التالية (من اليسار إلى اليمين) :
مدخل إلى HTML .. Htm-tag

- مارأيكم .. أن نتعرّف على اهم الوسوم :") :
1- <html> : هو وسم تعريف للمتصفح بأننا نستخدم لغة (HTML) .
1- <head>: الوسم الذي يحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة كـ عنوان الصفحة .
3- <title> : الوسم الذي نعرّف به عنوان الصفحة .
4- <body> : الوسم الذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة .
مدخل إلى HTML .. Htm-tags
امممم طيب ما رأيكم أن نقوم بتطبيق ذلك عملياً ؟! ..
1- نقوم بقتح برنامج " المفكرة – Notepad " ونكتب مايلي :
مدخل إلى HTML .. Html-code
2- نقوم بحفظ الملف .. لكن لحظة ! ..
قبل حفظ الملف نحتاج لمعرفة الصيغة التي سنحفظ عليها الملف .. حتى نستطيع عرضها على " المستعرض "
* نختار " حفظ باسم – save as ".
* نكتب اسم الصفحة وليكن " first_bage.html "
نلاحظ أن الإمتداد (.html) لانه سيحفظه على هيئة ملف يستطيع المستعرض قراءته .
أما لو حفظنها بدون إضافة الإمتداد فإنه سوف يحفظه على هيئة ملف نصي (.txt ) لايستطيع المستعرض قراءته وسيعرضة كنص عادي .
3- الآن نقوم باستعراض ماكتبناه ^_^
وهذه هي النتيجة ..
مدخل إلى HTML .. 1st_page


إذا وصلت إلى هذه النقطة فنكون قد تعلمنا أهم أساسيات الـ (HTML)
أحمد زينو
أحمد زينو
Admin

تاريخ التسجيل : 31/03/2011

عدد المساهمات : 70

الجنس : ذكر

34

الابراج : الجدي


الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى