الواصفات الأساسية وصياغتها في HTML. هيكل مستند HTML

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

لغة البرمجة

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

كقاعدة عامة، تحدد تفاصيل اللغة وجود واصف الافتتاح والختام. كل شيء بينهما قابل للتغيير.

يمكن أن يحتوي الواصف على سمات، أي خصائص معينة. يبدو بناء الجملة الخاص بهم كما يلي: اسم السمة = قيمتها.

مع مراعاة المنطق العام، تمثل الواصفات في HTML تسميات تعريف الكائنات. يمكنك استخدامها للتحكم في المظهر والتفاعل مع الصفحة وتخصيص معاني خاصة لها.

بنية x86

في المعالجات، تعد الواصفات بنية خاصة يتم من خلالها إجراء التحولات المختلفة. هيكلها يبدو مثل هذا:

  • تحيز. يمكن تغيير إجراء التعليمات البرمجية.
  • محدد. يعكس نوعًا من التسمية حيث يجب أن يذهب الإجراء.
  • عدد المعلمات.
  • حقوق الوصول.

جافا

لدى Java EE مفهوم واصف النشر. فهو يحدد كيفية نشر servlet. في الأساس، هذا هو ملف التكوين الذي يحتوي على الإعدادات والخصائص ومتطلبات الأجهزة.

في تطبيقات الويب، وفقًا للقواعد، يجب أن يسمى هذا الملف web.xml ويقع في مجلد معين.

واصفات الملف

في أنظمة التشغيل، للعمل مع الملفات، عليك أولاً الوصول إليها. ويمكن القيام بذلك من خلال واصف الملف. في هذا المثال، يعمل كنوع من الملصقات التي تحدد العملية التي أنشأت دفق الإدخال/الإخراج.

يتيح لك نظام التشغيل Windows الوصول إلى المقبض باستخدام وظيفة CreateFile. يمكن استخدامه لاحقًا عند العمل مع الملف المطلوب.

تستخدم أنظمة يونكس رموزًا رقمية لواصفات الملفات. 0 هو الإدخال القياسي للعملية الطرفية، 1 هو مخرجاتها، 2 هو تيار التشخيص. بالإضافة إلى التمثيلات الرقمية، يمكنك استخدام الثوابت الرمزية المحددة بواسطة المواصفات.

مقبض النافذة

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

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

للتحقق مما إذا كان التعريف قد اكتمل بشكل صحيح، يجب عليك استخدام الدالة IsWindow.

الخطأ رقم 1400

هذه المشكلة شائعة في عائلة أنظمة التشغيل Windows. عندما يظهر، قد يكون هناك أيضًا وصف قصير معه - مقبض نافذة غير صالح. أو قد تكون هناك مثل هذه الصياغة - "Error_invalid_window_handle" أو 0x578.

كيف نقاتل وماذا يعني الوصف غير الصحيح؟ اعتمادا على سياق الكائن، يجب اتخاذ تدابير مختلفة.

