Skip to main content

تعلم أساسيات HTML لموقع الويب الخاص بك

تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة - دورة كاملة (قد 2025)

تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة - دورة كاملة (قد 2025)
Anonim

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

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

لتعلم HTML الأساسي ، يجب أن تضع في اعتبارك أنه عبارة عن سلسلة من الحروف التي تمثل اختصارات لما تمثله بالفعل. على سبيل المثال ، يرمز H1 لعنوان لفقرة هو الأول من خمسة أحجام و BR هو فاصل أسطر.

من الأمور المهمة التي يجب تذكرها ، بينما تتعلم HTML الأساسي ، هو أن علامات HTML يجب أن تأتي في صفحة ويب بترتيب معين وأن معظم علامات HTML يجب أن تحتوي على علامة بدء ونهاية لكي يتعرف المتصفح على الأمر. علامة نهاية هي مجرد نفس علامة البدء باستثناء أنه يبدأ مع / رمز. العنوان سيبدو هكذا

نتجه هنا

. هناك علامة البدء ، H1والعنوان وعلامة الإنهاء ، / H1.

تعلم HTML الأساسي بالطريقة الصحيحة وتذكر أن العلامات يجب أن تأتي بترتيب معين. البنية الأساسية لصفحة الويب هي كما يلي:

هنا يمكنك وضع معلومات وثيقة مهمة مثل الإطارات واللغة والتعليمات الخاصة.

عنوان صفحتك.

ضع قصتك ، صورك ، روابطك ، وكل شيء آخر هنا.

عنوان فقرتك.

هذا هو المكان الذي تدخل فيه نص المستند.

هذه هي طريقة كتابة رابط:العنوان أو ما تريد قوله.

يمكنك أيضًا إدخال رابط في وسط الجملة. إذا كنت تريد أن تقول "Microsoft لديه بعض العروض التجريبية الرائعة." انها تبدو مثل هذا:

مايكروسوفت يحتوي على بعض العروض التجريبية الرائعة لمساعدتك على تعلم HTML الأساسي.

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

عد

كلمة "هناك" هي الكلمة التي أرغب في إعادتها إليك حتى الآن يجب أن أذهب إلى هذه الكلمة وأنشئها وأرسليها بحيث يعرف الرابط الذي أنشأته للتو أين أذهب:

هناك

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

علامات HTML الأساسية

- تعليقات المؤلف لم يرها المتصفح.

- ابدأ دائمًا صفحتك وانهيها باستخدام هذه العلامة.

- رأس الوثيقة.

- مجموعة من الوثيقة.

- عنوان الوثيقة.

- أصغر حجم العنوان.

- حجم العنوان الصغير.

- حجم رأس صغير ومتوسط.

- حجم رأس متوسط ​​كبير.

- حجم العنوان الكبير.

- أكبر حجم العنوان.

- يبدأ رابط النص التشعبي.

- معلومات عن المؤلف.

- يقتبس طويلة.

- نص منسق مسبقًا.

- بلوك بلوك.

- يخلق مربع لإدخال النص.

- يخلق قائمة التمرير.

- يخلق العناصر لتحديدها.

- قائمة الدليل.

- قائمة مرتبة.مثال على قائمة مرتبة:

  1. أحمر
  2. أزرق
  3. أخضر

- قائمة غير مرتبة.مثال على قائمة غير مرتبة:
  • أحمر
  • أزرق
  • أخضر

- قائمة القائمة.

- قائمة المسرد.

- الاقتباس.

- رمز الخط.

- المصطلح المحدد.

- تشديد.مثال على التركيز على اللون الأحمر: أحمر، أزرق أخضر

- مائل.مثال مائل: الأحمر والأزرق والأخضر

- نص لوحة المفاتيح.

- نص بسيط.

- تأكيد قوي.مثال على التأكيد القوي:الأحمر والأزرق والأخضر

- نص الآلة الكاتبة.

- متغير.

- بالخط العريض.

- مرجع الموقع لعناوين URL الأخرى.

- يسمح للوثائق أن تكون مرتبطة معا.

- تصف الوثيقة.


- الخط مقطوع.

- خط أفقي.

- صورة.

- الفقرة.

- قائمة الاغراض.

- يضع المصطلح في قائمة.

- يضع علامة التعريف في القائمة.