HTML هي لغة ترميز النص التشعبي. لغة ترميز النص التشعبي HTML ما هو الغرض من ترميز النص التشعبي
تعمل تقنيات ويب المعلومات الحديثة على تغيير عالمنا بسرعة وتؤثر بشكل مباشر على تطوير تقنيات الويب. أثرت هذه الثورة التكنولوجية بشكل كبير ليس فقط على الأعمال ، ولكن أيضًا على الحياة الخاصة والمهنية. تخترق أحدث تقنيات الويب جميع مجالات المجتمع ، وتغير طرق الاتصال ومبادئ تنفيذ مشاريع الويب للشركات الحديثة ، وتحدد مصير الأخيرة. التعقيد الداخلي وسهولة الاستخدام القصوى لتقنيات الويب المعلوماتية الحديثة تجعلها في متناول كل من يواجه يوميًا استخدامها في أنشطتهم المهنية.
في الحياة اليومية وفي الأعمال التجارية والمراسلات والتجارة ، يستخدم الأشخاص والمؤسسات الويب ، وينشئون مواقع الويب الخاصة بهم ، حيث يقدمون المعلومات والسلع والخدمات. تتطور أدوات إنشاء موارد الويب بسرعة وبدون توقف ، مما يسمح لك بإنشاء مستندات ويب معقدة دون الحاجة إلى معرفة خاصة حول هيكلها و مظهرتوفير الوقت للنشاط الإبداعي الإنتاجي. الميزة الرئيسية لتقنيات الويب في الظروف الحديثةتكمن في بساطتها ، ونتيجة لذلك ، في زيادة كفاءة تطبيقها.
لغة ترميز النص التشعبي HTML
ترجع شعبية الإنترنت إلى حد كبير إلى ظهور شبكة الويب العالمية (WWW) ، حيث كانت أول تقنية شبكة توفر للمستخدم واجهة بسيطة وحديثة للوصول إلى مجموعة متنوعة من موارد الشبكة. أدت البساطة وسهولة الاستخدام إلى زيادة عدد مستخدمي شبكة الإنترنت العالمية وجذبت انتباه الهياكل التجارية. علاوة على ذلك ، أصبحت عملية النمو في عدد المستخدمين انهيارًا جليديًا ، ويستمر هذا حتى يومنا هذا. بناءً على الحاجة إلى دمج المجموعة بأكملها مصادر المعلوماتبدأت التكنولوجيا في التطور بمساعدة تم تعريف نظام ملاحة النص التشعبي. كانت تلك التكنولوجيا هي HTML. كانت تقنية HTML في المرحلة الأولية بسيطة للغاية ، وحصل جميع مستخدمي الشبكة تقريبًا في نفس الوقت على فرصة لتجربة أنفسهم كمبدعين وقراء لمواد إعلامية منشورة على شبكة الويب العالمية. الحقيقة هي أنه عند تطوير مكونات مختلفة للتكنولوجيا ، كان من المفترض أن تكون مؤهلات مؤلفي موارد المعلومات ومعداتهم مع تكنولوجيا الكمبيوتر ضئيلة.
HTML (HyperText Markup Language) هي إحدى ما يسمى لغات الترميز. يشير مصطلح "العلامات" إلى العام معلومات الخدمة، والتي لم يتم إخراجها مع المستند ، ولكنها تحدد ؛ كيف يجب أن تبدو أجزاء معينة من المستند. على سبيل المثال ، قد ترغب في أن تكون الكلمة بالخط العريض أو المائل ، أو فقرة معينة بخط معين ، أو العناوين بخط أكبر.
هناك العديد من لغات الترميز المختلفة هذه الأيام. على سبيل المثال ، في برامج الاتصال ، يحدد شكل معين من العلامات معنى كل حزمة من 0 و 1 يتم إرسالها عبر الإنترنت. ومع ذلك ، يجب أن تحل أي لغة ترميز مهمتين مهمتين:
1) اللغة تحدد بناء الجملة ؛
2) اللغة تحدد معنى الترميز.
لغة الترميز الأكثر شيوعًا لصفحات الويب هي HTML. تم إنشاء لغة الترميز هذه والإعلان عنها كواحدة من عمليات إنشاء مثيل لـ SGML. تم اقتراحه لأول مرة في عام 1974 من قبل Charles Goldfarb وتم اعتماده لاحقًا كمعيار ISO رسمي بعد مراجعة كبيرة ، SGML (لغة الترميز القياسية المعممة ، لغة الترميز القياسية المعممة) هي لغة معدنية - نظام لوصف اللغات الأخرى.
كان ظهور معيار SGML مدفوعًا بالحاجة إلى مشاركة البيانات تطبيقات مختلفةوأنظمة التشغيل. حتى في الستينيات البعيدة ، واجه مستخدمو الكمبيوتر الكثير من مشكلات التوافق. بعد تحليل أوجه القصور في العديد من لغات الترميز غير القياسية ، قام ثلاثة علماء من شركة IBM - تشارلز جولدفارب (تشارلز جولدفارب) وإد موشر (إد موشر) وراي لوري - بصياغة ثلاثة مبادئ عامة تضمن إمكانية التعاون مع المستندات في أنظمة التشغيل المختلفة .
1) استخدام مبادئ التنسيق الموحد في جميع البرامج التي تعالج المستندات. إنه مطلب منطقي تمامًا - نعلم جميعًا جيدًا مدى صعوبة الأمر بالنسبة للأشخاص الذين يتحدثون لغات مختلفة. إن وجود مجموعة واحدة من التركيبات النحوية والدلالات الشائعة يبسط إلى حد كبير التفاعل بين البرامج.
2) تخصص تنسيق اللغات. بفضل القدرة على بناء لغة متخصصة بناءً على مجموعة من القواعد القياسية ، يتوقف المبرمج عن الاعتماد على التطبيقات الخارجية وأفكارها حول احتياجات المستخدم النهائي
3) تعريف واضح لشكل الوثيقة. تحدد القواعد التي تحدد تنسيق المستند عدد وتسمية تراكيب اللغة المستخدمة في المستند. يضمن استخدام التنسيق القياسي أن يعرف المستخدم تمامًا بنية محتوى المستند. يرجى ملاحظة أن هذا لا يتعلق بتنسيق عرض المستند ، بل يتعلق بتنسيقه الهيكلي. تسمى مجموعة القواعد التي تصف هذا التنسيق "تعريف نوع المستند" (DTD).
شكلت هذه القواعد الثلاثة أساس سلف SGML ، GML (لغة الترميز المعممة). استمر البحث والتطوير في GML لمدة عشر سنوات تقريبًا ، حتى وُلد معيار SGML كنتيجة لاتفاق توصلت إليه مجموعة دولية من المطورين.
HTML (لغة ترميز النص التشعبي) هي لغة الكمبيوتر التي تقوم عليها شبكة الويب العالمية. يعتمد HTML على معيار SGML ، وهي لغة ترميز نص تشعبي لتمثيل المستندات على الويب. معايير لغة HTML ، أحد معايير الويب الرئيسية ، يتم تطويرها وصيانتها بواسطة W3C. مؤسس هذا الكونسورتيوم الدولي هو تيم بيرنرز لي. الاتحاد ، بالإضافة إلى إنشاء معايير التنسيق ، هو مركز تطوير الويب الدلالي (الويب الدلالي). عن طريق لغة HTML ، يتم توفير ترميز تنسيق المستندات ، ويتم تحديد الارتباطات التشعبية بين المستندات و / أو أجزاءها.
تم اختيار HTML المعتاد كأساس لكتابة كود HTML. ملف نصي. وبالتالي ، فإن قاعدة بيانات النص التشعبي في مفهوم WWW هي مجموعة من الملفات النصية التي تم ترميزها في HTML ، والتي تحدد شكل عرض المعلومات (العلامات) وهيكل الروابط بين هذه الملفات وموارد المعلومات الأخرى (روابط النص التشعبي).
تمكن مطورو HTML من حل مشكلتين:
تزويد مصممي قواعد بيانات النص التشعبي بأداة بسيطة لإنشاء المستندات ؛
· لجعل هذه الأداة قوية بما يكفي لتعكس الأفكار الموجودة حول واجهة المستخدم لقواعد بيانات النص التشعبي في ذلك الوقت.
تم حل المهمة الأولى عن طريق اختيار نموذج علامة لوصف الوثيقة. يسمح لك HTML بالترميز وثيقة إلكترونية، والتي يتم عرضها على الشاشة بمستوى طباعة التصميم ؛ يمكن أن يحتوي المستند الناتج على مجموعة متنوعة من الملصقات والرسوم التوضيحية ومقاطع الصوت والفيديو وما إلى ذلك. تتضمن اللغة أدوات متقدمة لإنشاء مستويات مختلفة من العناوين وتحديد الخطوط والقوائم المختلفة والجداول وغير ذلك الكثير.
ثانية نقطة مهمةالتي أثرت على مصير HTML هو أنه تم اختيار ملف نصي عادي كأساس. تعد بيئة تحرير HTML مكانًا محرومًا بين ملف نصي بسيط وتطبيق WYSIWYG (ما تراه هو ما تحصل عليه). يمنحك اختيار بيئة التحرير جميع مزايا تحرير النص.
بدأت روابط النص التشعبي التي تنشئ روابط بين المستندات النصية تدريجيًا في توحيد مجموعة واسعة من مصادر المعلومات ، بما في ذلك الصوت والفيديو. يتيح لك نظام الارتباط التشعبي بتنسيق HTML إنشاء نظام من المستندات المترابطة وفقًا لمعايير مختلفة. تحتوي لغة HTML على أوامر (علامات) تسمح لك بالتحكم في شكل وحجم الخطوط ، وحجم وموقع الرسوم التوضيحية ، وتسمح لك بالتنقل من جزء من النص أو الرسم التوضيحي إلى مستند html آخر - ما يسمى ارتباط النص التشعبي . المستند بتنسيق html هو ملف نصي يحتوي على جميع المعلومات الضرورية حول المعلومات المعروضة على الشاشة. يمكنك استخدام لغات البرمجة النصية مثل JavaScript و Java و VBScript لإدارة البرامج النصية لتصفح مواقع الويب (قاعدة بيانات نص تشعبي تعتمد على تقنية شبكة الويب العالمية). نماذج لإدخال المستخدم للبيانات التي يتم معالجتها لاحقًا والمعلومات الأخرى يمكن معالجتها باستخدام خاص برامج الخادم(على سبيل المثال ، في PHP أو Perl). يسمح لك HTML بوضع روابط تشعبية وأزرار قابلة للنقر على صفحاتك لتوصيل صفحات الويب الخاصة بك بصفحات أخرى على نفس موقع الويب ، بالإضافة إلى مواقع الويب الأخرى حول العالم.
HTML هي لغة ترميز نصية ، وليست لغة برمجة ، وهي مجرد واحدة من الأدوات (بتعبير أدق ، لغة وصف الصفحة) المستخدمة لإنشاء صفحات الويب. يحتوي HTML على إمكانات محدودة لتنسيق النص مقارنةً بـ برامج النشرخاصة عند نشر نص غني بالعناصر المعقدة.
حتى الآن ، لا توجد برامج تحرير HTML مريحة للغاية بحيث يمكن للمرء الاستغناء عن محرر نصوص ووضع العلامات اليدوي. هذا يعقد العمل مع اللغة ، مما يجعل من الضروري إتقان وظائفهم غير العادية تمامًا.
من خلال تحليل ميزات لغة HTML وتقييم مستوى تطورها ، يمكننا أن نستنتج أنه في السنوات القادمة يجب أن نتوقع ظهور تعديلات أكثر تقدمًا لها ولغات جديدة وحزم تطبيقات للعمل مع صفحات الويب.
مستندات HTML ديناميكية وثابتة
هناك نوعان من مستندات html - ثابت وديناميكي. يتم تخزين المستندات الثابتة في ملفات نظام الملفات، والذي يستخدمه خادم الويب أو المتصفح عند التصفح ملفات محلية. عند وضع المعلومات على خادم ويب ، يمكنك استخدام المستندات الديناميكية - تلك التي لا توجد بشكل دائم في شكل ملفات ، ولكن يتم إنشاؤها في وقت طلب العميل. علاوة على ذلك ، بالنسبة للمستخدم النهائي ، لا تهم الطريقة الديناميكية أو الثابتة لتقديم المستندات.
يتطلب إنشاء مستند HTML ديناميكي برنامجًا مكتوبًا بشكل خاص يتبع القواعد المحددة بواسطة خادم الويب. عند التخطيط لوضع المعلومات على خادم الويب ، من أجل تحديد استخدام أي نوع من المستندات بشكل صحيح ، من الضروري مراعاة درجة تحديث البيانات وحجمها وتكرار تداولها.
تحدد الطريقة الديناميكية تخزين البيانات في شكل رسمي ، على سبيل المثال ، في قاعدة بيانات.
إذا تم تخزين البيانات في نموذج رسمي ، فعندئذٍ ، باستخدام قوالب المستندات التي تم إجراء التغييرات فيها ، يتم إنشاء مستندات ثابتة. لإنشاء مستندات ثابتة ، يمكنك استخدام أي أدوات إعداد تقارير متوفرة في نظام إدارة قاعدة البيانات (DBMS) الذي يعالج البيانات ويضفي الطابع الرسمي عليها.
وجهات نظر HTML
لن تكون هناك إصدارات جديدة من HTML ، ولكن هناك تطور إضافي لـ HTML يسمى XHTML (لغة ترميز النص التشعبي الموسعة). في حين أن XHTML قابلة للمقارنة في قدراتها مع HTML ، إلا أنها تفرض متطلبات أكثر صرامة على بناء الجملة. مثل HTML ، XHTML هي مجموعة فرعية من لغة SGMLومع ذلك ، فإن XHTML ، بخلاف سابقتها ، يتوافق مع مواصفات XML. تمت الموافقة على XHTML 1.0 كتوصية من قبل اتحاد شبكة الويب العالمية (W3C) في 26 يناير 2000. ومع ذلك ، من الضروري مراعاة أحد التفاصيل الجادة - فقد تم إنشاء عدد كبير من موارد المعلومات بهذا التنسيق ، بحيث يتم "فهمها" بواسطة متصفحات الويب واستخدامها في شكلها الأصلي لفترة طويلة قادمة . بالإضافة إلى ذلك ، سيتم تطوير جميع التنسيقات الجديدة (وهي قيد التطوير بالفعل - على سبيل المثال XML) مع دعم تقنيات HTML.
يتغير أسلوب العمل ، وكذلك وسائل الوصول إلى المحتوى. تم إنشاء لغة HTML في الأصل كلغة مستقلة عن النظام الأساسي. يتم استخدام التقنيات الجديدة في كل مكان تقريبًا وقريبًا جدًا لن تكون شبكة الويب العالمية ملكًا لمستخدمي سطح المكتب فقط. حواسيب شخصية، حتى الآن ، يستخدم بعض المستخدمين بشكل نشط المتصفحات الصوتية للمكفوفين أو المتصفحات التي تستخدم الأبجدية Broglie ، وغالبًا ما يتم عرض المحتوى ليس على شاشة الكمبيوتر ، ولكن على التلفزيون عند استخدام أجهزة فك التشفير مع إمكانية الوصول إلى الشبكة أو teletype ، أو على شاشات أحادية اللون لمنظمي بيجر مختلفين وغيرهم.
نواصل سلسلة المقالات حول أساسيات لغات الويب والتطورات في هذا المجال. تناولنا سابقًا أساسيات لغة النص التشعبي HTML ، وميزاتها وطرق ترميز النص (العلامات).
تعلمنا أيضًا أن لغة HTML تتفاعل جيدًا مع هؤلاء تطوير البرمجيات، مثل أنماط CSS و Javascript ، ولماذا هناك حاجة إلى هذا التعاون اللغوي. سننظر اليوم بالتفصيل في بنية بناء المستندات في HTML5. بناء الكتلة للوثيقة ، هيكلها هو موضوع مقال اليوم. لكن عليك أولاً أن تفهم ماهية HTML5.
لغة برمجة HTML5 (من اللغة الإنجليزية HyperText Markup Language) هي الإصدار الخامس من اللغة. مثل جميع الإصدارات السابقة، مصمم لبناء بنية المستندات وتقديمها على الويب. على هذه اللحظةإصدار HTML5 قيد التطوير. الهدف المنشود من إنشاء الإصدار الخامس من HTML هو تحسين اللغة في مجال عملها مع مستندات الوسائط المتعددة (تطبيقات الصوت والفيديو).
إضافة بعض الابتكارات النحوية مثل
ما هو DOCTYPE؟
دائمًا ما يبدأ أي مستند HTML بهذه الكلمة. نشرت جميع الإصدارات السابقة من HTML هذا الإعلان تقريبًا على النحو التالي:
حيث يشير PUBLIC إلى سهولة قراءة المستند ، ويشير DTD إلى نوع المستندات المنشورة (تعريف نوع المستند). تعريف DOCTYPE في HTML5 مبسط إلى حد كبير -< !DOCTYPE HTML>. هذا كل شيء - الترميز جاهز.
إذن ماذا يفعل إعلان DOCTYPE؟ تهدف هذه العلامة إلى إخبار المتصفحات بمعيار اللغة الذي يجب استخدامه - سيعتمد تصور الصفحة ككل ، وعرضها ، على تعريف إصدار HTML. يتم تنظيم معايير تطوير HTML بشكل صارم وتتبع قواعد معينة ، لذا فإن العمل مع رموز الآخرين وقراءتها وعرضها في المتصفح من خلال استخدام المعايير أمر مبسط بشكل ملحوظ.
في الأصل ، قام إعلان DOCTYPE بتحويل المتصفح إلى الوضع القياسي، وهذا سمح باستخدام أحدث المعايير. بالنسبة لتلك المستندات التي تمت كتابتها باستخدام المعيار القديم ، من الممكن استخدام وضع التوافق ، والذي يسمح للمتصفح بالعمل بشكل طبيعي. إعلان DOCTYPE الجديد مدعوم الآن من قبل جميع المتصفحات الحالية تقريبًا ، أثناء تحويلها إلى الوضع القياسي. بمعنى ، يجب أن يحتوي كل مستند تم إنشاؤه حديثًا على سمة DOCTYPE وأن يتوافق مع المعايير المطورة. في هذه الحالة ، يتم فحص كود المستند بالكامل للتأكد من امتثاله للمعايير.
من الممكن بشكل مشروط تقسيم الصفحة الكاملة المكتوبة بلغة HTML إلى عدة أقسام فرعية. جذر الكود الرئيسي للصفحة بأكملها هو العلامة . هذا هو ، بين العلامات و يمكنك وضع أي شيء تقريبًا. من الناحية التخطيطية ، يتم تقديم صفحة HTML على النحو التالي:
على سبيل المثال:
< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->
في حالتنا ، العلامة يحتوي على سمة تحدد لغة المستند - الروسية. لتسهيل العمل مع المستند ، من الضروري تحديد لغة المستند. يقع كل محتوى الصفحة بين العلامات …. باستثناء إعلان DOCTYPE.
بطاقة شعار
رأس ما يسمى الوثيقة. تقع جميع البيانات الضرورية حول الصفحة (لكل من المتصفح والبيانات المفيدة للمطور) بين و. عنوان الصفحة ، ورمزها - على سبيل المثال ، UTF-8 ، والبيانات الوصفية ، مثل الكلمات الرئيسية ، ووصف الصفحة ، واسم المؤلف ، وما إلى ذلك. - كل هذه البيانات موجودة بالضبط بين العلامات و. هنا يمكنك أيضًا توصيل الملفات الخارجية والبرامج النصية والمكتبات.ما هي العلامات الوصفية؟
هم ، كما ذكر أعلاه ، يحتويون على جميع المعلومات حول الصفحة. العلامات الوصفية الرئيسية موضحة أدناه:
1. نوع ترميز الصفحة - محارف. في معظم الحالات ، يتم استخدام UTF8 ، ولكن يمكن استخدام ترميزات أخرى ، على سبيل المثال ، windows-1251 ، KOI-8 ، ISO ، إلخ. تحدد سمة مثل Charset الترميز الذي يجب استخدامه لقراءة الصفحة. في HTML5 ، تبدو هذه السمة كما يلي:
كما ترون نسخة جديدةتبسط اللغة بشكل كبير إدارة الصفحة وتسهل وتسريع قراءتها.
وصف meta tag ، على سبيل المثال - ملخصالصفحات. على سبيل المثال:
يعد استخدام هذه العلامة اختياريًا ، ولكنه مرغوب فيه لحماية محتوى الصفحة من النسخ.
علامة وصفية تشير إلى عنوان الصفحة أو المنشور على الصفحة - العنوان. تبدو العلامة كما يلي:
يتم عرض العنوان في عنوان النافذة الافتتاحية أو أعلى الصفحة.
تُستخدم العلامات الوصفية للارتباط والنص البرمجي لربط أوراق الأنماط والملفات الخارجية والمكتبات بالتنفيذ. على سبيل المثال الجداول أنماط المغلقوجافا سكريبت ، وكذلك مكتبة jQuery. تبدو سلاسل الاتصال لهذه الملفات كما يلي:
1 |
بمعنى ، لفهم جوهر هذه السطور ، يمكنك تخيل الموقف التالي - ملفات CSS و JavaScript موجودة على الخادم ، ولكن بدون هذه الأسطر في المستند ، لن تعمل ببساطة. فارق بسيط لاستخدام هذه العلامات هو أن الملفات يمكن أن تكون إما على خادم محلي أو على خادم بعيد. في الحالة الأخيرة ، يجب عليك تحديد المسار الكامل للملفات في العلامات الوصفية. في مثالنا ، يتم استخدام علامة الرابط الوصفية لربط ملف CSS واستخدام علاقة الارتباط. هذا التوقيع يتيح للمتصفح معرفة ذلك ملف معينهي ورقة أنماط. تحتوي علامة rel أيضًا على العديد من المعاني الأخرى.
يمكن أن يكون السطر التالي بديلاً للخيار الأول لتضمين ملف النمط:
1 2 3 4 |
تعمل هذه الطريقة على توصيل النمط مباشرة بالصفحة ، بدون تضمين ملف النمط.
أهم علامة في مستند HTML هي
. كما أن لها نهاية ختامية. تحدد جميع البيانات الموجودة في هذه العلامة محتوى الصفحة - محتواها ، وصورها على الصفحة ، وكل كتلة الارتباط الموجودة في النص ، وما إلى ذلك. وبالتالي ، كل المعلومات الموجودة قبل العلامة ، يمكن تغليفها بنوع من القالب غير القابل للتغيير. محتويات الجسم يمكن تحريرها واستبدالها وتحسينها.بعد النظر في جميع مكونات مستند HTML للإصدار الخامس ، يمكنك محاولة تجميع كل الأجزاء الفردية في كل واحد ، والذي سيكون مستند HTML كامل ، أي صفحة من موقع معين. هذه هي الطريقة التي ستبدو بها الصفحة النهائية:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < !DOCTYPE HTML>
|
< !DOCTYPE HTML>
إذا كنت تمثل بنية صفحة HTML بشكل تخطيطي ، فستبدو كما يلي:
هذا ما يسمى نموذج الكائنمستند HTML (DOM).
في المنشورات التالية ، أخطط لدراسة جداول CSS بمزيد من التفصيل ، وسيكون من المفيد أيضًا تحليل بنية HTML5 بمزيد من التفاصيل من أجل العملية الصحيحةمع أي إصدار من HTML.
لغة ترميز النص التشعبي (HTML) - لغة ترميز النص التشعبي - مصممة لكتابة مستندات النص التشعبي المنشورة على شبكة الويب العالمية.
مستند النص التشعبي هو ملف نصي يحتوي على علامات خاصة تسمى العلامات ، والتي يتعرف عليها المتصفح لاحقًا ويستخدمها لعرض محتويات الملف على شاشة الكمبيوتر.
باستخدام هذه العلامات ، يمكنك تمييز عناوين المستندات وتغيير لون الحروف وحجمها ونمطها وإدراج الرسومات والجداول. لكن الميزة الرئيسية للنص التشعبي على النص العادي هي القدرة على إضافة ارتباطات تشعبية إلى محتوى المستند - تصميمات خاصةلغات HTML التي تسمح لك بالنقر لعرض مستند آخر.
مستند HTMLيتكون من جزأين: النص الفعلي ، أي البيانات التي تشكل محتوى المستند ، والعلامات - الإنشاءات الخاصة للغة HTML المستخدمة لترميز المستند والتحكم في عرضه. تحدد علامات لغة HTML الشكل الذي سيتم تقديم النص به ، وأي من مكوناته سيلعب دور روابط النص التشعبي ، وأي كائنات الرسوم أو الوسائط المتعددة التي يجب تضمينها في المستند.
يتم تخزين المعلومات الرسومية والصوتية المضمنة في مستند HTML في ملفات منفصلة. عارضات مستندات HTML ( المتصفحات) تفسير علامات العلامات وترتيب النص والرسومات على الشاشة بشكل مناسب. الامتدادات المقبولة للملفات التي تحتوي على مستندات HTML هي .htmأو .لغة البرمجة.
في معظم الحالات ، يتم استخدام العلامات في أزواج. يتكون الزوج من فتحة<имя_тега>والختامимя_тега>العلامات. يبدأ عمل أي علامة مقترنة في المكان الذي تلتقي فيه علامة الفتح ، وينتهي عند مواجهة علامة الإغلاق المقابلة. غالبًا ما يتم استدعاء زوج من علامات البداية والنهاية حاوية، وجزء من النص ، محاط بعلامة الفتح والإغلاق ، - عنصر.
يمكن أن يتكون تسلسل الأحرف التي يتكون منها النص من مسافات ، وعلامات تبويب ، وأسطر جديدة ، وإرجاع أول السطر ، وحروف ، وعلامات ترقيم ، وأرقام ، و شخصيات خاصة(على سبيل المثال # و + و $ و @) ، باستثناء الأحرف الأربعة التالية التي لها معنى خاص في HTML: (أكبر من) و & (علامة العطف) و "(علامة اقتباس مزدوجة). إذا كنت تريد تضمين أي من هذه الأحرف في النص الخاص بك ، فيجب عليك ترميزه بتسلسل خاص من الأحرف.
هيكل وثيقة HTML
الأهم من علامات HTMLهي العلامة التي تحمل الاسم نفسه . يفتح المستند دائمًا ، تمامًا مثل العلامةيجب أن يكون في السطر الأخير. تشير هذه العلامات إلى أن السطور بينهما تمثل مستند نص تشعبي واحد. بدون هذه العلامات ، لن يتمكن المستعرض أو العارض الآخر من تحديد تنسيق المستند وتفسيره بشكل صحيح.
يتكون مستند HTML من جزأين: عنوان (رأس) وجسم (جسم) ، مرتبة بالترتيب التالي:
عنوان الوثيقة نص الوثيقة
في أغلب الأحيان ، يتم تضمين علامة الزوج في عنوان المستند.
نص الوثيقةهو عنصر إلزامي ، لأنه يحتوي على جميع مواد المستند. يتم وضع نص المستند بين العلامات
و. يتم تفسير كل ما يتم وضعه بين هذه العلامات بواسطة المتصفح وفقًا لقواعد لغة HTML ، والتي تسمح بعرض الصفحة بشكل صحيح على شاشة العرض.يتم تقسيم النص في HTML إلى فقرات باستخدام علامة<р>. يتم وضعها في بداية كل فقرة ، وعندما يقابلها المتصفح ، يفصل الفقرات عن بعضها البعض بسطر فارغ. باستخدام علامة إغلاقр>ليس من الضروري.
إذا كنت تريد "كسر" النص ، ونقل الباقي إلى سطر جديد ، مع عدم إبراز فقرة جديدة ، فاستخدم علامة فاصل الأسطر
. يجعل المشاهد يعرض الأحرف التي تليها مع خط جديد. على عكس علامة الفقرة ، فإن العلامة
لا تضيف سلسلة فارغة. لا تحتوي هذه العلامة على علامة نهاية مطابقة.
تدعم لغة HTML التنسيق المنطقي والمادي لمحتوى المستند. يشير التنسيق المنطقي إلى الغرض من جزء معين من النص ، بينما يحدد التنسيق المادي مظهره.
استخدام التنسيق المنطقييقوم متصفح النص بتمييز أجزاء مختلفة من النص وفقًا لهيكل المستند. لعرض العنوان ، يتم استخدام إحدى علامات العنوان. يتم تقسيم العناوين في مستند نموذجي إلى مستويات. تسمح لك لغة HTML بتحديد ستة مستويات من العناوين: h1 (عنوان المستوى الأول) ، h2 ، h3 ، h4 ، h5 و h6. عادة ما يكون عنوان المستوى الأول حجم أكبروالتشبع مقارنة بعنوان المستوى الثاني. مثال على استخدام علامات الرأس:
م. اسم القسم
العلامات التنسيق الماديقم بتعيين مظهر النص مباشرة على شاشة المتصفح ، على سبيل المثال ، يجعل الزوج النص غامقًا ، يضع النص تحته خط ، يتحكم في خط النص.
بطاقة شعار يقوم بإدراج الصورة في المستند كما لو كانت مجرد حرف واحد كبير. مثال على تطبيق العلامة:
لخلق ارتباط النص التشعبيزوج من العلامات المستخدمة<а>... а>. يتم عرض جزء من نص أو صورة أو أي كائن آخر يقع بين هذه العلامات في نافذة المتصفح كرابط نص تشعبي. يؤدي تنشيط مثل هذا الكائن إلى تحميل مستند جديد في نافذة المستعرض أو عرض جزء آخر من صفحة الويب الحالية. يتكون ارتباط النص التشعبي باستخدام التعبير:
Href هنا هي سمة مطلوبة ، قيمتها هي عنوان URL للمورد المطلوب. علامات الاقتباس في قيمة السمة href اختيارية. إذا تم تحديد ارتباط إلى مستند على خادم آخر ، فسيظهر الارتباط التشعبي بالشكل التالي:
<а href = "http://www.school.donetsk.ua/11.jpg">الصورة 11-أа>
باستخدام علامات متنوعة ، يمكنك رسم الجداول وتنسيق النص وإدراج الصور والفيديو وملفات الصوت والمزيد في مستند.
لغة ترميز النص التشعبي (Html)
شبكة الويب العالمية ، أو شيء مشابه الشبكة العالمية، WWW هو المكون الرئيسي لشبكة الإنترنت العالمية للكمبيوتر. نشأت في الستينيات ، الإنترنت لفترة طويلةتستخدم فقط من قبل دائرة ضيقة من المتخصصين لتبادل المعلومات حول بريد إلكتروني. شبكة مُدارة نظام التشغيل UNIX - كان هذا مناسبًا للأغراض العلمية ، لكن واجهة نصوص UNIX المعقدة نوعًا ما "حدت بشكل كبير من نطاق التطبيق تقنيات الشبكة. يعتبر عام 1989 عام ميلاد شبكة الويب العالمية - تم اختراع اللغة هذا العام ، والتي أصبحت فيما بعد اللغة الرئيسية لوثائق الويب - هذه هي اللغة - HTML (لغة ترميز النص التشعبي - لغة ترميز النص التشعبي).
مؤلف لغة HTML هو Tim Berners-Lee ، خريج جامعة أكسفورد ، ثم يعمل بموجب عقد في جنيف ، في مختبر فيزياء الجسيمات الأوروبية (CERN ، Conseil Europeen pour la Recherche Nucleaire) كمستشار برمجيات. CERN هي منظمة كبيرة إلى حد ما ، وبالتالي ، من أجل التنقل بشكل أفضل في هيكلها ، لا تقم بتخزين البيانات حول بأعداد كبيرةالمشاريع والمسؤولين وغيرهم ، طور Tim Berners-Lee برنامج Inquire لاستخدامه الشخصي ، والذي على أساسه تم إنشاء نوع من مساحة المعلومات للمختبر بعد بضع سنوات. سمح برنامج Inquire بما يسمى بالبحث "غير الخطي" في المستندات - أي. الانتقال من مستند إلى آخر دون الرجوع إلى جدول المحتويات أو المرجع.
تشكل لغة HTML أساس تقنية النص التشعبي. يحتوي مستند النص التشعبي على ما يسمى بالارتباطات التشعبية.
لغة ترميز المستندات هي مجموعة من التعليمات الخاصة ، تسمى العلامات ، مصممة لتشكيل بنية في المستندات وتحديد العلاقات بين العناصر المختلفة لهذا الهيكل. يتم ترميز علامات اللغة ، أو علامات التحكم كما يطلق عليها أحيانًا ، في مثل هذه المستندات بطريقة ما ، وتمييزها عن المحتوى الرئيسي للمستند ، وتعمل كتعليمات للبرنامج الذي يعرض محتوى المستند على جانب العميل. استخدمت الأنظمة الأقدم الرموز "<” и “>"، والتي وُضعت بداخلها أسماء التعليمات ومعلماتها. الآن هذه الطريقة لتسمية العلامات هي المعيار.
استخدام تحليل النص التشعبي وثيقة نصيةفي أنظمة المعلومات الحديثة يرجع إلى حد كبير إلى حقيقة أن النص التشعبي يسمح لك بإنشاء آلية لعرض غير خطي للمعلومات. في مثل هذه الأنظمة ، لا يتم تقديم البيانات كتدفق مستمر. معلومات نصية، ولكن مجموعة من المكونات المترابطة ، يتم الانتقال من خلالها باستخدام الارتباطات التشعبية.
لغة HTML ليست لغة برمجة مناسبة ؛ إنها وسيلة لوصف هيكل الوثيقة وأسلوبها وعلاقاتها مع الوثائق الأخرى. تستخدم لعرض مستندات الويب برامج خاصة- ما يسمى بالمتصفحات (الإنجليزية: للتصفح - 1) ترعى ، نتف البراعم ؛ 2) اقرأ ، واشترك بشكل عشوائي ، بشكل متقطع.) في الواقع ، قدرات المتصفحات أوسع بكثير ، لكن في الوقت الحالي سنقتصر على تعريفها كوسيلة لعرض مستندات الويب. تدين الإنترنت بشعبيتها للمتصفحات.
وزارة الدراسات والعلوم في أوكرانيا
جامعة شيدنوكرانيان الوطنية
سميت باسم فولوديمير دال
قسم علوم الحاسوب
عن طريق الانضباط
تصميم الحاسب والوسائط المتعددة
طالبة بولداكوفا إي.
1 المقدمة
3.1 محررات HTML
4. إنشاء موقع باستخدام CMS جملة 1.5.7
الأدب
1 المقدمة
شبكة الويب العالمية - عالمية شبكة الكمبيوتريحتوي اليوم على ملايين المواقع التي تستضيف جميع أنواع المعلومات. يصل الناس إلى هذه المعلومات من خلال استخدام تكنولوجيا الإنترنت. للتنقل في WWW ، يتم استخدام برامج خاصة - متصفحات الويب ، والتي تسهل بشكل كبير الرحلة عبر المساحات التي لا نهاية لها من WWW. يتم عرض جميع المعلومات في مستعرض الويب كصفحات ويب.
تجمع صفحات الويب ، التي تدعم تقنية الوسائط المتعددة ، أنواعًا مختلفة من المعلومات: نصوص ورسومات وصوت ورسوم متحركة وفيديو. يعتمد مدى جودة وجمال إنشاء صفحة الويب هذه أو تلك إلى حد كبير على نجاحها على الويب.
يستمتع المستخدم بزيارة صفحات الويب ذات التصميم الأنيق ، والتي لا تكون مثقلة بالرسومات والرسوم المتحركة ، ويتم تحميلها بسرعة ، وعرضها بشكل صحيح في نافذة مستعرض الويب.
إن إنشاء صفحة ويب ليس بالأمر السهل ، ولكن من المحتمل أن يرغب الجميع في تجربة أنفسهم كمصمم. وأنا ، في هذه الحالة ، لست استثناءً ، ولذلك اخترت مثل هذا الموضوع في ورقة المصطلح الخاصة بي.
في مقالتي ، حاولت معرفة ما تحتاج إلى معرفته والقدرة على إنشاء صفحة ويب ، أي برمجةهي مجموعة أدوات لإنشاء صفحات الويب وكيفية استخدامها بشكل فعال.
في هذا العمل أيضًا ، نظرت في أساسيات لغة برمجة صفحات الويب - HTML ، وهي معيار WWW المقبول عمومًا. سيتيح لنا هذا الفرصة للتعرف على بنية صفحة الويب وتقنيات التصميم المناسب لها. وأيضًا بمساعدة CMS Joomla ، سننظر في إنشاء موقع.
2. النظر في لغة النص التشعبي ترميز HTML
يمكن أن توجد صفحات الويب بأي تنسيق ، ولكن يتم قبولها كمعيار لغة ترميز النصوص التشعبية- لغة ترميز النص التشعبي ، مصممة لإنشاء نص غني بالصور والصوت والرسوم المتحركة ومقاطع الفيديو وروابط النص التشعبي إلى مستندات أخرى.
من الممكن العمل على الويب دون معرفة لغة HTML ، حيث يمكن إنشاء نصوص HTML بواسطة مختلف المحررين الخاصينوالمحولات. لكن الكتابة بلغة HTML ليست صعبة. قد يكون الأمر أسهل من تعلم محرر أو محول HTML ، والذي غالبًا ما يكون محدودًا في إمكانياته ، أو يحتوي على أخطاء ، أو يوفر كود HTML سيئًا لا يعمل على أنظمة أساسية مختلفة.
توجد لغة HTML في العديد من المتغيرات وتستمر في التطور ، ولكن من المرجح أن يستمر استخدام بنيات HTML في المستقبل. من خلال تعلم HTML ومعرفة المزيد عنها ، وإنشاء مستند في بداية تعلم HTML وتوسيعه قدر الإمكان ، يمكننا إنشاء صفحات ويب يمكن أن يراها الكثير متصفحات الانترنتسواء الآن أو في المستقبل. هذا لا يمنع استخدام طرق أخرى ، مثل الطريقة المتقدمة التي يوفرها Opera ، جوجل كروم،إنترنت إكسبلورر أو متصفحات أخرى.
يعد العمل باستخدام HTML طريقة لمعرفة تفاصيل إنشاء المستندات بلغة موحدة ، وذلك باستخدام الامتدادات فقط عند الضرورة الحقيقية.
تم التصديق على HTML من قبل اتحاد شبكة الويب العالمية. وهو مدعوم من قبل جميع المتصفحات.
نظرًا لأن مستندات HTML مكتوبة بتنسيق ASCI I ، يمكن استخدام أي محرر نصوص لإنشائه.
عادةً ما يكون مستند HTML عبارة عن ملف بامتداد .html أو .html. htm ، حيث يتم ترميز النص بعلامات HTML (علامة اللغة الإنجليزية - تعليمات مضمنة خاصة). تقوم أدوات HTML بتعيين بناء الجملة وموضع العلامات ، والتي وفقًا لها يعرض المستعرض محتويات مستند الويب. لا يتم عرض نص العلامات نفسها بواسطة مستعرض الويب.
تبدأ جميع العلامات بـ "<" и заканчиваются символом ">عادة ما يكون هناك زوج من العلامات - علامة البداية (الفتح) وعلامة النهاية (الإغلاق) (على غرار أقواس الفتح والإغلاق في الرياضيات) ، يتم وضع معلومات الترميز بينهما:
معلومة
هنا علامة البداية هي العلامة
والنهائي -
. تختلف علامة النهاية عن علامة البداية فقط من حيث أنها تحتوي على أقواس قبل النص<>تعني الرمز " / "(خفض).المتصفح الذي يقرأ مستند HTML يعرضه في نافذة باستخدام بنية علامة HTML. يجب أن يتكون كل مستند HTML من ثلاثة أجزاء رئيسية:
أ) إعلان HTML ؛
ب) رأس.
ج) وثيقة الهيئة .
أ) إعلان HTML
و. زوج من هذه العلامات يخبر العارض (المستعرض) أن بينهما مستند HTML ، ويجب أن تكون العلامة الأولى في المستند هي العلامة (في بداية المستند) وأخيراً -(في نهاية المستند).
ب) الرأس.
و. بين هذه العلامات معلومات عن الوثيقة (العنوان ، كلمات البحث الأساسية ، الوصف ، إلخ). ومع ذلك ، فإن الأهم هو عنوان المستند ، والذي نراه في السطر العلوي من نافذة المتصفح وفي قوائم "المفضلة (BookMark)". برامج خاصة بالعناكب محركات البحثاستخدام اسم المستند لبناء قواعد البيانات الخاصة بهم. لإعطاء عنوان لمستند HTML الخاص بك ، يتم وضع النص بين العلامات.
ج) متن الوثيقة.
الجزء الرئيسي الثالث من الوثيقة هو جسمها. يتبع مباشرة بعد العنوان ويقع بين العلامات.
و. يجب أن يكون الأول بعد العلامة مباشرة، والثاني قبل العلامة. نص مستند HTML هو المكان الذي يضع فيه المؤلف المعلومات المنسقة باستخدام HTML.
الآن يمكننا كتابة كود HTML لصفحتنا:
في قسم BODY ، يتجاهل المتصفح جميع علامات التبويب وأحرف نهاية السطر ولا تؤثر على عرض الصفحة بأي شكل من الأشكال. لذلك ، لن يؤدي فاصل الأسطر في النص المصدر لمستند HTML إلى بدء سطر جديد في النص المعروض في المستعرض ما لم تكن هناك علامات خاصة. هذه القاعدة مهمة جدًا للتذكر ولا تنسَ وضع علامات تفصل بين الأسطر ، وإلا فلن يحتوي النص على فقرات وسيصبح غير قابل للقراءة.
يتم استخدام العلامة لبدء سطر جديد.
(مختصر من اللغة الإنجليزية كسر - المقاطعة). هذه العلامة تجعل المتصفح يعرض نصًا إضافيًا من بداية السطر التالي. لا يتم استخدام علامة الإغلاق الخاصة به. من الملائم أن تكتب من سطر جديد من مكان ما دون أن تبدأ فقرة جديدة ، على سبيل المثال ، في قصيدة. يتيح لك استخدامه مرة أخرى إدراج سطر فارغ واحد أو أكثر ، مما يؤدي إلى دفع جزء الصفحة التالية لأسفل.
ليس من السهل جدًا قراءة نص خالٍ من الفراغات ، ومن غير الملائم مشاهدته والعثور عليه الأماكن الصحيحة. عند تقسيمها إلى فقرات ، يُنظر إلى النص بشكل أسرع. يتم استخدام العلامة لبدء فقرة جديدة.
(المهندس الفقرة - الفقرة). تُدرج هذه العلامة ، باستثناء بداية سطر جديد ، سطرًا فارغًا واحدًا. لكن التكرار المتكرر
على عكس
، لن يؤدي إلى عدة أسطر فارغة ، سيبقى نفس السطر الفارغ.
داخل أقواس العلامة ، بالإضافة إلى اسمها ، يمكن أيضًا وضع السمات (السمات الإنجليزية - السمات). يتم فصلها عن الاسم وفيما بينها بمسافات (واحدة أو أكثر) ، وتتم كتابتها في النموذج اسم السمة="معنى". إذا كانت القيمة لا تحتوي على مسافات ، فيمكن حذف علامات الاقتباس ، لكن هذا غير مستحسن
قد يحتوي على سمة ALIGN التي تحدد محاذاة الفقرة. بشكل افتراضي ، يتم محاذاة الفقرة إلى اليسار ALIGN = "left". المحاذاة اليمنى ALIGN = "right" والمحاذاة الوسطى ALIGN = "center" ممكنة أيضًا. عند استخدام السمات ، يجب استخدام علامة إغلاق بعد النص المنسق.
. إذا لم يكن كذلك ، ثم علامة جديدةيعني إغلاق السابق ، المتداخل على التوالي
مستحيل. من الممكن أيضًا محاذاة النص إلى المركز باستخدام علامة
يمكننا الآن وضع بعض النصوص بمحاذاة مختلفة على صفحة الويب الخاصة بنا:
ها هي صفحاتي الشخصية!
يمكنك أن تجد عليها:
من إحدى صفحاتي سيكون ذلك ممكنًا
أرسل لي بريد إلكتروني.
3. أدوات لإنشاء صفحات الويب
3.1 محررات HTML
يختار الجميع أداتهم الخاصة لإنشاء صفحات الويب. يمكن أن يكون MS FrontPage أو Macromedia DreamWeaver أو Allaire HomeSite أو 1st Page. ويستخدم شخص ما محرر نصوص بسيطًا ، مثل Notepad (Notepad).
محرري النصوصمن الممكن استخدامه فقط لإنشاء صفحات صغيرة ، حيث أن لها العديد من العيوب: المشاريع غير مدعومة ، ولا يوجد "تمييز" للنص. ، بشكل عام ، من غير الملائم للغاية العمل.
يتمثل العيب الرئيسي لبرنامج MS FrontPage في أنه ينشئ رمز HTML كبير جدًا (أكثر من اللازم) ، وبالتالي تكون الصفحات كبيرة ، مما يؤثر على سرعة التحميل. علاوة على ذلك ، عند إنشاء صفحات ويب في هذا المحرر ، ترى شيئًا واحدًا ، ولكن في نافذة المتصفح - شيء آخر تمامًا. تبين أن الصفحات ملتوية إلى حد ما ، لذلك ، لإنشاء صفحات ويب عالية الجودة ، يوصى باستخدام الحزم التي سيتم مناقشتها أدناه.
سنبدأ مع Macromedia DreamWeaver الشهير. تعتبر Macromedia شركة رائدة في إنتاج البرامج لإنشاء مواقع الويب ، فضلاً عن كونها رائدة في هذا المجال.