أسهل طريقة لتعلم لغة html من البداية حتى الاحتراف فى درسين

[myloc2012]

سوف نتعلم فى هذه السلسلة لغة HTML وما هى هذه اللغة وكيف نتعلمها وما هى استخداماتها ولماذا نتعلمها ؟

ترجع لغة HTML إلى سنة ١٩٨٠ حيث قام Tim Berners-Lee باقتراح لعمل نظام يمكن من استخدام الملفات ومشاركتها وفى عام ١٩٨٩ قام بكتابة اقتراح لنصوص Hypertext مبنى على الانترنت ثم قام بوصفه HTML وبدأ بكتابة برامج المتصفح فى عام ١٩٩٠ ومن هذا العام وتم اعتمادها بشكل رسمى ولا يوجد موقع انترنت على مستوى العالم إلا ويجب أن يستخدمها .



لغة HTML هى اختصار لكلمة HyperText Markup Language , هى لغة تستخدم فى تصميم مواقع الانترنت وصفحات الويب وهى اللغة الأم فى تصميم صفحات الويب وتعد لغة HTML لغة وصفية فتعطى أوصافا لمتصفح الانترنت حتى يقوم هذا المتصفح بتحويلها إلى صفحات مفهومة للمستخدم , فتقوم بوصف الأبعاد الخاصة بالصفة وما فيها من صور وتنسيقات وخطوط لكى يحولها المتصفح , وليست هى لغة برمجة كباقى لغات البرمجة , وهى لغة غير حساسة لحالة الحروف كما سنرى فى الشرح .

[AhmadMorad]

لا اعلم ما دخل العنوان بالمحتوى .؟!!!! تعلم اللغة في درسين !!
لو الدرس القادم مثل الدرس الوال فأكيد سنتعملها . الا يوجد واحد يفهم في البرمجة بدون الكوبي و الباست !!!!

[azifek]

شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة هتمل الخاصة بمواقع الويب
و لكن أظن أن هذه اللغة في طريقها إلى الانقراض لصالح اللغة البرمجية html5

[simook2]

هذه اللغة شبه انقرضت و من المفروض ان تقدم لمحة عنه اولا
و من بعد تشرح لغة html5 و يكون طرحك هنا مميز على العموم موضوع جيد

[joker7diaa]

هذه اللغة شبه انقرضت و من المفروض ان تقدم لمحة عنه اولا
و من بعد تشرح لغة html5 و يكون طرحك هنا مميز على العموم موضوع جيد

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

[kota]

شكراااا ليك يااخى على الموضوع بس ياريت تنظيم اكتر علشان نستفاد من الموضوع

[switchers]

ربما ان فكرتك جيد بنسبة الى بعض الناس وانا طارف اخرى لديه طريقة اخرى

مثال . انا اردت تعلم لغة الانجلزية فاخدة بعض الطرق ولكن لا تنفاع معى .

[mohammedIraqi]

السلام عليكم رحمة الله تعالى وبركاته
شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة

[dirtywalid]

السلام عليكم رحمة الله تعالى وبركاته
شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة

[mohamedsniper12]

مسكور اخي الكريم على المجهود الرائع والمعلومات القيمة وجزاك الله كل خير انشاء الله

[loombre48]

تعلم لغة html مهمة لاصحاب المواقع ....
اشكرك كثيرا

[ABDO..SHEREIF]

السلام عليكم ورحمه الله وبركاته
شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة

[otmani10]

شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة هتمل الخاصة بمواقع الويب
و لكن أظن أن هذه اللغة في طريقها إلى الانقراض لصالح اللغة البرمجية html5

[WASEM DALLOUL]

السلام عليكم
شكرا لك ياأخي على هذه المشاركة وجزاك الله عنا كل خير وارجو الفائده للجميع

[dirtywalid]

شكراااا ليك يااخى على الموضوع بس ياريت تنظيم اكتر علشان نستفاد من الموضوع

[hebkar]

لغه htmlفعلا هامه للغايه ولها مجالات عديده للاستخدام
لكن اراها صعبه بالنسبه لى ومازلت فى اول الطريث واتمنى ان اتعلمها
تحياتى لك ومتابعين

[tecnohamza]

بسم الله الرحمان الرحيم
شكرا جزيلا لك على هذا الموضوع الرائع
تابع تالقك موضوع جد رائعععععععععع

[maha elsayed]

السلام عليكم ورحمه الله وبركاته شكرا يا اخى ع الموضوع
الرائع تقبل مرورى

[ahmed samir el bedewy]

السلام عليكم
كمل بقيه المواضيع
احنا بنستنىى حد يعمل مواضيع للافاده
مش للبونص
تحياتى

[doola2020]