في أي حال، يجب عليك على الفور اتباع التدابير القياسية المتخذة لجميع مشاكل النظام:

  • إطلاق الخطأ وفحصه باستخدام الأداة المساعدة للتحقق من تكامل ملفات النظام؛
  • فحص جهاز الكمبيوتر الخاص بك بحثا عن الفيروسات.
  • إذا لم تساعد الخطوات الأساسية، فقد يكون من المفيد إلغاء تثبيت التطبيق الذي يسبب العطل وإعادة تثبيته مرة أخرى.

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

    عندما قد يحدث خطأ

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

    خاتمة

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

    وأصبح من الواضح أيضًا أن هذا كان الوصف الخاطئ. كما اتضح فيما بعد، هذه مشكلة شائعة في بيئة Windows، وفي معظم الحالات يمكن حلها من خلال التلاعب البسيط.

  • ثانيا. المبادئ والقواعد الأساسية للسلوك الرسمي لموظفي الخدمة المدنية بالدولة في دائرة الضرائب الفيدرالية
  • ثانيا. الأهداف والغايات الرئيسية للبرنامج، وفترة ومراحل تنفيذه، والمؤشرات والمؤشرات المستهدفة
  • ثانيا. المراحل الرئيسية في تطور الفيزياء تشكيل الفيزياء (حتى القرن السابع عشر).
  • III.2.1) مفهوم الجريمة وخصائصها الرئيسية.
  • لغة البرمجة- لغة ترميز النص التشعبي للوثيقة. باستخدامه، يمكنك كتابة نصوص تحتوي على روابط لصفحات أخرى، وإنشاء جداول، وقوائم، وتضمين صور، وغير ذلك الكثير. تُستخدم هذه اللغة لكتابة مواقع الويب.

    » أتش تي أم أل للمبتدئين

    " الصفحة الرئيسية

    » أتش تي أم أل للمبتدئين

    العلامات الأساسية (الواصفات) للغة html

    وفقًا لتقليد جميع دروس HTML الكلاسيكية، نقدم أبسط مستند نص تشعبي.

    مثال على وثيقة HTML بسيطة

    عنوان المستوى الأول موجود هنا

    مرحبا بكم في شبكة الإنترنت!

    الفقرة الأولى والأخيرة.

    في هذا المثال، استخدمنا مصطلحات النص التشعبي التالية (تسمى العلامات):

    - علامة تستخدم لتحديد العنوان.</p> <p><H1>- علامة العنوان.</p> <p><P>علامة علامة الفقرة.</p> <p>في لغة وصف مستند النص التشعبي، يتم إقران جميع العلامات. تحتوي علامة النهاية على شرطة مائلة تشير إلى اكتمال المتصفح. لكن! هناك استثناء واحد لقاعدة الاقتران هذه:</p> <p>لا توجد علامة في الطبيعة</P>.</p> <p>ليست كل العلامات متوافقة مع المتصفحات. إذا لم يفهم المتصفح العلامة، فإنه ببساطة سيتخطىها.</p> <p>لذا فإن مستند HTML هو الرأس:</p> <p><head>عنوان</head></p> <p>مع العنوان:</p> <p><title>اسم

    اسم الوثيقة

    هذه ليست قاعدة، أو حتى قانون، بل هي حقيقة:

    كل مستند HTML له عنوان.

    يمكن أن يساعد عنوان مستند HTML المتصفحات الأخرى في العثور على المعلومات. يتم دائمًا تحديد مكان العنوان - فهو في أعلى الشاشة، ومنفصل عن محتوى المستند. الحد الأقصى لطول الاسم هو 40 حرفًا.

    التنسيق

    يمكن أن يكون التنسيق مباشرًا أو خاصًا. إذا كنت تستخدم العلامة

    العلامات التالية متأصلة في التنسيق المباشر:



    فقرة.


    - خط أفقي.

    الخط مقطوع.

    العناوين والعناوين الفرعية

    يتيح لك HTML العمل مع ستة مستويات من العناوين. العنوان الأول هو الأهم. يتم إيلاء اهتمام خاص له. يمكن تنسيق العناوين الأخرى، على سبيل المثال، بأحرف غامقة أو كبيرة.

    في HTML يتم تعيين الرأس الأول كـ

    :

    نص

    نعني بـ n مستوى العنوان، أي الأرقام 1 أو 2 أو 3 أو 4 أو 5 أو 6.

    في HTML، يمكن أن يكون العنوان الأول هو عنوان المستند.

    وتنقسم القوائم إلى غير مرقمة:

  • قائمة الاغراض

    مرقمة:

  • قائمة الاغراض

    مع الأوصاف:

    كلب (عنصر)

    صديق الرجل (وصف العنصر)

    ومتداخلة:

  • بريموس

  • بريموس آخر

    اختيار النص

    يمكن تمييز النص الموجود في مستند HTML بإحدى الطرق التالية:

    - يقتبس

    - كود البرنامج



    - تعريف

    - التركيز المنطقي

    - إدخال لوحة المفاتيح

    - رسائل الكمبيوتر

    - لهجة قوية

    - المتغيرات

    فقرة واحدة كبيرة

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

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

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

    يتم استخدام العلامة لهذا الغرض . تذكر أنه يجب أن تكون هناك مسافة بعد الحرف A.

    ¦ الاتصال الهاتفي

    ¦ أدخل HREF=”اسم الملف”>

    ¦ اكتب العلامة

    بوب

    هنا ترتبط كلمة Bob بالوثيقة BobAnapa.html، لتشكل رابطًا نصيًا تشعبيًا.

    بوب

    إذا كنت تريد تحديد اسم الملف الكامل، فأنت بحاجة إلى استخدام بناء جملة UNIX.

    البروتوكول: //المضيف/المسار

    تنسيق النص مسبقًا

    بطاقة شعار

    يسمح لك بإنشاء نص بخط أحادي المسافة.

    استخدم هذه العلامة لتصميم قوائم البرامج.

    اقتباسات موسعة

    بطاقة شعار

    يسمح لك بتضمين عرض أسعار في كائن منعزل.

    بطاقة شعار

    يسمح لك بإنشاء معلومات حول مؤلف مستند HTML.

    تغذية خط القوة

    بطاقة شعار
    يترجم سطرًا واحدًا فقط، أي بدون مسافة إضافية.

    فواصل أفقية

    بطاقة شعار


    يشكل خطًا أفقيًا عبر عرض النافذة بالكامل.

    الصور المضمنة

    يمكنك تضمين الصور في المستند الخاص بك. بناء جملة الصورة المضمنة كما يلي:

    هنا image_URL هو مؤشر لملف صورة، ويكون بناء الجملة الخاص به هو نفس بناء جملة رابط HTML.

    في مشروع الدبلوم، تم استخدام لغة ترميز النص التشعبي HTML كأداة برمجية لملء المحتوى الثابت.

    HTML (لغة ترميز النص التشعبي) هي لغة برمجة كمبيوتر مصممة لتطوير صفحات الويب، أو بمعنى آخر، مستندات HTML. لغة HTML عبارة عن مجموعة من أحرف التحكم - الواصفات التي يمكنك من خلالها إضافة عناصر المستند وتنسيقها. لتخصيص مظهر عنصر الصفحة وعمله، يتم تعيين سماته.

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

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

    هناك العديد من محررات HTML المتخصصة، والتي يمكن تقسيمها إلى نوعين:

      برامج تحرير HTML المرئية، أي برامج تحرير نوع WYSIWIG (على سبيل المثال، Microsoft FrontPage، وMacromedia Dreamveawer، وNetscape Navigator Gold، وما إلى ذلك). عند العمل في هذه البرامج، يتعامل المستخدم مع الصور الرسومية لعناصر HTML، وليس مع رمز المستند. بالمناسبة، هناك محولات للمستندات النصية المعدة في Word وWord Perfect إلى تنسيق ملف HTML؛

      محرري نصوص HTML أنفسهم، مما يسمح لك بأتمتة كتابة وتحرير التعليمات البرمجية (على سبيل المثال، HomeSite، HotDog، Ken Nesbitt Web Editor وغيرها الكثير). تتيح هذه البرامج للمستخدم إمكانية إدراج عناصر HTML في المستندات بسرعة وسهولة، والتحقق من بناء جملة الأوامر، وتشغيل الصفحة وتصحيح أخطائها دون مغادرة نافذة المحرر. بشكل عام، العمل في مثل هذه المحررات يذكرنا بالعمل في بيئة برمجة تفاعلية مثل دلفي أو فيجوال بيسك.

    بالإضافة إلى الفئتين المذكورتين، هناك برامج تجمع بين ميزات محررات HTML النصية والمرئية؛ وتشمل هذه البرامج برنامج HotMetal الذي طورته شركة SoftQuad Sofware.

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

    عند استخدام كل عنصر، من المهم معرفة العناصر التي يمكن وضعها بداخله، والعناصر التي يمكن وضعها بداخله. وبالتالي، يجب أن يكون الموضع النسبي لعناصر HTML وHEAD وTITLE وBODY قياسيًا في أي صفحة، ولكن في الحالات التي لا يتم فيها استخدام الإطارات. إذا كانت الصفحة عبارة عن مستند تخطيط إطار (المزيد حول هذا الأمر في قسم الإطارات في الفصل 3)، فسيتم استخدام عنصر FRAMESET بدلاً من عنصر BODY.

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

    يتيح العدد الكبير من العناصر المستخدمة لتنسيق النص مجموعة واسعة من خيارات التداخل. ويجب بالضرورة أن يكونوا موجودين داخل عناصر معينة. هنا يجب أن نسترشد بالفطرة السليمة: كل عنصر يؤدي وظيفة معينة وله نطاق محدد.

    يحتوي المثال أدناه على فقرتين (الأولى في مربع أخضر) وجدول:

    <Р style="border: Зрх solid дгееп">نص الفقرة 1

    . . .

    <Р>نص الفقرة 2

    الجدول في هذه الحالة هو عنصر مستقل. ويمكن، على سبيل المثال، محاذاته بشكل مستقل عن بقية النص.

    يمكنك استخدام كود آخر:

    <Р style="border: Зрх solid дгееп">نص الفقرة 1

    . . .

    <Р>نص الفقرة 2

    اختفت علامة نهاية الفقرة الأولى. أصبح الجدول الآن جزءًا من الفقرة الأولى، وسيحتوي الحد الأخضر على الجدول والنص.

    على العكس من ذلك، قد يوجد عنصر P داخل جدول: على سبيل المثال، قد يحتوي عنصر TD في خلية واحدة على عدة فقرات P.

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

    <Н1>عنوان 1<Н2>العنوان 2

  • العنوان 3

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

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

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

    يجب وضع علامة على المستند بأكمله كمستند HTML. وللقيام بذلك، يجب أن يبدأ الأمر بأمر وينتهي بأمر.

    تتكون الوثيقة من جزأين:

      رأس (رأس).

      وثيقة (الجسم).

    عند كتابة أوامر HTML، لا يهم ما إذا كنت تكتب الأوامر بأحرف صغيرة أو كبيرة.

    يحتوي الرأس على معلومات حول المستند، مثل عنوانه والمعلومات المنهجية التي تصف محتوياته. يحتوي النص على محتوى المستند نفسه (ما يتم عرضه في نافذة المتصفح).

    تتكون كل علامة من اسم، والذي يمكن أن يتبعه قائمة من السمات الاختيارية، وكلها موجودة بين قوسين زاوية< >.

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

    الشكل 1.1. التخطيط العام للمستند بتنسيق HTML

    تحتوي العلامات على علامة بداية (فتح أو بداية) وعلامة نهاية (إغلاق). سينفذ النص الموجود بين العلامات التعليمات الواردة فيها. على سبيل المثال:

    لي أولاًصفحة على الإنترنت

    النتيجة : خاصتي أولاًصفحة على الإنترنت.

    تحمل علامة النهاية نفس اسم علامة البداية، ولكنها مسبوقة بشرطة مائلة (/). يمكن اعتباره بمثابة "تبديل" للعلامة. لا تحتوي علامة النهاية على سمات أبدًا.

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

    دعنا نكتب مثالاً على مستند بسيط:

    <ТIТLЕ>مثال لصفحة HTML

    <ВОDY>هذه صفحة بسيطة توضح بنية الوصف بلغة HTML.

    بطاقة شعار ، الموجود في عنوان الصفحة، يشير إلى عنوان الصفحة الذي تعرضه معظم المتصفحات في عنوان النافذة. من خلال تحديد اسم الصفحة، يمكنك تبسيط العمل مع الموقع (سوف يفهم المستخدم مكان وجوده حتى قبل انتهاء تحميل المستند). يوضح الشكل 1.2 الصفحة الموضحة أعلاه مفتوحة في متصفح Internet Explorer.</p><p><img src='https://i1.wp.com/studfiles.net/html/2706/1150/html_9phP5XeW90.EBoA/img-j7Tmqy.png' height="122" width="321" loading=lazy loading=lazy></p><p>الشكل 1.2. مثال لصفحة HTML</p><p>يجب ألا يظهر عنصر BODY أكثر من مرة واحدة في المستند.</p><p>صفات:</p><ul><p>MARGINHEIGHT - يحدد العرض (بالبكسل) للهوامش العلوية والسفلية للمستند. يعمل فقط في متصفحات Netscape؛</p><p>TOPMARGIN - يحدد العرض (بالبكسل) للهوامش العلوية والسفلية للمستند. يعمل فقط في متصفحات Internet Explorer؛</p><p>MARGINWIDTH - يحدد العرض (بالبكسل) للهوامش اليسرى واليمنى للمستند. يعمل فقط في متصفحات Netscape؛</p><p>LEFTMARGIN - يحدد العرض (بالبكسل) للهوامش اليسرى واليمنى للمستند. يعمل فقط في متصفحات Internet Explorer؛</p><p>BACKGROUND - يحدد الصورة "لملء" الخلفية. يتم تحديد القيمة كعنوان URL كامل أو اسم ملف مع صورة بتنسيق GIF أو JPG؛</p><p>BGCOLOR - يحدد لون خلفية المستند؛</p><p>النص - يحدد لون النص في الوثيقة؛</p><p>LINK - يحدد لون الارتباطات التشعبية في المستند؛</p><p>ALINK - يحدد لون تمييز الارتباطات التشعبية في لحظة النقر؛</p><p>VLINK - يحدد لون الارتباطات التشعبية للمستندات التي شاهدتها بالفعل.</p> </ul><p><BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40"></p><p>نص الوثيقة.</p><p>تظهر نتيجة المثال في الشكل 1.3.</p><p><img src='https://i1.wp.com/studfiles.net/html/2706/1150/html_9phP5XeW90.EBoA/img-Y77Rh5.png' height="118" width="270" loading=lazy loading=lazy></p><p>الشكل 1.3. مثال لتغيير لون الخلفية ولون النص</p><p>يتم تحديد قيم سمات BGCOLOR وTEXT وLINK وALINK وVLINK إما بقيمة سداسية عشرية RGB أو واحدة من 16 لونًا أساسيًا.</p><p>عادة ما تكون المناطق الرئيسية لصفحات الويب مشغولة بالنص. تتكون الكتل النصية من أسطر فردية مدمجة في فقرات. تبدأ الفقرات بسطر جديد، ويتم فصل مجموعات الفقرات عن بعضها البعض بالعناوين.</p><p>عند إعداد مستندات نصية عادية، يتم عرض الأفكار الكاملة في شكل فقرات. يتم اتباع هذه القاعدة أيضًا في عملية إنشاء المستندات للويب. علاوة على ذلك، في حالة صفحات الويب، يعد التقسيم الواضح للنص إلى فقرات أمرًا إلزاميًا، حيث يجب أن تكون النصوص موجزة وتسمح بالقراءة بطلاقة.</p><p>هناك عدة خيارات لإنشاء فقرة في HTML. أبسطها هو استخدام العلامات <p>و <p>التي يوضع بينها نص الفقرة.</p><p>قد يبدو رمز الصفحة التي تحتوي على فقرات كما يلي:</p><p><TITLE>كسر الفقرة

    ريتشارد باخ

    الوحيد

    لقد قطعنا شوطا طويلا، أليس كذلك؟

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

    ستظهر نافذة المتصفح كما هو موضح في الشكل 1.4.

    الشكل 1.4. تقسيم إلى فقرات.

    واللسان لغة البرمجةوالتعريف الأهم هو " بطاقة شعار"(من الكلمة الإنجليزية "tag"، وأحيانًا تُكتب أيضًا "tag"). بطاقة شعارهو تعبير رمزي أو نصي (من أجل الوضوح، دعونا نسمح لأنفسنا بتشبيه غير صحيح تمامًا لمصطلحي "الأمر" أو "المشغل" من لغات البرمجة)، وينص على اتخاذ بعض الإجراءات المحددة مباشرة على العلاماتو التنسيقعرض الشاشة صفحات الانترنت.

    وهذا يعني أن هذا ليس بأي حال من الأحوال عامل تشغيل أو أمر، ولكنه مجرد تعليمات (على سبيل المثال، ضع مسافة بادئة على اليسار، ضع رسمًا توضيحيًا بحجم معين على اليمين، وتحته - ارتباط تشعبي).

    بالإضافة إلى العلامات نفسها، في اللغة نص تشعبي علاماتيتم استخدام صفاتهم.

    ديكور بطاقة شعارفي مصفوفة الوثيقة يتم تنفيذها باستخدام أقواس زاوية، مما يسمح للمترجم بالتمييز بين النص (المحتوى الموضوعي) ومباشرة لغة البرمجة-رمز يعرض المعلومات بشكل صحيح على صفحة الويب.

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

    جزء من الوثيقة...،

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

    عناصر لغة HTML

    بدون استثناء، جميع عناصر لغة HTML هي إما علامات أو سمات لها؛ لا أوامر ولا شروط في لغةترميز النص التشعبي ببساطة غير موجود (انظر العلامات الوصفية أدناه). العناصر النشطة والتأثيرات الديناميكية على صفحة على الإنترنتيتم تنفيذها من خلال دمج وحدات مستقلة وكاملة في كود النص التشعبي، ويتم تنفيذها بإحدى لغات البرمجة الكلاسيكية (على سبيل المثال، JavaScrypt تحظى بشعبية كبيرة على مواقع الويب)، أو من خلال طرق برمجة الخادم.

    رموز ميتا

    لغة البرمجة. بطاقة شعار

    الموضوعات الرئيسية:

    تصميم الويب. لغة البرمجة. بطاقة شعار

    مقال

    1. تاريخ موجز للشبكة العالمية للطقس

    2. لغة HTML - إنشاء مستندات الويب:

    أ) قالب مستند الويب

    ب) تنسيق النص

    ج) تنسيق الفقرة

    د) العمل مع صور الصور:

    I. صور الخلفية

    ثانيا. الصور الثابتة والديناميكية

    و) الإطارات:

    I. الإطارات العمودية

    ثانيا. الإطار الأفقي

    ثالثا. إطارات متداخلة

    وسائل بديلة لإعداد الوثائق

    1. تاريخ موجز للشبكة العالمية

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

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

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

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

    لإنشاء مستندات ويب على شبكة الإنترنت، يتم استخدام لغة خاصة تسمى HTML، والتي تعني لغة توصيف النص التشعبي - وهي لغة ترميز النص التشعبي، وهي لغة تنسيق البيانات. استنادًا إلى لغة التوصيف العامة القياسية (SGML)، تحدد لغة HTML تنسيق البيانات وتنظيمها في مستندات الويب. فهو لا يحدد بالضبط كيفية وضع النص على الشاشة، بل يحدد بنية البيانات. يمكن أن يحتوي مستند الويب على أكثر من مجرد معلومات نصية، وبالتالي فإن لغة HTML من الأصح أن تسمى لغة توصيف HyperMedia، ولكن في الأدبيات يتم استخدام اختصار HTML دائمًا تقريبًا. المستند الذي تم إنشاؤه بتنسيق HTML هو ملف عادي بتنسيق ASCII. يعتمد على واصفات خاصة (علامات) تحدد تنسيق البيانات في أي مستند ويب. وبطبيعة الحال، يلزم وجود برنامج خاص لعرض مستندات HTML على شبكة الويب العالمية. تسمى هذه البرامج المتصفحات (من اللغة الإنجليزية. تصفح- تصفح، تصفح). وبمساعدتهم، يمكنك تنزيل صفحات الويب وعرضها، والتنقل في WWW، وما إلى ذلك. يوجد حاليًا عدد كبير جدًا من المتصفحات، أشهرها هي Microsoft Internet Explorer وNetscape Navigator وNCSA Mosaic. يقوم المتصفح، بعد قراءة ملف HTML، بتفسير البيانات الموجودة في المستند باستخدام الواصفات ويعرضها على شاشة الكمبيوتر وفقًا لذلك. يوضح الشكل 1 مثالاً لمستند ويب:

    الشكل 1 مثال على وثيقة ويب

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

    اليوم، بالإضافة إلى الإصدار الرسمي للغة، هناك أيضًا إصدارات HTML من Microsoft وNetscape، والتي تدعم أيضًا ميزات إضافية غير مذكورة في مواصفات الإصدار الرسمي من HTML. لحل مشكلة توافق المتصفح عند عرض المستندات المؤلفة باستخدام عناصر الإصدارات غير الرسمية للغة HTML، تقوم الشركات المذكورة أعلاه بتضمين دعم لإصدار بديل للغة في منتجاتها. الإصدار 4.0 من اللغة، المسمى Dynamic HTML، في الطريق، ويعد بإدخال تحسينات على الميزات القديمة والجديدة المثيرة لتصميم مستندات الويب. يقترح W3C (اتحاد شبكة الويب العالمية - منظمة معايير شبكة الويب العالمية) بالفعل هذا الإصدار من اللغة كمعيار. هناك إصدارات من الإصدار الجديد من اللغة من Microsoft وNetscape، والتي، مع ذلك، ليست متوافقة مع بعضها البعض حتى الآن. تكشف هذه الورقة عن الأدوات الرئيسية لإنشاء المستندات من إصدار HTML 3.2 من Netscape Communications.

    2. لغة HTML. بناء وثائق الويب

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

    لغة HTML ليست حساسة لحالة الأحرف، لذلك يمكن تحديد كافة الأوصاف بأحرف كبيرة أو صغيرة. سيقوم المتصفح بتفسيرها بشكل لا لبس فيه في أي تهجئة.

    إذا نظرت إلى النص المصدر لصفحة ويب نموذجية، فسترى شيئًا مثل ما يلي:

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

    نص

    نص

    نص

    نص

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

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

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

    تنسيق النص

    يتضمن تنسيق النص عرض النص بخط معين أو بسمات محددة.

    لتنسيق النص، تحتاج إلى إحاطة سطر أو أسطر من النص بين زوج من المقابض. فيما يلي قائمة أساسية بالواصفات ونتائج تنسيق النص:

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

    هذا النص مكتوب بخط مائل

    ونتيجة لذلك، سيعرض المتصفح:

    هذا النص مكتوب بخط مائل

    يمكن دمج الواصفات مع بعضها البعض بأي ترتيب، على سبيل المثال، المجموعة

    تتم طباعة هذا النص بخط مائل غامق

    سوف تنتج النتيجة التالية:

    تتم طباعة هذا النص بخط مائل غامق

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

    هذا هو النص وامض

    ومع ذلك، نادرًا ما يتم استخدام ملحق لغة Netscape هذا وقد يصبح قديمًا قريبًا.

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

    هذا نصأربعة أحجام أكبر من المعتاد