التخطي إلى المحتوى الرئيسي

إبدأ معنا تعلُّم اساسيات لغة "HTML5" ..!

تحية إخلاص لمابعي موقع " مشروح "، في هذه التدوينة سوف نتحدث فيها عن الـ "HTML5" والجديد فيه بصفة عامة لحين الاستفاضة والتخصص -إن شاء الله تعالى- في المقالات الأخرى.

بدأ الحديث منذ فترة عن ال "HTML5" والـ "CSS 3" لوصلوهم في نفس الوقت في الغالب وارتباطهم ببعض القوى. حتى الآن اغلب المتصفحات الحديثة تدعم هذه التطورات فايرفوكس واوبرا وكروم وسفارى. ولكن حتى الآن لم يتم دعم الـ "HTML5" ولكن المستخدم والرسمي من   "W3C"  هو الـ  "HTML4".
 تحتوى الـ "HTML5" على العديد من الوسوم الجديدة سوف نستعرض أهمها وإن شاء الله سوف يكون مقال آخر لـ "CSS 3".

لنبدأ :
1-
نوع الوثيقة ليست من ضمن الوسوم ولكن هي بداية لأي صفحة بهذه اللغة لتخبر المتصفح نوع الوثيقة
أصبحت في الـ "HTML5"

هكذا     مع ملاحظة أنها يجب كتابتها قبل بداية وثيقة الـ HTML.

Page Title
Page Content

أصبح في الـ HTML 5


2-
هو أحد الوسومات الجديدة والجديدة فيه سهولة استخدامه أكثر من مرة فهو هيدر للصفحة وهيدر للعمود وهيدر للمقالة.

3-
معروفة بمنطقة القوائم أو التنقلات.

4-
يستخدم لتعريف أقسام الصفحة على حسب الأنماط الخاصة بها فيمكن وضع section للأخبار وsection الاتصال وهكذا.

5-
يحتوى على أشكال مختلفة للنصوص في الصفحة فهو خاص للمقالات أو التدوينات الخاصة بالمدونات وخلافه.

6-
هو الخاص بالجانب سواء الأيمن أو الأيسر.

7-
ليس خاص بنهاية الصفحة ولكن كما استخدمنا الهيدر في أكثر من مكان نستطيع استخدام الذيل في أكثر من مكان هو ذيل للصفحة أو العمود أو المقالة وهكذا.

8-
أصبح بالإمكان الآن وضع ملف صوت أو فيديو مباشرة في الصفحة فقط بهذا الوسم دون استخدام أي إضافات أخرى.

9-  
هذا الوسم من الأوسمة الجديدة، أصبح الآن بإمكانك إدخال لوحة رسومات في الصفحة بالحجم الذي تريده بكل سهولة لإنجاز أعمالك.

و الآن هل بإمكانكم اصدقائي تجربة هذه الاكواد فقط على برنامج 
"Bloc-note" الموجود في حاسوبكم تلقائيا ؟ شاركونا تجربتكم .

تعليقات

المشاركات الشائعة من هذه المدونة

تعرف على مجموعة كبيرة من المواقع المفيدة والتي ستقدم لك أي شيء تريد تعلمه عبر الأنترنت

من منا لا يستخدم الأنترنت لكي يقوم بالتعلم والذي يسمى بالتعليم الذاتي وهو الذي يعد من أفضل طرق التعليم، حيث لا يكفي الاعتماد على ما تم دراسته في المدارس والجامعات والتي معظمها لا يرتبط بواقع العمل الحقيقي. لذلك إذا أردت أن تستفيد بشكل مميز من شبكة الأنترنت قم بزيارة المواقع التي سأقوم باقتراحها عليك في هذه التدوينة لكي تحصل على أكبر فائدة ممكنة من الأنترنت واجعل هذا الأمر واجب يومي تقوم به وستصل في النهاية إلى نتيجة تعجبك بإذن الله في تحصيل العلم الذي تريده. المواقع التي سأضعها لك كلها تحتوي على محتوى علمي راقي ومميز ونافع بشكل كبير لمن أراد التعلم والتطوير من مهاراته في المجالات التقنية على وجه الخصوص كالبرمجة والاختراق والحماية والتكويد وتصميم المواقع والواجهات وغيرها الكثير من الأمور المميزة والرائعة كل ما عليكم هو زيارة هذه المواقع وتسجيل حسابات فيها لكي تحصلوا على ميزات الاستفادة من محتوى كل موقع : www.edx.org  www.coursera.org www.udacity.com www.stjegypt.com www.udemy.com  www.skillshare.com   www.codecademy.com  www.p2pu.org   www.ed.ted.com www.edraak.org www.venture-lab.org  ...