ولكن يا صديقي أي لغة برمجة تحتاج علي الأقل 5 أشهر لتعلمها ولن تتعلمها في موضوع في منتدي

[lordofdracula]

لغة رقم النص الفائق (إتش تي إم إل html)، هي لغة رقم تستخدم في انشاء و تصميم صفحات الوب ومواقع الوب، وتعتبر هذه اللغة من أقدم اللغات وأوسعها استخداما في تصميم صفحات الوب. ولغة html ليست لغة برمجة، بل هي لغة للوصف وتعطي برنامج تصفح الإنترنت وصفا ليكفية عرضه للمحتويات.

[aleque05]

بارك الله فيك أخيmyloc2012

دائما الجديد و الحصري و المفيد

تسلم الأيدي يا غالي و لا تبخل علينا بالمزيد منك

واصل نشاطك

جزاك الله بألف خير

[nacero]

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

[mou3taz]

السلام عليكم اخي العزيز
مشكور وبارك الله فيك رب يكتر من امثالك اخي
لكي نتعلم منهم خاصتا الاعضاء الجدد مثلي و جزاك الله بألف خير
بالتوفيق للجميع ان شاء الله

[ysf4]

ولكن يا صديقي أي لغة برمجة تحتاج علي الأقل 5 أشهر لتعلمها ولن تتعلمها في موضوع في منتدي
في المدارس المتخصصة في لغات البرمجة يتم دراسة لغات البرمجة مثل جافا ليس فقط في 5 اشهر بل لمدة سنتين
لكن الامر يختلف مع html فهي بسيطة جدا و يمكنك تعلمها في اقصى مدة لا تتجاوز شهر

[harimeche]

الســـــــلام عليكم ورحمة الله

أشكرك أخــــــي على هده المقدمة الرائعة

لهده اللغة الجميلوة هي أصلا لغة html

لغة أصلا

[amalonsy]

السلام عليكم جميعا
فعلا الموضوع ده مفيد جدا وتعلمه يحقق وسبل كثيره للعمل بس الموضوع ده مش سهل كده الانتائج صفحات الويب اللي هتتعمل هتكون فقيره في شكلها

[fido]

السلام عليكم ورحمة الله وبركاته
شكر الله لك هذا العمل الطيب
بارك فيك واجزل لك العطاء
لاتبخل علينا من مواضيعك تحياتي

[Hassan Owen]

شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة هتمل الخاصة بمواقع الويب
و لكن أظن أن هذه اللغة في طريقها إلى الانقراض لصالح اللغة البرمجية html5

[rafikhamdi]

مرحبا
لغة html هي لغة محبوبة وسهلة التعلم وفي نفس الوقت ممتعة لا تحتاج إلى وقت كبير لتعلمها فقط قليل من التركيز وحفظ الاكواد والوسوم وتطبيقها على النوت باد أرجو من الإخوان أن يوفقوا في راستهم لهذه اللغة
أنت فعلا مشكور على هذه المعلومات التي قدمتها
بالتوفيق للجميع

[شمس]

إن هذا التعريف مفيد لكل المشاركين الذين ليس لهم معرفة مسبقة بلغات البرمجة ليتمكنوا من ألفصل بين مميزات لغة html و غيرها أيضاً مجالات التي تستعمل فيها حيث تمثل أساس من أساسيات البرمجة على الويب . فمشكور أيها الأخ و السلام

[yasrnavy]

لا اعلم ما دخل العنوان بالمحتوى .؟!!!! تعلم اللغة في درسين !!
لو الدرس القادم مثل الدرس الوال فأكيد سنتعملها . الا يوجد واحد يفهم في البرمجة بدون الكوبي و الباست !!!!

[hackerdz]

السلام عليكم
اخي شرح رائع كافي وافي
و لغة الاتش تي ام ال لغة سهلة الفهم
في انتظار الجديد
تقبل مروري

---------- Post added at 10:01 PM ---------- Previous post was at 10:01 PM ----------

إن هذا التعريف مفيد لكل المشاركين الذين ليس لهم معرفة مسبقة بلغات البرمجة ليتمكنوا من ألفصل بين مميزات لغة html و غيرها أيضاً مجالات التي تستعمل فيها حيث تمثل أساس من أساسيات البرمجة على الويب . فمشكور أيها الأخ و السلام

---------- Post added at 10:02 PM ---------- Previous post was at 10:01 PM ----------

لغة رقم النص الفائق (إتش تي إم إل html)، هي لغة رقم تستخدم في انشاء و تصميم صفحات الوب ومواقع الوب، وتعتبر هذه اللغة من أقدم اللغات وأوسعها استخداما في تصميم صفحات الوب. ولغة html ليست لغة برمجة، بل هي لغة للوصف وتعطي برنامج تصفح الإنترنت وصفا ليكفية عرضه للمحتويات.

