مقدمة HTML
تعلم لغة HTML، هي أول خطوة أساسية لدخول عالم تطوير الويب وبرمجة المواقع. إذا كنت تتساءل عن ماهية HTML أو لماذا تحتاج إليها، في هذا المقال، سنشرح هذه اللغة بطريقة بسيطة ومباشرة، بحيث تصبح قادرًا على إنشاء أول صفحة ويب بنفسك.
HTML هي اختصار لـ HyperText Markup Language.
قد يبدو الاسم معقدًا، لكننا سنبسطه لتوضيح الفكرة بشكل أكبر:
- كلمة Hyper تعني ' تشعبي أو مرتبط '.
- كلمة Text تعني ' نص '.
إذن، HyperText هو النص الذي يحتوي على روابط يمكن النقر عليها للتنقل بين صفحات الإنترنت أو حتى الانتقال داخل نفس الصفحة.
على سبيل المثال:
في هذا المثال، النص "اضغط هنا للانتقال إلى جوجل" هو HyperText لأنه يحتوي على رابط ينقلك إلى موقع آخر (موقع جوجل).
هذا هو أساس جميع الروابط التي تراها على الإنترنت، والتي تجعل التصفح شبكة ديناميكية متصلة.
بدون HyperText، لن يكون الإنترنت كما نعرفه اليوم، حيث تعتمد كل تجربة التصفح على القدرة للانتقال بسهولة بين الصفحات.
- عندما نقول "Markup Language" أو "لغة توصيف"، فإننا نتحدث عن إعطاء تعليمات واضحة للمتصفح حول كيفية تنظيم وعرض محتوى الصفحة.
لشرح هذا المفهوم، تخيل أنك كتبت مستندًا على ورقة وقلت لشخص:
- "هذا هو العنوان، أريدك أن تجعله كبيرًا وواضحًا في أعلى الصفحة."
- "وهذا النص هنا هو فقرة عادية، ضعها أسفل العنوان بخط أصغر قليلاً."
في هذه الحالة، أنت تعطي تعليمات حول كيفية ترتيب النصوص. هذا بالضبط ما تفعله HTML، فهي الطريقة التي نوفر بها هذه التعليمات للمتصفح.
<h1/> هذا هو العنوان <h1>
<p/>وهذا النص هنا هو فقرة عادية. <p>
ستظهر كلمة 'هذا هو العنوان' بحجم كبير كعنوان رئيسي، بينما تظهر الجملة الثانية كفقرة صغيرة تحته
هذا هو العنوان
وهذا النص هنا هو فقرة عادية
Markup Language: تعني أننا نستخدم وسومًا (Tags) لتوصيف المحتوى على الصفحة وتحديد كيفية عرضه. يمكننا تخيلها كأننا نعطي تعليمات للمتصفح حول كيفية تنظيم محتوى الصفحة.
- على سبيل المثال:
- إذا أردنا كتابة عنوان رئيسي، نستخدم الوسم <h1>.
- إذا أردنا كتابة فقرة ، نستخدم الوسم <p> .
- وإذا أردنا إدراج صورة، نستخدم الوسم <img>."