تدريبات على html

في هذا المقال يقدم لك موقع اقرأ التدريب على لغة HTML: ما هي لغة HTML المستخدمة، وكيف تعمل لغة HTML، وما هي مزايا وعيوب لغة HTML، وما هي المدة التي يستغرقها تعلم HTML؟ اختصار للغة توصيف النص التشعبي H. ويعني لغة ترميز النص التشعبي. يتكون HTML من العلامات والأوامر التي يستخدمها مصممو الويب لإنشاء مواقع الويب. .

تمارين HTML

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

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

تمارين HTML

ما هو HTML المستخدمة ل؟

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

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

كيف يعمل HTML؟

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

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

بالإضافة إلى استخدامها مع HTML، يمكن أيضًا استخدام Doctypes لإنشاء أي مستند يستخدم SGML (لغة الترميز القياسية العامة). SGML هو معيار لتحديد لغة الترميز المحددة المستخدمة. HTML هي إحدى لغات الترميز العديدة التي تنطبق عليها إعلانات SGML وDOCType.

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

بعد كتابة المستند وحفظه كملف HTML، يمكن للمستخدم تنفيذ أي أدوات بناء جملة HTML أخرى لتخصيص صفحة ويب. بمجرد الانتهاء، من المحتمل أن يكون لديك ملفات HTML متعددة تتوافق مع صفحات مختلفة على موقع الويب. ومن المهم أن يقوم المستخدم بتحميل هذه الملفات بنفس التسلسل الهرمي الذي حفظها فيه، حيث تشير كل صفحة إلى مسارات الملفات المحددة للصفحات الأخرى، مما يسمح بالربط بينها. سيؤدي التحميل بأي ترتيب آخر إلى انقطاع الروابط وفقدان الصفحات لأن مسارات الملفات المحددة لا تتطابق مع الصفحات.

مزايا وعيوب HTML

تشمل فوائد استخدام HTML ما يلي:

• يتم استخدامه على نطاق واسع ولديه كمية كبيرة من الموارد المتاحة.
• يتم تشغيله أصلاً على كل متصفح.
• من السهل نسبيا التعلم.
• لديها كود مصدر نظيف ومتسق.
• مفتوح المصدر ومجاني للاستخدام.
• يمكن دمجه مع لغات البرمجة الخلفية الأخرى مثل PHP.

بعض السلبيات التي يجب مراعاتها هي:

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

كم من الوقت يستغرق تعلم HTML؟

يوصي معظم المبرمجين بتخصيص 2-4 ساعات يوميًا للمبتدئين لبدء تعلم HTML. يمكن لمعظم المبرمجين الجدد تعلم أساسيات HTML في غضون أسبوع أو أسبوعين. ومع ذلك، فإن الممارسة اليومية ضرورية لإتقان اللغة وفهم إمكاناتها الكاملة.