كيفية عمل صفحة ويب ثابتة

...

الإنترنت: إنه المكان المناسب لك.

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

الخطوة 1

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

فيديو اليوم

ثم احفظ الملف باسم index.html (اسم الصفحة الرئيسية الافتراضي) وافتحه في متصفحك. يجب ألا ترى أي شيء لأنك أنشأت صفحة ويب فارغة.

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

الخطوة 2

فكر في HTML كنوعين رئيسيين من العلامات (أجزاء من التعليمات البرمجية بين قوسين). يخبر أحدهم المتصفح بالبدء في فعل شيء ما ، والآخر يأمره بالتوقف.

اجعل هذا النص غامقًا

كل شيء بعد - علامة الفتح - ستكون غامقة حتى تصل - علامة الإغلاق. يخبر "/" المتصفح بالتوقف.

الخطوه 3

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

توسيط النص (أو صورة) على الصفحة.

حاول استخدام العديد من هذه العلامات على نفس كتلة النص. يمكنك أن تفعل أي مجموعة تريدها.

يمكنك أيضًا إضافة مسافة بين العناصر على صفحتك بوضع ما يلي بينها:

لاستراحة فقرة ؛
لكسر الأسطر


لإنشاء فاصل بخط عبر صفحة الويب.

الخطوة 4

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

الخطوة الخامسة

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

نصيحة

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

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

و
سيكون غامقًا ومائلًا ومتمحورًا. ال
المربع داخل المربع الموجود بداخل ملف علبة.