[yasrnavy]

إن هذا التعريف مفيد لكل المشاركين الذين ليس لهم معرفة مسبقة بلغات البرمجة ليتمكنوا من ألفصل بين مميزات لغة html و غيرها أيضاً مجالات التي تستعمل فيها حيث تمثل أساس من أساسيات البرمجة على الويب . فمشكور أيها الأخ و السلام

[MedMax]

غفرانك ربنا وإليك المصير،
ولا حول ولا قوة إلا بالله العلي العظيم.
سبحانك لا نحصي ثناء عليك أنت كما أثنيت على نفسك،
جل وجهك، وعز جاهك، تفعل ما تشاء بقدرتك، وتحكم ما تري
يا ارحم الراحمين

[arkantos]

السلام عليكم ورحمة الله وبركاته اخى الكريم
مشكور علي هذه المعلومات الاكثر من رائعة بخصوص أسهل طريقة لتعلم لغة html من البداية حتى الاحتراف فى درسين

جزاك الله كل خير
اتمني لك التوفيق و تقبل مروري

[yhassen]

السلام عليكم ورحمة الله تعالى وبركاته و بعـد.
جزاك الله خيرا اخـي على هذه المعلومات والتوضيحـات والشرح..
..أشكرك آخى الفاضل على الموضوع المميز
وأسأل الله الربح الوفير و تحقيق الأحلام للجميع في عالم الفوركس
شـكرا جزيلا و جـزاك الله كل خــيـر و بالتوفيق ان شــاء الله

[zouhairz]

بسم الله الرحمن الرحيم الحمد لله وأفضل الصلاة وأتم التسليم على سيدنا محمد وعلى آله الطيبين وصحبه الغر المحجلين
ومن والاهم واتبع هداهم إلى يوم الدين السلام عليكم و رحمة الله تعال و بركاته


شكرااااا ه جزيلاااااا اااااخي

[alimed]

بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله تعالى و بركاته
جزاك الله كل خير
الله يفتح عليك ياخي دنيا واخره
اللهم اجعلنا من حملة القران وامتنا ميته خيرواحسن خاتمتنا اجمعين
اللهم آآآآآآآمين
تقبل مروري

[mamdouh.adil]

اخى الكريم هذه مقدمه لمعرفت تاريخ ال html من العنوان اعتقدت شئ وما اشاهده شئ اخر تماما سيدى الفاضل هذه المقدمه ام الدرس الاول
وانت تقول فى النهايه كمان نشاهد فى الشرح اين الشرح ؟ هل فى محاضره اخره ام انه كوبى وبست ونسيت تحزف هذه الكلمه

[jallou]

إنها اللغة المستخدمة لإنشاء صفحات الإنترنت. (والكلمة إختصار لـ Hyper Text Markup Language). وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة الأخرى كلغة C . فهي مثلاً لا تحتوي على جمل التحكم والدوران، وعند الحاجة لاستخدام هذه الجمل يجب تضمين شيفرات من لغات أخرى كـ Java, JavaScript, CGI . كذلك فهي لا تحتاج إلى مترجم خاص به Compiler . وهي غير مرتبطة بنظام تشغيل معين، لأنه يتم تفسيرها وتنفيذ تعليماتها مباشرة من قبل متصفح الإنترنت وبغض النظر عن النظام المستخدم. لذلك فهي لغة بسيطة جداً، وسهلة الفهم والتعلم ولا تحتاج لمعرفة مسبقة بلغات البرمجة والهيكلية المستخدمة فيها. بل ربما كل ما تحتاجه هو القليل من التفكير المنطقي وترتيب الأفكار.

تتكون مفردات لغة Html من شيفرات تسمى TAGS أي الوسوم. وهي تستخدم بشكل أزواج وتكتب بالصيغة التالية (من اليسار إلى اليمين) :-


Html Tags


فعلى سبيل المثال الوسم <B> يستخدم لكتابة الكلمات بخط أسود عريض Bold وذلك بالشكل التالي:

<B> Text <‎/B>

وهناك بعض الوسوم الخاصة التي تستخدم بصورة مفردة مثل وسم نهاية السطر <BR> أو قد تستخدم بكلتا الحالتين مثل وسم الفقرة <P>.
وسوف نناقش هذه الوسوم وغيرها بالتفصيل في حينه إن شاء الله


كيف نبدأ...


