أعلى علامات HTML 11 يجب أن يعرفها كل مالك مدون وموقع على الويب

الإعلانات

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

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

قبل أن نبدأ ، دعني أقدم لك بعض القواعد الأساسية التي نأمل أن تجعل علامات HTML أسهل في الفهم:

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

تنسيق النص

عادة ما تكون علامات HTML مباشرة. علامات صنع النص بخط عريض أو مائل أو تحته خط مشتقة من الكلمة المعنية.

إدخال:بالخط العريض
الإخراج: غامق

إدخال:مائل
انتاج:مائل

إدخال:تحته خط
انتاج:تحته خط

إدخال:شطب النص
انتاج:شطب النص

إنشاء نص تشعبي

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

إدخال:استخدمه
انتاج:استخدمه

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

تضمين الصور

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

إدخال:
انتاج:

فلنحلل أيضًا هذه العلامة. مرة أخرى ، العلامة الفعلية والسمات المطلوبة هي src = و بديل =. يشير الأول إلى موقع الصورة ، أي عنوان URL الخاص بها ، والأخير يوفر نصًا بديلاً ، يتم عرضه في حالة حظر عرض الصور أو كسر الرابط. مرة أخرى ، استخدم علامات الاقتباس لتجنب الروابط المعطلة.

ال تعد العلامة أيضًا مثالًا للعلامة التي لا تحتاج إلى "إنهاء" وبالتالي يتم إغلاقها مع الشرطة الأمامية في العلامة الأولية ، أي بدلا من .

فواصل وفقرات

لإنشاء نص منظم ، تحتاج إلى استخدام فواصل الأسطر والفقرات. وهذه هي العلامات التي تحتاج إلى معرفتها:

إدخال:

انتاج: تنشئ هذه العلامة فاصل أسطر. لاحظ أن هذه علامة أخرى توحد علامة البداية والنهاية في علامة واحدة.

إدخال:

نص داخل فقرتك.

انتاج: بخلاف العلامة السابقة ، فإن علامة الفقرة لها علامة بدء ونهاية قياسية. يتم التفاف النص الموجود بين العلامتين في فقرة ، مما يعني وجود سطر فارغ قبل وبعد.

القوائم

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

إدخال:

1. البند الأول


2. البند الثاني

انتاج:

1. البند الأول
2. البند الثاني

إدخال:

• البند الأول


• البند الثاني

انتاج:

• البند الأول
• البند الثاني

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

يتم استخدام علامة تعريف عنصر داخل القائمة.

الآن بعد أن رأيت كم هو بسيط ومنطق HTML ، قد ترغب في تجاوز الأساسيات والتعلم أكثر قليلاً. لمزيد من نصائح HTML ، راجع هذه المقالات:

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

هل تشعر بمزيد من الثقة بشأن استخدام علامات HTML الآن؟ إذا كنت تستخدم "الترميز اليدوي" بشكل روتيني من قبل ، فما العلامات التي تعتقد أنها مفقودة؟

حقوق الصورة: كنتو