صفحة الويب HTML هي. إنشاء صفحات الويب. تعلم لغة HTML. عناصر صفحة الويب: الرأس
قبل أن نبدأ رحلتنا عبر دروس بناء مواقع الويب بتنسيق HTML وCSS، من المهم فهم الاختلافات بين اللغتين، وبناء جملة كل لغة، وبعض المصطلحات الأساسية.
ما هي HTML وCSS؟
تحدد لغة HTML (لغة ترميز النص التشعبي) بنية المحتوى ومعناه، حيث تحدد المحتوى مثل العناوين أو الفقرات أو الصور. CSS (أوراق الأنماط المتتالية) هي لغة عرض تم إنشاؤها لتصميم مظهر المحتوى، باستخدام الخطوط أو الألوان على سبيل المثال.
هاتان اللغتان - HTML وCSS - مستقلتان عن بعضهما البعض ويجب أن تظلا كذلك. لا ينبغي كتابة CSS داخل مستند HTML والعكس صحيح. كقاعدة عامة، سيمثل HTML دائمًا المحتوى، وسيقوم CSS دائمًا بتعريف التصميم.
مع هذا الفهم للفرق بين HTML وCSS، دعنا نتعمق في HTML بمزيد من التفاصيل.
مصطلحات HTML الأساسية
قبل أن تبدأ العمل باستخدام HTML، من المحتمل أن تصادف بعض المصطلحات الجديدة والغريبة في كثير من الأحيان. ستصبح أكثر دراية بها جميعًا بمرور الوقت، ولكن في الوقت الحالي يجب أن تبدأ بمصطلحات HTML الأساسية الثلاثة - العناصر والعلامات والسمات.
عناصر
تحدد العناصر كيفية تحديد بنية ومحتوى الكائنات على الصفحة. تتضمن بعض العناصر شائعة الاستخدام مستويات متعددة من العناوين (يتم تعريفها على أنها عناصر ذات
قبل ) والفقرات (المحددة بـ
); يمكنك تضمين عناصر في القائمة
, يتم تحديد العناصر باستخدام الأقواس الزاوية<>، المحيطة باسم العنصر. لذلك سيبدو العنصر هكذا: إضافة أقواس زاوية< и >يقوم بإنشاء ما يعرف بالعلامة حول العنصر. غالبًا ما تظهر العلامات في أزواج من علامات الفتح والإغلاق. علامة الافتتاح تشير إلى بداية العنصر. يتكون من رمز<, затем идёт имя элемента и завершается символом >; على سبيل المثال، تشير علامة الإغلاق إلى نهاية العنصر. يتكون من رمز< с последующей косой чертой и именем элемента и завершается символом >; على سبيل المثال، المحتوى الذي يظهر بين علامتي الفتح والإغلاق هو محتوى ذلك العنصر. الرابط، على سبيل المثال، سيكون له علامة افتتاحية وعلامة الإغلاق. ما هو بين هاتين العلامتين سيكون محتوى الرابط. لذلك، ستبدو علامات الارتباط كما يلي: السمات هي خصائص تستخدم لتوفير معلومات إضافيةحول العنصر. تتضمن السمات الأكثر شيوعًا سمة المعرف، التي تحدد العنصر؛ سمة الفئة، التي تصنف العنصر؛ وسمة src، التي تحدد مصدر المحتوى المضمن؛ وسمة href التي تحدد رابطًا للمورد المرتبط. يتم تعريف السمات في علامة الفتح بعد اسم العنصر. بشكل عام، تتضمن السمات اسمًا وقيمة. يتكون تنسيق هذه السمات من اسم السمة متبوعًا بعلامة يساوي، متبوعة بقيمة السمة بين علامتي الاقتباس. على سبيل المثال، العنصر مع سمة href ستبدو كما يلي: شاي هاو سيعرض هذا الرمز النص "Shay Howe" على صفحة الويب، وعند النقر فوق هذا النص سينقل المستخدم إلى http://shayhowe.com. يتم الإعلان عن عنصر الارتباط باستخدام علامة فتح وعلامة الإغلاقتغطية النص، بالإضافة إلى سمة وقيمة عنوان الرابط المُعلن عبر href="http://shayhowe.com" في العلامة الافتتاحية. أرز. 1.01. يتضمن بناء جملة HTML في شكل مخطط تفصيلي العنصر والسمة والعلامة الآن بعد أن عرفت ما هي عناصر HTML وعلاماتها وسماتها، دعنا نلقي نظرة على صفحة الويب الأولى لدينا. إذا كان هناك أي شيء يبدو جديدًا هنا، فلا تقلق - فسنقوم بتفصيله أثناء المضي قدمًا. مستندات HTML هي مستندات نصية بسيطة يتم حفظها بالملحق .html بدلاً من .txt. لبدء كتابة HTML تحتاج أولا محرر النص، وهو مناسب لك للاستخدام. لسوء الحظ، هذا لا يشمل مايكروسوفت ووردأو الصفحات، نظرًا لأنها محررات معقدة. أشهر محرري النصوص لكتابة HTML وCSS هما Dreamweaver وSublime Text. البدائل المجانيةوأيضًا برنامج Notepad++ لنظام التشغيل Windows وTextWrangler لنظام التشغيل Mac. تحتوي جميع مستندات HTML على بنية مطلوبة تتضمن الإعلانات والعناصر التالية:
,
, إعلان نوع الوثيقة أويقع في بداية مستند HTML ويخبر المتصفحات بإصدار HTML الذي يتم استخدامه. وبما أننا سوف نستخدم احدث اصدار HTML، سيكون نوع المستند لدينا بسيطًا. بعد هذا يأتي العنصر يشير إلى بداية الوثيقة. داخل عنصر سيتم تضمين كل المحتوى المرئي لصفحة الويب في العنصر
هذه صفحة ويب. يعرض هذا الرمز المستند، بدءًا من إعلان نوع المستند،، ثم يأتي العنصر على الفور . داخل العناصر قادمة حان الوقت للتحقق من عملنا ومعرفة كيفية عمل HTML وCSS معًا. يجب أن يُظهر فتح ملف Index.html (أو تحديث الصفحة إذا كان مفتوحًا بالفعل) في المتصفح نتيجة مختلفة قليلاً عن ذي قبل. أرز. 1.04. موقع مؤتمر الأنماط الخاص بنا مع إعادة تعيين CSS يمكنك أدناه عرض موقع Styles Conference على الويب بحالته الحالية وتنزيله أيضًا مصدرالموقع في الوقت الراهن. لذلك، كل شيء على ما يرام! لقد اتخذنا بعض الخطوات الكبيرة في هذا البرنامج التعليمي. فكر فقط، الآن أنت تعرف أساسيات HTML وCSS. مع استمرارنا وقضاء المزيد من الوقت في كتابة HTML وCSS، ستشعر براحة أكبر في العمل بهاتين اللغتين. وللتلخيص، تناولنا ما يلي: الآن دعونا نلقي نظرة فاحصة على HTML ونتعرف قليلاً على دلالاتها. الجزء الأكبر من المحتوى المعروض على الإنترنت هو صفحات الويب. يعد هذا تاريخيًا النوع الأول من المستندات المخصصة لوضعها في مساحة شبكة افتراضية، لكنه لا يزال ذا صلة ولا يوجد به أي تنسيقات منافسة تقريبًا. ما هو هيكل صفحات الويب؟ ما هي أدوات تطوير الويب المستخدمة في إنشائها؟ "قم بإدراج العناصر الرئيسية لصفحة الويب"، يخبرنا الممتحن في درس علوم الكمبيوتر. ماذا يمكننا أن نقول له ردا على ذلك؟ في البداية، سنتحدث عن ماهية صفحة الويب من حيث المبدأ. وفقًا للتعريف المقبول عمومًا بين متخصصي تكنولوجيا المعلومات، فهذه وثيقة مخصصة للفتح في برنامج متخصص - متصفح، وتحتوي على بيانات للعرض على شاشة الكمبيوتر باستخدام النوع المناسب من البرامج ذات المحتوى المفيد المتنوع - النصوص والروابط والرسومات ومقاطع الفيديو والموسيقى وما إلى ذلك. صفحة الويب هي مستند نصي. البيانات المقابلة للمتصفح هي الحروف والأرقام و رموز خاصةتستخدم كعناصر لغة ترميزية - HTML. وبمساعدته "يشرح" منشئ صفحة الويب للمتصفح كيفية عرض هذا المحتوى أو ذاك على الشاشة. هل يمكننا القول أن صفحة الويب هي المكون الرئيسي لموقع الويب؟ وهذا صحيح جزئيا. ومع ذلك، كما ذكرنا أعلاه، صفحة الويب هي مجرد مستند نصي. يحتوي الموقع، كقاعدة عامة، أيضًا على صور ومقاطع فيديو وعناصر وسائط متعددة أخرى. ولا يمكن لصفحة الويب أن تحتوي عليها، ولكن يمكنها أن تحتوي على روابط لها في بنيتها. وهكذا يمكن تسمية صفحة الويب بالمكون الرئيسي للموقع من حيث دورها المهيمن في عرض المحتوى الافتراضي أمام المستخدمين. في حالات نادرة، بالطبع، ستكون الوثيقة المعنية هي المكون الوحيد للموقع - إذا لم توفر لسبب ما عرض الرسومات والفيديو وعناصر الوسائط المتعددة الأخرى. على وجه الخصوص، فإن مواقع الويب الأولى - عندما ظهرت لغات ترميز صفحات الويب لأول مرة - لم تتضمن محتوى ذي صلة. أمام أعين المستخدم لم يكن هناك سوى النصوص والروابط. لذلك، صفحة الويب هي مستند تم تجميعه لغة HTML، والذي يستخدم لترميز النص التشعبي. ولكن ما هي هذه الظاهرة؟ ما هو النص التشعبي؟ دون الخوض في النظرية بعمق، نلاحظ أن هذا نص يسمح لك بالحصول عليه بطريقة أو بأخرى الوصول السريعإلى آخر - من خلال الروابط. هذا مستحيل في كتاب عادي - يوجد "نص بسيط". للوصول إلى الصفحة المطلوبة، يجب على القارئ القيام بعدة دورات، أولا قراءة جدول المحتويات أو الحواشي السفلية. في وضع النص التشعبي، يتم تنفيذ معظم العمل بواسطة الكمبيوتر، باستخدام المعلومات المنعكسة في عناصر HTML الخاصة بالصفحة. إذا أخبرنا مدرس علوم الكمبيوتر: "قم بإدراج العناصر الرئيسية لصفحة الويب"، فيمكننا أن نبدأ بشكل صحيح في الحديث عن مكونات المستند المقابل، والتي تم إنشاؤها باستخدام لغة ترميز HTML. لذلك، أولاً، دعونا نلقي نظرة على بعض النقاط النظرية المتعلقة بـ HTML. كيف يقرأ المتصفح البيانات الضرورية حول صفحة الويب من مستند HTML؟ بسيط جدا. العناصر الأساسية من هذه اللغة- هذه هي العلامات. في معظم الحالات، يتم إقرانها - هناك فتحة، وهناك إغلاق. تتم الإشارة إلى الأول باستخدام الأقواس الزاوية فقط. الثانية متشابهة، ولكن قبل القوس الثاني توجد شرطة مائلة - الرمز /. يستطيع المتصفح التعرف عليها، وبالتالي يعرض محتويات صفحات الويب دون أي مشاكل وفقًا للخوارزميات التي أنشأها مطور المستندات. عادة ما يتم كتابة علامة الافتتاح بأحرف كبيرة، وعلامة الإغلاق بأحرف صغيرة. هذا هو المعيار الذي أصبح راسخًا بين متخصصي تكنولوجيا المعلومات. سيتعرف المتصفح، بالطبع، على أمر HTML بأي أحرف، ولكن لا يزال يُنصح مطورو الويب بالالتزام بنظام كتابة العلامات المميزة. وهذا سيسهل، على سبيل المثال، على المتخصصين الآخرين تحسين صفحة الويب. العناصر المهمة الأخرى في لغة HTML هي السمات. وبمساعدتهم، يمكن لمنشئ صفحة الويب تعيين خصائص المحتوى - على سبيل المثال، ارتفاع الخط ولونه والموضع بالنسبة للصفحة. الأمر نفسه ينطبق على الصور ومقاطع الفيديو ومكونات الوسائط المتعددة الأخرى. تتم كتابة السمات داخل العلامة الافتتاحية. بين علامتي الفتح والإغلاق يوجد المكون الرئيسي التالي لصفحة الويب - المحتوى. وهذا في الواقع هو نفس المحتوى الذي يجب عرضه أمام المستخدم على الشاشة. يمكن أن يكون هذا نصًا أو رابطًا أو صورة أو مقطع فيديو أو أي عنصر وسائط متعددة آخر. "لذلك قم بإدراج العناصر الرئيسية لصفحة الويب، أخيرًا!" - يكرر المعلم. نجيبه: "بسرور". ما الذي يتضمنه هيكل نوع الوثيقة قيد النظر؟ دعونا نتفق على أننا سننظر في هذا الجانب في سياق عناصر HTML لصفحة الويب. أي أن عرضها في المتصفح - ما يراه المستخدم على الشاشة - سوف يثير اهتمامنا بدرجة أقل. الحقيقة هي أن خوارزميات HTML المقابلة، والتي على أساسها يعرض البرنامج المحتوى بنفس الطريقة، قد تكون مختلفة. وهذه إحدى ميزات لغة HTML: يمكن عرض الصورة المطلوبة على صفحة الويب طرق مختلفة. في الوقت نفسه، يمكن أن تكون إما معادلة من حيث تكاليف العمالة لمنشئ صفحة الويب، أو تتطلب مقدارًا مختلفًا من الجهد والوقت لتنفيذها. العناصر القياسية لصفحة الويب، على الرغم من أنها قد تبدو مفاجئة، يتم تقديمها بكميات صغيرة جدًا. في الواقع، هناك اثنان منهم فقط - العنوان والنص الرئيسي للوثيقة. وفي الوقت نفسه، يمكن أن يكون لكل واحد منهم بنية معقدة إلى حد ما. ما هي تفاصيل العنوان؟ إنه موجود في أعلى صفحة الويب. عادةً ما يكون المقصود من كود HTML الذي يشكل الرأس هو "تشفير" النص فقط، ولكن إذا لزم الأمر، يمكن أيضًا وضع إدراجات رسومية صغيرة في العنصر المقابل. وهذا، في الواقع، هو كل ما يمكن قوله عن العنوان. يبدو أن دورها في هيكل الوثيقة المقابلة غير مهم. ولكن هذا ليس صحيحا. تعتبر عناوين صفحات الويب مهمة جدًا من وجهة نظر فهرسة الموقع في محركات البحث - Yandex، Google. يجب أن يكون هذا العنصر وثيق الصلة تمامًا بمحتوى صفحة الويب، بالإضافة إلى التفاصيل الموضوعية للموقع. كيف يتم التقاط عنوان صفحة الويب باستخدام HTML؟ بسيط جدا. أولاً، تتم كتابة علامة الافتتاح، والتي تبدو دائمًا على شكل HEAD مع أقواس زاوية، ثم محتوى الرأس، ثم علامة الإغلاق. وهي مكتوبة بالطبع في أعلى مستند الويب. يمكن أن يتضمن عنوان مستند الويب عددًا من العناصر الإضافية. في بعض الأحيان، قد يتطلب تنسيق صفحة الويب عرض النص بترميز محدد. كيف يمكنك التأكد من أن مستند الويب الخاص بك يلبي هذا المعيار؟ بسيط جدا. يجب وضع خوارزميات HTML في بنية رأس المستند، لتوجيه المتصفح لاستخدام ترميز لغة معين - على سبيل المثال، السيريلية. يتم وضع الأوامر المقابلة ضمن علامة META، والتي، مثل الآخرين، يمكن فتحها وإغلاقها. يتم فتح الجزء الرئيسي من مستند الويب باستخدام علامة BODY ويتم إغلاقه بالعنصر المقابل، بما في ذلك شرطة مائلة. علاوة على ذلك، قد يكون هناك عدد كبير من أوامر لغة ترميز النص التشعبي الإضافية بين علامتي الفتح والإغلاق. ويرجع ذلك إلى حقيقة أن الجزء الرئيسي من صفحة الويب يحتوي على محتواه المفيد - النصوص والروابط والرسومات ومقاطع الفيديو والنماذج المختلفة التي يجب ملؤها. كل نوع من أنواع المحتوى المقابلة له علاماته الخاصة. قد تحتوي بنية الجزء الرئيسي من مستند الويب على أوامر HTML، والتي تُستخدم أيضًا لتنسيق النص - على سبيل المثال، إعطاء الخط لونًا وحجمًا معينين وخصائص أخرى. دعونا نلقي نظرة على تفاصيل بعض علامات HTML شائعة الاستخدام. في الواقع، فهي تشكل العناصر الرئيسية لصفحة الويب. لذلك، من أجل دراسة عناصر صفحة الويب بالتفصيل، دعونا ندرس بمزيد من التفصيل جوهر علامات HTML الأساسية. لقد قدمنا بالفعل بعضها أعلاه - على وجه الخصوص تلك التي يقرأ المتصفح من خلالها رؤوس صفحات الويب ويحدد مكان وجود الجزء الرئيسي من المستند. العلامة P شائعة جدًا، مثل العناصر الأخرى المشابهة في لغة ترميز النص التشعبي، يمكن فتحها وإغلاقها. تتيح لك هذه العلامة تنسيق فقرة واحدة من المستند. يمكنك، على سبيل المثال، تعيين نوع خط أو لون معين له. ومع ذلك، يتم ذلك باستخدام علامة إضافية - FONT. في هذه الحالة، سيتم وضعه داخل الجزء الذي يحدد حدود الفقرة - وهذا سيمنع توزيع أمر HTML الذي يعكس نوع الخط المفضل على عناصر أخرى من صفحة الويب. يتم إنشاء الجداول باستخدام علامة TABLE. باستخدام السمات المقابلة، يمكنك تحديد العدد المطلوب من الأعمدة والصفوف، وتعيين عرضها وحدودها المحددة وحجمها ولون خط النص في الجدول. المسؤول عن معالجة الصور عن طريق المتصفح. يمكنك أيضًا وضع سمات مختلفة فيها تنظم حجم الصورة وموضعها على الصفحة. تتم الإشارة إلى الروابط إلى مستندات أو ملفات ويب أخرى باستخدام العلامة A. كقاعدة عامة، توجد سمات بداخلها تشير إلى وجود ارتباط تشعبي في بنية صفحة الويب. وفي هذه الحالة يتم الإشارة إلى الوثيقة أو الملف أو الموقع الذي يؤدي إليه. العلامة الشائعة هي FRAMESET. بمساعدتها، يمكنك تقسيم مساحة صفحة الويب إلى عدة مناطق - إطارات. في كل واحد منهم يمكنك استخدام وثائق ويب منفصلة. أي أن الإطارات تسمح لك بوضع صفحتين أو أكثر بشكل صحيح على شاشة واحدة في نفس الوقت. قصة عن العناصر الأساسية لصفحات الويب وقصة لاحقة عن وسائل تنسيقها باستخدام لغة HTML - تقريبًا ستكون هذه هي الخوارزمية الخاصة بإجابتنا على السؤال الذي طرحه علينا الفاحص. إذا جاء إلينا قائلاً "قم بإدراج العناصر الرئيسية لصفحة الويب"، فعندئذٍ، باستخدام المنهجية المناسبة، سيكون لدينا كل فرصة لكشف الموضوع. أي أنه من خلال مصطلح "العناصر" يمكننا فهم المكونات الرئيسية لبنية مستند الويب، أو أنواع المحتوى - النص والصور والجداول والإطارات والروابط التي ينشئها مشرف الموقع باستخدام أداة مثل لغة HTML . بالإضافة إلى ما قيل، يمكننا أن نوضح أن هناك عددًا كبيرًا من العلامات والسمات التي توفرها معايير HTML. بالإضافة إلى HTML، يمكن لمطوري الويب استخدام أدوات تنسيق إضافية لمستندات النص التشعبي. على سبيل المثال، مع باستخدام جافا سكريبتيمكنك إنشاء صفحات ويب ديناميكية - أي تلك التي يتم فيها تحديث المحتوى باستمرار (سواء بسبب تصرفات المستخدم نفسه أو وفقًا للخوارزميات المكتوبة مسبقًا في البرامج النصية). سيكون من المفيد أن نضيف أن مطور الويب يمكنه استخدام لغات برمجة كاملة في عمله، مثل Perl وPHP وJava وPython، والتي بمساعدتها تصبح إمكانيات العمل مع مستندات النص التشعبي حتى على نطاق أوسع. قد تكون الحاجة إلى ذلك بسبب حقيقة أن مجالات تطبيق تقنيات الويب اليوم مختلفة تمامًا. يمكن أن تكون التحديات التي تواجه المطورين المعاصرين معقدة للغاية. على سبيل المثال، في بعض الأحيان يكون من الضروري ترجمة صفحات الويب المكتوبة باللغة الروسية إلى الإنجليزية. في هذه الحالة، ستكون أدوات المطور متنوعة للغاية. الهدف من العمل:تعريف الطلاب بالمفاهيم الأساسية للغة HTML، وبنية مستند HTML، والعلامات الإلزامية، والتعليقات، وطرق تنسيق النص، والأنماط المادية والمنطقية، واكتساب المهارات في إنشاء مستندات ويب ثابتة بسيطة. في فصول المختبر، سنستخدم محرر النصوص Notepad لإعداد ملفات HTML، ومتصفح Internet Explorer كأداة لمراقبة ما تم إنجازه. المعلومات النظرية مفاهيم أساسية نص تشعبي- بنية معلومات تسمح لك بإنشاء اتصالات دلالية بين عناصر النص على شاشة الكمبيوتر بطريقة يمكنك من خلالها الانتقال بسهولة من عنصر إلى آخر. من الناحية العملية، في النص التشعبي، يتم تمييز بعض الكلمات عن طريق وضع خط تحتها أو تلوينها بلون مختلف (الارتباطات التشعبية). يشير تمييز الكلمة إلى وجود صلة بين هذه الكلمة وبعض المستندات التي تتم فيها مناقشة الموضوع المرتبط بالكلمة المميزة بمزيد من التفصيل. تسمى الوثيقة المنفصلة المكتوبة بتنسيق HTML: مستند HTML؛ وثيقة الويب؛ صفحة على الإنترنت. عادة ما تكون هذه الصفحات بتنسيق NTM أو HTML. تشكل مجموعة من صفحات الويب التي تنتمي إلى مؤلف واحد أو هيئة IEDV واحدة ومترابطة بواسطة ارتباطات تشعبية مشتركة بنية تسمى عقدة الويب أو موقع الويب. تحتوي كل صفحة HTML على عنوان URL فريد خاص بها - أدصهجعلى شبكة الانترنت. إطار (إطار)
- مصطلح له معنيان. القيمة الأولى هي منطقة المستند بأشرطة التمرير الخاصة بها. والثانية هي صورة 0DNN0H في ملف رسومي متحرك (إطار). التطبيق الصغير (التطبيق الصغير)
- برنامج يتم نقله إلى جهاز الكمبيوتر العميل كملف منفصل ويتم تشغيله عند عرض صفحة ويب. النصي (النصي)
، أو البرنامج النصي، هو برنامج مضمن في صفحة ويب لتوسيع قدراته. في مواقف معينة، يعرض متصفح Internet Explorer الرسالة: "السماح بتنفيذ البرنامج النصي على الصفحة؟" في هذه الحالة نعني البرامج النصية. CGI
(شائع
بوابة
واجهه المستخدم)
- اسم عام للبرامج التي تعمل على الخادم وتسمح لك بتوسيع إمكانيات صفحات الويب. بدون مثل هذه البرامج يكون من المستحيل إنشاء صفحات ويب تفاعلية. المتصفح (المتصفح)
- برنامج لعرض صفحات الويب. عنصر- تصميم لغة HTML . يمكنك اعتبارها حاوية تحتوي على البيانات وتسمح لك بتنسيقها بطريقة معينة. أي صفحة ويب هي مجموعة من العناصر. إحدى الأفكار الرئيسية للنص التشعبي هي إمكانية تداخل العناصر. على سبيل المثال: <Начало
элемента>محتوى العنصر، البيانات التي يقوم بتنسيقها العنصر بطاقة شعار(في العلامة الإنجليزية - التسمية، واصف، التسمية) - علامة البداية أو النهاية للعنصر. تحدد العلامات حدود عمل العناصر وتفصل العناصر عن بعضها البعض. في نص صفحة الويب، يتم وضع العلامات بين قوسين زاوية<
>، وتكون علامة النهاية متبوعة دائمًا بشرطة مائلة. النص ليس بين هذه الأقواس (< >)، يكون مرئيًا تمامًا عند عرضه في المتصفح. على سبيل المثال: <Начальный
тег>محتوى العنصر والبيانات التي تنسيق عنصر <Р>سيتم وضع هذا النص في فقرة منفصلة أي صفحة ويب هي مجموعة من العناصر. أحد المبادئ الأساسية لـ HTML هو القدرة على دمج عنصر داخل عنصر آخر. يصف- المعلمة أو خاصية العنصر. توجد السمات داخل علامة البداية ويتم فصلها عن بعضها البعض بمسافات. إذا كان الأسمنت يحتوي على نص، فيمكن للسمات ضبط لون الخط وحجمه والمحاذاة فقرة نصيةوما إلى ذلك وهلم جرا. إذا كان العنصر يحتوي على صورة، فيمكن للسمات تحديد حجم الصورة، ووجود وحجم الإطار حول الصورة، وما إلى ذلك. <Р
align="center">سيتم محاذاة هذا النص إلى وسط الشاشة يستخدم هذا المثال مرة أخرى علامة تحدد بداية ونهاية الفقرة. ومع ذلك، تحتوي علامة البداية على سمة محاذاة، والتي تقوم بتعيين محاذاة النص إلى منتصف الشاشة. ملحوظة: يجب أن تظهر أي معلومات مفيدة بين علامتي البداية والنهاية للإشارة إلى تنسيقها؛ جميع السمات موجودة في علامة البداية؛ لسهولة الاستخدام، يمكنك كتابة علامة البداية بحرف كبير (كبير) (P)، وعلامة النهاية بحرف صغير (صغير) (/p)، على الرغم من أن ذلك ليس ضروريًا؛ لا تتطلب كافة العناصر علامة نهاية (إغلاق)؛ ابدأ بكتابة كل عنصر جديد على سطر جديد. مسافة بادئة للعناصر المتداخلة (علامة التبويب). هذا ليس ضروريًا مرة أخرى، ولكنه سيجعل عملك أسهل بكثير. صفحة الويب عبارة عن مستند منسق بشكل خاص ويمكن أن يتضمن نصًا ورسومات وارتباطات تشعبية وصوتًا ورسومًا متحركة وفيديو. تشكل العديد من صفحات الويب التي تشترك في موضوع وتصميم وروابط مشتركة، وعادة ما تكون موجودة على نفس خادم الويب، موقع ويب. موقع على شبكة الإنترنت (من الإنجليزية. موقع إلكتروني: الويب- "الويب والشبكة" و موقع- "مكان"، حرفيًا "مكان، جزء، جزء من الشبكة") - مجموعة الوثائق الإلكترونية(ملفات) فرد أو منظمة في شبكة الكمبيوتر، متحدين تحت عنوان واحد (اسم المجال أو عنوان IP). تشكل جميع المواقع معاشبكة الانترنتحيث يوحد الاتصال (الويب) أجزاء من المعلومات من المجتمع العالمي في كل واحد - قاعدة بيانات واتصالات على نطاق كوكبي. تم تطوير بروتوكول خصيصًا للوصول المباشر للعملاء إلى المواقع الموجودة على الخوادم HTTP .
يتم تنظيم موقع الويب مثل مجلة تحتوي على معلومات حول موضوع أو قضية معينة. مثلما تتكون المجلة من صفحات مطبوعة، فإن موقع الويب يتكون من صفحات ويب للكمبيوتر. يسمى البرنامج الذي يعرض صفحة ويب متصفح الويب. يتم إنشاء مواقع الويب باستخدام لغة ترميز مستند النص التشعبي HTML. تتكون تقنية HTML من إدراج أحرف التحكم (العلامات) في مستند نصي عادي ونتيجة لذلك نحصل على صفحة ويب. يقوم المتصفح، عند تحميل صفحة ويب، بعرضها على الشاشة بالشكل المحدد بالعلامات. HTML يسمح لك بما يلي: · تنسيق النص. · تضمين الصور والوسائط المتعددة في الوثيقة. · باستخدام هذه اللغة، يتم إنشاء روابط النص التشعبي لصفحات الويب الأخرى. يتم استخدام HTML لإنشاء محتوى معلومات الملف ولتحديد بنية وتنسيق صفحات الويب. وبما أن ملفات HTML هي ملفات نصية عادية، فيمكن إرسال مثل هذا الملف إلى أي جهاز كمبيوتر تقريبًا. لإنشاء صفحات ويب، يتم استخدام برامج تحرير نص بسيطة لا تتضمن أحرف التحكم في تنسيق النص في المستند الذي تم إنشاؤه. على هذا النحو محرر في نظام التشغيل Windows يمكنك استخدامه التطبيق القياسي"دفتر". عادةً ما يكون لملف صفحة الويب ملحق .html أو .htm. بالإضافة إلى ذلك، هناك العديد من التقنيات التي تكون فيها الخطوات الأساسية لإنشاء مواقع الويب مؤتمتة بالفعل، ويبقى فقط إجراء التغييرات وفقًا لموضوعك. لعرض صفحة HTML، ما عليك سوى إدخال عنوان URL الخاص بها في شريط العناوين بمتصفح الويب الخاص بك ثم اتبع الارتباطات التشعبية. ولكن هذه هي المشكلة الرئيسية بالتحديد - كيف تعرف عنوان الصفحة؟ يحدث في أغلب الأحيان أنك تعرف ما تحتاج إلى العثور عليه، لكنك لا تعرف أين تبحث بالضبط. لحل هذه المشكلة، هناك محركات بحث خاصة. من وجهة نظر المستخدم، نظام البحث- هذا موقع منتظم على الصفحة الرئيسيةالذي يحتوي على روابط لمواقع أخرى، مقسمة إلى فئات ("رياضة"، "أعمال"، "أجهزة كمبيوتر"، وما إلى ذلك). بالإضافة إلى ذلك، يتيح محرك البحث للمستخدم إدخال عدة كلمات رئيسية ويعيد روابط إلى الصفحات التي تحتوي على تلك الكلمات الرئيسية. موقع إلكتروني موقع الويب (موقع الويب باللغة الإنجليزية، من الويب - الويب والموقع - "المكان") عبارة عن مجموعة من المستندات الخاصة بشخص أو مؤسسة خاصة متحدة تحت عنوان واحد على شبكة كمبيوتر. بشكل افتراضي، من المفترض أن الموقع موجود على شبكة الإنترنت. تشكل جميع مواقع الإنترنت مجتمعة شبكة الويب العالمية. تم تطوير بروتوكول HTTP خصيصًا للعملاء للوصول مباشرة إلى مواقع الويب الموجودة على الخوادم. وتسمى مواقع الويب أيضًا تمثيل الإنترنت لشخص أو مؤسسة. عندما يقولون "صفحتك الخاصة على الإنترنت"، فهذا يعني موقع ويب كاملاً أو صفحة شخصية كجزء من موقع شخص آخر. بالإضافة إلى مواقع الويب على الإنترنت، تتوفر أيضًا مواقع WAP للهواتف المحمولة. في البداية، كانت مواقع الويب عبارة عن مجموعات من المستندات الثابتة. حاليًا، يتميز معظمهم بالديناميكية والتفاعل. في مثل هذه الحالات، يستخدم الخبراء مصطلح تطبيق الويب - الجاهز حزمة البرامجلحل مشاكل الموقع . يعد تطبيق الويب جزءًا من موقع الويب، لكن تطبيق الويب الذي لا يحتوي على بيانات يعد موقعًا من الناحية الفنية فقط. في معظم الحالات على الإنترنت، يتوافق موقع ويب واحد مع اسم مجال واحد. بالضبط وفقا ل أسماء النطاقاتيتم تحديد المواقع في شبكة عالمية. هناك خيارات أخرى ممكنة: موقع واحد على عدة مجالات أو عدة مواقع ضمن مجال واحد. عادةً، يتم استخدام العديد من المجالات بواسطة المواقع الكبيرة (بوابات الويب) للفصل المنطقي بين الأنواع المختلفة من الخدمات المقدمة (mail.yandex.ru، news.yandex.ru، auto.yandex.ru). هناك أيضًا حالات يتم فيها تخصيص نطاقات منفصلة لها دول مختلفةأو اللغات. على سبيل المثال، يعد google.ru وgoogle.fr من مواقع Google المنطقية بلغات مختلفة، لكنهما موقعان مختلفان من الناحية الفنية. يعد الجمع بين عدة مواقع تحت مجال واحد أمرًا معتادًا استضافة مجانية. لتحديد المواقع، يحتوي العنوان على علامة التلدة واسم الموقع بعد المضيف: example.com/~my-site-name/.العلامات
صفات
عرض لمصطلحات HTML الأساسية
تخصيص بنية مستند HTML
مرحبا بالعالم!
عرض هيكل وثيقة HTML
العرض التوضيحي وكود المصدر
ملخص
الموارد والروابط
ما هي صفحة الويب؟
مكان ودور صفحات الويب في بنية المواقع
مبدأ استخدام النص التشعبي
بنية لغة HTML: العلامات
صفات
محتوى
عناصر صفحة الويب
عناصر صفحة الويب: الرأس
الجزء الرئيسي من صفحة الويب
علامات HTML الأساسية
تفاصيل أدوات تطوير الويب
