السلامة عليكم ورحمه الله وبركاتة
أتمنى أن يكون الجميع في تمام الصحة والعافية ..
مقدمة عن دورة 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
وسأقوم إن شاء الله في الدرس القادم بالبدء في الشغل العملي وكل هذه المقدمة ستوضح بصورة جيدة في الشغل العملي
أراك في الدروس القادمة
والسلام عليكم ورحمة الله وبركاتة