أخترت لكم أفضل 37 موقع موجود عبر الأنترنت لتعلم أي شئ تريده في حياتك لن تبحث بعد اليوم عن أي موقع آخر

يعتبر التعلم الذاتي أفضل و أحسن الطرق لتعلم بصفة عامة ، فالاعتماد على المقررات الدراسية الفارغة و التي تبنى على أجندات خاصة هي بمثابة تضييع للوقت، خصوصا إذا كنت تريد أن تتعلم شيئا ينفعك في حياتك اليومية ، لهذا و دعما مني للتعلم الذاتي أشارك معكم في هذه التدوينة 37 موقع مختار و منقح بعناية لكي تتعلم ذاتيا عبر ما تقدمه هذه المواقع من محتوى راقي و نافع . و هذه هي المواقع : 1- www.edx.org 2- www.coursera.org 3- www.udacity.com 4- www.stjegypt.com 5- www.edraak.org 6- www.venture-lab.org 7- www.education.10gen.com 8- www.openhpi.de 9- www.ocw.mit.edu 10- www.khanacademy.org 11- www.oli.cmu.edu 12- www.oyc.yale.edu 13- www.webcast.berkeley.edu 14- www.openclassroom.stanford.edu / 15- www.see.stanford.edu 16- www.ck12.org 17- www.udemy.com 18- www.skillshare.com 19- www.codecademy.com 20- www.p2pu.org 21- www.ed.ted.com 22- www.myopencourses.com 23- www.myopencampus.in 24- www.nptel.iitm.ac.in 25- www.saylor.org 26- www.nalandau.com 27- www.academicearth.org 28- www.youtube.com/educat...

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

افتتحت شركة أمازون الأمريكية رائدة التجارة الأمريكية أخيرا يوم أمس 21 يناير أول متاجرها الذكية قرب مقر الشركة في مدينة سياتل الأمريكية والذي يحمل إسم "أمازون غو/ Amazon Go" وذلك بعد شهور طويلة من الاختبارات، حيث كان في البداية متاحا فقط بالنسبة لموظفي الشركة، حيث سيشكل هذا النوع من المتاجر الذكي ثورة في مجال التجارة. وستسمح التكنولوجيا الجديدة الموظفة في متاجر أمازون غو للمتبضعين بإجراء عملية التسوق من دول الحاجة إلى حمل نقود أو الوقوف لفترات طويلة في طوابير نقاط الأداء، حيث سيكون على المستخدمين فقط تحميل تطبيق أمازون غو على هواتفهم ومسحه على جهاز خاص في المدخل للتعرف على المستخدم ثم البدأ في التسوق. وتعتمد أمازون على تكنولوجيا التعرف على الأشخاص عبر كاميرات ذكية مثبتة في المتجر، وحينما يقوم المستخدم بأخذ أي منتوج فإنه يتم إضافته إلى حسابه بشكل أتوماتيكي ثم خصم المجموع من حسابه في نهاية العملية، وسيكون المتجر مفتوحا للعموم بعدما كان في البداية متاحا لموظفي الشركة فقط وسيتم التركيز على منتجات المواد الغذائية والمشروبات قبل توسيع هذه التجربة في المستقبل.