لا يتطلب كتابة ملف HTML أية برامج خاصة فهي كما قلنا لغة لا تحتوي على برنامج مترجم. بل نحتاج فقط إلى برنامج لتحرير النصوص البسيطة ومعالجتها، وبرنامج المفكرة الموجود في Windows يفي بهذا الغرض. وكذلك إلى أحد متصفحات الإنترنت Netscape Navigator أو MS Internet Explorer لمعاينة الصفحات التي نقوم بتصميمها. وعليك فقط أن نقوم بحفظ النص المكتوب بملف يحمل الاسم الممتد ‎.html أو ‎.htm
والجدير ذكره أنه يوجد العديد من البرامج التي تستخدم لإنشاء صفحات Html. دون الحاجة لمعرفة هذه اللغة حيث يقوم المستخدم من خلالها بكتابة الصفحات وتصميمها بما تحويه من نصوص ورسومات وجداول ثم يقوم البرنامج بتخليق الوسوم المناسبة وتحويل هذه الصفحات من وراء الكواليس تلقائياً وحفظها بتنسيق html. أي أن دور المستخدم ينحصر في الكتابة والتصميم فقط، دون معرفته للشيفرة التي استخدمت. وبالتالي عدم قدرته على التحكم بأي وسم أو تعديل الشيفرة حسب الحاجة، إلا من خلال إعادته للتصميم الأساسي ثم إعادة التحويل والحفظ من قبل البرنامج. وهذه الطريقة على سهولتها وسرعتها نسبياً، إلا أني لا أنصح باستخدامها لمن يريد معرفة هذه اللغة والتمكن منها.


قبل أن نبدأ


حسناً، لديك محرر نصوص ممتاز لكتابة ملفات HTML ولديك متصفح إنترنت لمعاينتها، ولديك هذه الدروس التي ستنطلق معها إلى عالم تصميم صفحات الويب. هل هذا يكفي؟ برأيي المتواضع، لا.
تحتاج دائماً وأبداً إلى تطبيق ما تتعلمه بصورة عملية أكثر من مجرد الأمثلة المدرجة في الدروس. ما رأيك في أن تفكر بموضوع ما يستهويك وتحب أن تتعاطى به؟ وتخيل أنك ستقوم بإنشاء موقع ويب عنه بصورة واقعية. ومع تقدمك في الدروس قم بتطبيق ما فيها على صفحاتك. ستجد الكثير من المتعة في هذا، وستسر جداً عندما ترى صفحتك تتبلور أمام عينيك يوماً بعد يوم، والأهم من هذا كله هو أنك ستكتشف أي ثغرات في استيعابك لهذه الدروس (وعندها من المؤكد أنك ستقوم بتلافيها) وقد تكتشف كذلك ثغرات ارتكبها كاتب هذه الدروس. (وفي هذه الحالة أرجو أن لا تتردد أبداً في الكتابة لي لكي أعمل على تلافيها).

[torkhan mohamed]

السلام عليكم ورحمه الله وبركاته
شكرا اخى على الموضوع الجميل
واتمنى منك دائما الافاده لنا والله يجازيك كل خير واتمنى لك التوفيق
وبارك الله فيك وجزاك خيراً والسلام عليكم ورحمه الله

[mamdouh mahmod]

السلام عليكم ورحمه الله وبركاته
تسلم ايدك يا غالى ع الموضوع المفيد جداا للجميع
واتمنى ان يستفيد باقى الاعضاء المبتدئين والمحترفين
واتمنى الربح للجميع والتقدم لمنتدانا الغالى
وجزاكم الله كل خير

[mhamadfor]

شكرا لك أخي الكريم على تقديمك لنا لمعلومات حول اللغة هتمل الخاصة بمواقع الويب
و لكن أظن أن هذه اللغة في طريقها إلى الانقراض لصالح اللغة البرمجية html5

[TMT]

السلام عليكم ورحمة الله وبركاته موضوع رائع يا اخى شرح موفق منك
مشكور علي هذه المعلومات الاكثر من رائعة
موضوع مميز وجيد وربنا يوفقك وبارك الله فيك وجزاك خيراً والسلام عليكم ورحمه الله

[minoch]

وضوع في قمة الخيآال
طرحت فابدعت
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص حبي وأشواقي
سلمت اناملك الذهبيه على ماخطته لنا
اعذب التحايا لك
لكـ خالص احترامي

[oussa2013]

بسم الله الرحمن الرحيم و الصلاة و السلام على أشرف المرسلين
تحياتي لك اخي الكريم و الف شكر على هذا المجهود الرائع
اشكرك على الافاده فى هذا الموضوع

[yahia03]

أنا لا أفهم كثيرا في لغات البرمجة ، أردت ان اتعلمها خاصة انه لدي موقع وأريد تطويره
أرجوا المزيد من التوضيحات في المرة القادمة ، شكرا أخي الكريم

[AYA.M]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شكراً جزيلاً لك طرحك لهذا الموضوع الجميل
اسعدني التواجد بهذا المنتدي الرائع فأشكركم علي الجهد المبذول واتمني دوماً الافادة للجميع
تمنياتي لكم بالنجاح الدائم