العمل في مستند HTML يعني أولاً وقبل كل شيء العمل باستخدام علامات HTML. يجب أن تفهم الغرض من العلامات المختلفة وأن تكون قادرًا على إدارتها ، وإنشاء المحتوى الضروري وتصميم الصفحة.
انه ضروري
جهاز كمبيوتر متصل بالإنترنت
تعليمات
الخطوة 1
اقرأ عن ماهية تخطيط HTML. كما تعلم ، فإن جميع المستندات الموجودة على الإنترنت لها تنسيق صفحة HTML بلغة ترميز النص التشعبي. يتم تقسيم المحتوى الكامل لمستند HTML إلى مناطق محددة. يتم تحديد كل منطقة بواسطة علامة ما. اعتمادًا على المحتوى الذي سيتم استخدامه ، يتم تطبيق علامة معينة. يتم تحديد العلامات بواسطة وتستخدم لإخبار المتصفح بكيفية تفسير محتوى الصفحة.
الخطوة 2
افتح أي محرر نصوص لتبدأ مع HTML. يجب أن يبدأ أي مستند HTML بعلامة html لإثبات أن كل محتوى الصفحة هو ترميز HTML. يجب أن تحتوي جميع العلامات تقريبًا على علامة نهاية. وبالتالي ، من الممكن تقييد نطاق هذه العلامة. تختلف علامة الإغلاق عن علامة الفتح بعلامة "/" قبل اسم العلامة. كل علامة لها خصائصها الخاصة. على سبيل المثال ، إذا كتبت عبارة "Hello، World!" ، وفصلها بعلامة b ، فستظهر بخط عريض في نافذة المتصفح.
الخطوه 3
لاحظ استخدام العلامات مثل h1 و h2 و h3 و h4. الغرض منها هو كتابة معلومات نصية كبيرة. سيكون الحجم الأكبر هو النص المحاط بعلامة h1. تتيح لك بقية العلامات في هذه السلسلة تنسيق النص باستخدام حجم أصغر. هذه العلامات لها اسم عنوان مستوى معين.
الخطوة 4
حاول وضع العلامات بحيث يمكنك رؤية تداخل إحدى العلامات في علامة أخرى. هذا يعني أنه عند تنسيق مستند HTML ، يُنصح بوضع مسافة بادئة لمسافتين عند كتابة أي علامة متداخلة.
الخطوة الخامسة
إذا كنت تريد استخدام الصور على صفحتك ، فإن العلامة تخدم هذه الأغراض
، والذي يحتوي على معلومات حول موقع ملف الصورة. يمكن أن تحتوي علامة img ، مثل العديد من العلامات الأخرى ، على مجموعة من المعلمات لتحسين خصائص الصورة. على سبيل المثال ، يمكنك تحديد الأبعاد الدقيقة للصورة وجعلها قابلة للنقر وتعيين السطوع والشفافية وخصائص أخرى مشابهة.
الخطوة 6
لاحظ أن معظم صفحات HTML لا تحتوي على أوصاف للكائنات التي تحتوي عليها في علاماتها. يتم تحقيق ذلك باستخدام أوراق الأنماط المتتالية. تتيح لك هذه التقنية تحديد أوصاف جميع العلامات المستخدمة إما في بداية المستند داخل علامة خاصة منفصلة ، أو في ملف منفصل. لا يسمح لك هذا بجعل صفحة HTML أكثر قابلية للقراءة فحسب ، بل يتيح لك أيضًا إنشاء علاماتك الخاصة ، والتي يتم تخزين أوصافها بشكل منفصل.
