HTML Introduction
مقدمة في لغة HTML
هذا الدرس يعرض مقدمة حول لغة HTML ومعاني الحروف التي تشير إليها. سنتناول أيضًا نظام الـ "HYPER TEXT"، الذي يُعد النظام البرمجي الأكثر شيوعًا واستخدامًا على الإنترنت. سنتعرف على مزايا HTML وعيوبها، بالإضافة إلى استكشاف تاريخ هذه اللغة والأسباب التي تجعلنا نتعلمها.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
HTML Introduction
مقدمة في لغة HTML
</>
HTML Introduction
مقدمة في لغة HTML
- HTML هي لغة أساسية لإنشاء صفحات الويب.
- تعتمد HTML على الاستفادة من العلامات الزائدة <tags> لتعريف مكونات الصفحة.
- مطورو الويب يستخدمون علامات HTML لإنشاء هيكل الصفحة، حيث تقوم المتصفحات بتفسير هذه العلامات وتحويلها إلى شكل مرسوم على الصفحة النهائية.
- لفهم البنية العامة لصفحة الويب، يجب معرفة أن HTML تعتمد على مجموعة من العناصر "elements".
- كل عنصر "element" يقوم برسم جزء معين من الصفحة. تتكون الصفحة الويب من مجموعة من هذه العناصر، وهذه المجموعة تشكل ما يعرف بـ "blocks" أو كتل.
- الكتل تحتوي عادة على مجموعة من العناصر مثل العناوين، والفقرات النصية، والصور، والفيديوهات، والروابط "links".
- دور HTML ليس فقط في تحديد الهيكل، بل أيضًا في توجيه المتصفح حول كيفية عرض هذه المكونات.
- تُرتب العناصر بشكل أولي، وهذا يعني أن النصوص والعناصر الأخرى تظهر في الترتيب الذي تم تعريفه في الكود.
- مهمة HTML تتعلق بتحديد البنية الأساسية لصفحات الويب، دون التدخل في التفاصيل البصرية مثل الألوان والخلفيات والمؤثرات الحركية.
- ومع ذلك، تسهل HTML تنسيق صفحات الويب وتجعلها منظمة، ولها دور أساسي كعمود فقري لصفحات الويب.
- يجب ملاحظة أن العديد من تطبيقات الويب الشهيرة مثل Facebook و Google و Microsoft تم بناؤها باستخدام HTML، مما يظهر أهمية هذه اللغة في تطوير الويب.
HTML web page structure
هيكل صفحة الويب بلغة HTML المؤلف من مجموعة عناصر تعرض عنوان ووصف لصفحة الويب.
<!DOCTYPE html> <html> <head> <title>Closetag | HTML</title> </head> <body> <h1>HTML Course</h1> <p>HTML Introduction</p> </body> </html>
</>
HTML shortcut
اختصار HTML
- HTML اختصار Hyper Text Markup Language:
HTML هي لغة تصميم صفحات الويب وليست لغة برمجية. تُستخدم HTML كوسيلة لوصف محتوى صفحات الويب بما في ذلك العناوين والنصوص والصور والروابط وغيرها من عناصر الصفحة. يعتمد أي متصفح ويب على HTML لفهم وعرض هذا المحتوى بشكل صحيح. ببساطة، HTML هي اللغة الأساسية التي يتم إنشاء أي موقع ويب أو صفحة بها على الإنترنت.
- HYPER TEXT:
يتم استخدام نظام برمجي في متصفحات الويب "web browsers" لربط صفحات الويب ببعضها باستخدام عناصر HTML مثل النصوص والصور. يتم توصيل هذه العناصر بصفحات أخرى مخفية، ويتم عرض الصفحة المخفية فقط عندما يقوم المستخدم بالنقر على العنصر المتصل بهذه الصفحة المخفية. ببساطة، كل صفحة ويب تحتوي على نصوص، وعند النقر على أي نص، يتيح المتصفح للمستخدم الانتقال إلى صفحة أخرى لعرض المحتوى المتصل بهذا النص.
- MARKUP LANGUAGE:
إنها لغة حاسوب تُستخدم لعرض محتوى صفحات الويب باستخدام علامات <tags> مثل الصور والفيديو والنصوص على المتصفح. المتصفح يقوم بعملية render" تجسيد المحتوى (رسم) " لعرض هذا المحتوى أمام مستخدمي الصفحات الويب دون أن تظهر علامات HTML أمامهم.
HTML is a language for describing web pages
HTML هي لغة وصفية تُستخدم لوصف وترتيب صفحات الويب، وهي ليست لغة برمجية، بل بالأحرى لغة توصيف. هذه اللغة ليست لها خصائص ديناميكية ولا تمكن من إنشاء صفحات ويب تفاعلية.
</>
Features and advantages of HTML
سمات ومميزات لغة HTML
- لغة HTML تمثل أساسًا لجميع تقنيات الويب.
- تعتبر لغة HTML هي الأساس لبناء صفحات الويب كما تستخدم لربط المتصفح بالمحتوى على الانترنت.
- يمكن تعلم لغة HTML بسرعة وسهولة كما أنها سهلة الاستخدام فهي تتيح تصميم صفحات الويب بشكل مرن.
- يتم استخدام لغة HTML مع لغة CSS لإنتاج تنسيق وتصميم أفضل لصفحات الويب.
- لغة HTML لغة مفتوحة المصدر ومجانية فيمكن استخدامها دون الحاجة إلى شراء تراخيص تراخيص معينة أو برامج مكملة.
- تدعم معظم متصفحات الويب الحديثة لغة HTML كما أنها تعمل على مختلف أنظمة التشغيل، مثل: Macintosh وWindows وLinux وAndroid وiOS.
- تتميز لغة HTML بإمكانية إضافة روابط ومحتوى متعدد الوسائط إلى صفحات الويب مما يعمل على جعل شكلها أكثر جاذبية وبالتالي تحسين تجربة المستخدم.
- تتميز لغة HTML بعدم وجود حساسية تجاه حالة الأحرف مع العلم أنه من الجيد كتابة العلامات بأحرف صغيرة.
</>
HTML disadvantages
عيوب لغة HTML
- HTML تحتوي على عناصر خاصة بها لتصميم صفحات الويب، وتدعمها معظم المتصفحات.
- HTML هي لغة وصفية وليست لغة برمجة، ويمكن استخدام لغات برمجة مثل JavaScript لجعل صفحات الويب ديناميكية.
- HTML لا تتيح استخدام المنطق "logic" ويمكن استخدام JavaScript لإضافة منطق وتفاعل إلى صفحات الويب.
- HTML لا يمكن جعلها متجاوبة لضبط تصميم الصفحة وجعلها تتكيف مع مختلف الأجهزة والشاشات يمكن ذلك فقط باستخدام تقنيات تصميم الواجهة مثل CSS.
</>
Why learn HTML ؟
لماذا نتعلم لغة HTML؟
- web pages navigation للتنقل بين صفحات الويب.
- offline usage استخدام صفحات ويب بدون إنترنت.
- develop and build web pages لتطوير وبناء صفحات الويب.
- web document creation لإنشاء صفحات ويب.
- build games and applications لتُستخدم في بناء الألعاب والتطبيقات.
- client-side storage لتخزين البيانات على جهاز المستخدم كقاعدة بيانات.
- data entry support with HTML لتدعم إدخال البيانات عن طريق النماذج "forms".
- search engine optimization لتحسين صفحات الويب في محركات البحث.
- cyber security للدخول في مجال الأمن السيبراني جنبًا إلى جنب مع لغة JavaScript.
مقدمة HTML
نظام برمجي يربط الصفحات بعضها البعض
لغة حاسوب تستخدم العلامات
لغة وصف
Hypertext Markup Language
لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت
07 مايو 2023
الاجابة
من
Mostafa Hefny
07 مايو 2023
عناصر HTML التي لا تدعمها بعض المتصفحات تشمل:
عناصر HTML5 الجديدة مثل `<section>` و `<article>`.
عناصر HTML4 الأقدم مثل ميزة `<blink>` و `<marquee>` .
والمتصفحات الحديثة عادة تدعم الجميع، ولكن بعض المتصفحات القديمة لا تدعم بعض العناصر.
وهناك عناصر تم إلغاؤها مثل <marquee>، ولكنها تعمل حتى الآن.
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
