Uncategorized

الدرس (1) مقدمة عن لغة Html ونظرة عامة ومعلومات نظرية عنها

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

أتمنى أن يكون الجميع في تمام الصحة والعافية ..

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

مبدئياً لغة html   هي لغة تصميم صفحات الويب اي (لغة تصميم المواقع) وهذه اللغة لتتعلمها ليس من الضروري ان يكون لك خبرات سابقة في مجال الويب . هذه اللغة هي بداية التصميم وستتعلم معها لغات أخرى لتبدأ في تصميم موقع بالكامل من الصفر  ستحتاج ان تتعلم معها لغة Css  ولغة  JavaScript(جافا سكربت)   او jQuery (جي كويري) على حسبب تخصص ومجالك في كورس آخر إن شاء الله سيتم شرح هذه اللغات بخلاف لغة  Php  وأيضاً تصميم موقع بالكامل متجاوب مع جميع الشاشات

ولاكن الآن نتحدث عن لغة “Html”  وكل شئ يخص لغة الاتش تي ام ال . وكيف تقوم بتصميم صفحة بلغة Html فقط وستعرف كل ما يخص اللغه من الوسوم والمعلومات التي يجب عليك فهمها قبل بداية تعلمك اللغة.

معلومات عن اللغة

لغة  “Html” لها اصدارات وكان أول اصدار في سنه 1991 واللغة تطورت وكان آخر اصدار  ” Html 5″ تم اصدارة في عام 2012 وهذا أحدث اصدار من اصدارات لغة  “Html” وهذا الأصدار بطبيعة الحال به وسوم  وخصائص جديدة غير متواجدة في  “Html” العادية

وإن شاء الله سيتم التحدث عن جميع الإصدارات في الدروس المخصصة به

معني كلمة Html  هي أختصار لكلمة “Hyper Text Markup Language ” هذا يعني ان لغة Html  هي لغه مارك اب اي بمعنى انها “لغة لوصف المحتوى”  والمارك أب يحتوي علي “Tags” والتاجز دي نسميها باللغة العربية “وسوم”  وهذه الوسوم هي الشيفرات الخاصة بلغة “Html” وبالطبع سأقوم بالتحدث عن هذه الوسوم في التدوينات القادمة بكامل تفاصيلها ..

صفحة الويب (Web)

تحتوي على وسوم ونصوص . يتم اضافة النصوص بداخل الوسوم وتسمي الصفحة بأسم دوكمنت “document”

عناصر Html لها ستارت تاج وايند تاج بمعني أنها  مثلا بهذا الشكل

 

هذه العلامة <> تسمي ستارت تاج وهذه العلامة </> تسمى الإيند تاج  يعني نهاية التاج او الوسم

والتاجات تكون على هذا الشكل

<dev>  ? هذا مثال للستارت تاج

وبداخلها نص هنا 

<dev/>
وهذا

☝️

مثال للإيند تاج نهاية الوسم

بالطبع سنتحدث عن كل هذا في الدروس القادمة ولاكن الآن اعطيك فكرة فيما سيأتي فيما بعد في الدروس القادمة

ولا تستصعب كل هذا  فكل هذا سهل جداً  جداً جداً جداً

يوجد عناصر لها استارت تاج وايند تاج ,, وايضاً عناصر ليس لها إيند تاج مثل

<br>  هذا وسم ليش له إيند تاج ,, ووظيفتة يقوم بعمل شرطة بين الكلام

وايضاً عنصر < “”=img src>

وأيضاً عنصر <hr>    وظيفتها عمل خط أفقي فوق الكتابة .. بالطبع كل هذا سأقوم بشرحة بالتفصيل الممل ولاكن حالياً اشرح لك معني التاج او الوسوم  .. والتاج  طبعاً لا تظهر في المتصفح اي لا تظهر أمام الجميع .. هذه التاج المتصفح يقوم بقرائتها وترجمتها

وعرضها كلام وصور على حسب ما قمت بكتابة اكواد . ولاكن كن على علم ان الأكواد لا تظهر في المتصفح ..

كل هذا سأقوم بشرحة في الدروس القادمة وأول درس سأقوم بعمل اول صفحة بلغة Html  وشرح كل شئ يخص اللغة

لكي تصمم أول صفحة لك بلغة Html

وفي كتابتك للكود الحروف في لغة Html  ليست بحساسة اي ان الحروف وانت تكتب الكود كبيرة او صغيرة سيعمل الكود ولن يقابلك مشاكل  مثلا إذا كتبت الكود بهذا الشكل <dev>    <DEV>

اذا كتبت الحروف كابيتال او صمول  لا يهم ولاكن منظمة w3 العالمية ينصحو بكتابة الكود بحروف صمول

لغة Html هي اساس التصميم او البرمجة واذا تعلمت في المستقبل البرمجة ستحتاج بطبيعة الحال الى لغة Html

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

أراك في الدروس القادمة

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

 

الوسوم

Mohamed El attar

أسمي محمد العطار السن 27 سنه من مصر مصمم ومبرمج ويب وتطبيقات ومحترف حماية سيرفرات واسكريبتات خبرة 8 سنوات اعشق البرمجة والحماية و تطوير المواقع والسيو أقوم بعمل مقالات لافادة الآخرين علي موقعنا ميكانو للمعيومات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.

إغلاق
إغلاق

أنت تستخدم إضافة Adblock

برجاء دعمنا عن طريق تعطيل إضافة Adblock