نكتب صفحة html. مثال على صفحة HTML والمبادئ الأساسية للإنشاء
مرحبًا بك في صفحات مدونة Start-Luck. اليوم أود أن أوضح لكم كيفية استخدام الكود. تعد كتابة مواقع الويب نشاطًا مثيرًا للاهتمام قد يبدو مربكًا للكثيرين. في الواقع ، يمكن إنشاء صفحة بسيطة في 5 دقائق فقط.
في هذه المقالة سأتحدث عن إنشاء صفحة html. سنكمل هذه المهمة في أقل من 10 دقائق ، وبعد ذلك سنتعامل مع العلامات الرئيسية بمزيد من التفصيل. سيكون من الخطأ وصف مثل هذا المنشور بأنه درس. إنها أكثر من مجرد بداية تهدف إلى إظهار بساطة الوظيفة وتعطيك الرغبة في المضي قدمًا ومعرفة المزيد والقيام بعمل أفضل.
كيفية إنشاء صفحة
أقترح عليك عمل الصفحة الأولى في المفكرة. أبسط ، والذي يوجد في قائمة ابدأ ، مجلد الملحقات. لست بحاجة إلى تنزيل أي شيء حتى الآن. حاول الاستفادة مما لديك.
افتح مستندًا.
الصق هذا الرمز فيه.
<أتش تي أم أل>
<رئيس>
<العنوان>صفحتي الأولى</ العنوان>
</ رئيس>
<الجسم>
<المركز> </ h1> center > <ر /><المركز> "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> center > <ر /> <fontstyle = "color: red"></ الخط> <ر /> <ب></ ب> <ر /> لقد وصلنا إلى القاع<ر /> أنت الآن تعرف المزيد عن العلامات ويمكنك استخدامها. دعنا نحاول إدراج ارتباط لربط عدة صفحات معًا.<ر /> <hr>على سبيل المثال ، هذا رابط لمدونتي -<a href = "https: // site /">ابدأ الحظ</ أ>- يتحدث ببساطة عن "صعب".<ر /> <ر /> </ الجسم> </ html> |
إنشاء صفحة أسهل مما تعتقد
رمز بسيط لجعل النص أحمر
ليس من الصعب الكتابة بالخط العريض
لقد وصلنا إلى القاع
أنت الآن تعرف المزيد عن العلامات ويمكنك استخدامها. دعنا نحاول إدراج ارتباط لربط عدة صفحات معًا ..
حسنًا ، انتهى كل شيء الآن. صفحتك الأولى جاهزة
يجب تسمية الملف index.html. تنتهي ".لغة البرمجة"يشير إلى امتداد الملف. إذا قمت فقط بإدخال اسم فهرس ، فسيتم حفظ المستند باسم ملف نصيولن تفتح في المتصفح.
لقد حفظت المستند على سطح المكتب الخاص بي. الآن تحتاج إلى العثور عليه ، اضغط على زر الفأرة الأيمن وافتحه بأي متصفح. سأختار Google Chrome.
هذا ما تبدو عليه الصفحة التي أنشأتها للتو. لك لن يكون مختلفا. كل شيء هو نفسه تمامًا: مع الصور وخط الألوان.
سأخوض الآن في مزيد من التفاصيل حول العلامات ، ولكن دعنا الآن نزيل " مركز "وإدراج سطر يحتوي على الكلمة" لون". بالمناسبة ، لقد كتبت بالفعل. الأمر بسيط للغاية ، أوصي بقراءته.
احفظ المستند مرة أخرى ، هذه المرة يمكنك فقط استخدام اختصار لوحة المفاتيح Ctrl + S ، ثم تحديث الصفحة في المتصفح باستخدام الزر F5
تذكر أن أي علامة تقريبًا تحتاج إلى الفتح والإغلاق. بمعنى ، يجب وضع الرمز بشرطة مائلة في مكان ما. في هذه الحالة ، يبدو كالتالي: .
انظر ، تحول العنوان إلى اللون الأحمر. بنفس الطريقة ، يمكنك إعطاء الظل المطلوب لأي جزء من النص.
حسنًا ، هذا كل شيء ، المثال جاهز ، ويجب أن تفخر بنفسك. بالطبع ، لم يتم الاتصال بالإنترنت بعد ، لذلك يجب وضع صفحة الويب عليها ، والتي يتم توفيرها بواسطة الاستضافة. تحتاج أيضًا إلى ربط المجال الخاص بك حتى يتمكن الآخرون من رؤية إنشائك.
في الوقت الحالي ، يمكنك فقط رؤية الصفحة. لكن يجب أن تعترف أنه لا يمكن أن يفاجأ بمثل هذا الموقع إلا شخصًا من العصر الحديدي. ولكن هذه هي التجربة الأولى ، فلنجعلها أكثر نجاحًا من خلال فهم العلامات التي استخدمناها. سيساعدك هذا في تعلم كيفية إنشاء مشاريعك دون مساعدة أي شخص.
العلامات
بعد إذنك ، سأنتقل إلى NotePad ++. لديها عدد من المزايا بالمقارنة مع المفكرة العادية. الآن سأحتاج حقًا إلى تمييز العلامات لأظهر لك العناصر التي سأتحدث عنها. بشكل عام ، إذا كنت ستتعلم لغة تأشير النص الفائق ، فأنا أوصي بشدة بتثبيت هذا البرنامج المجاني.
إنه ليس الوحيد ويمكنني أن أقدم لك المزيد إذا كان شخص ما مهتمًا بالبدائل. سوف ننتقل إلى الجزء النظري.
رئيسي
تبدأ الصفحة وتنتهي بالعلامات . تُظهر للمتصفح أن هذا مستند ويب تم إنشاؤه باستخدام html.
يأتي بعد ذلك أو العنوان. يحتوي على أكثر معلومات مهمةحول الصفحة ، في حالتنا -. إذا لم تجد بعد عبارة "صفحتي الأولى" الموجودة في الشفرة ، فاحرص على الانتباه إلى علامة التبويب نفسها أعلى سطر البحث.
وهي العلامات
بطاقة شعار
يشير إلى أن العبارة عنوان. بشكل افتراضي ، يكون أكبر قليلاً من النص الأساسي ويكون غامقًا. إذا كنت أنا وأنت نكتب الآن ليس فقط بتنسيق html ، ولكن أيضًا بإنشاء ملف CSS يشتمل ملفنا على شيء مشترك معه ، فيمكننا التحكم في الحجم والخط وحتى لون جميع العناوين على الصفحة دون كتابة نوع الخط
كما فعلنا في المثال. من السابق لأوانه ذلك بالرغم من ذلك.
بالمناسبة ، العنوان و H1 لهما تأثيرهما عند تخصيص مكان لموقعك في نتائج البحث. تحتاج إلى معاملتهم باهتمام كبير ولا تكتب بالداخل إلا إذا كان ذلك فقط. هم مرتبطون. بالإضافة إلى h1 ، هناك أيضًا h2 و h3 و h4.
في نفس السطر يوجد افتتاح وإغلاق
- واحدة من العلامات الفردية القليلة. أي أنه يعمل من تلقاء نفسه. بفضل هذا ، تقفز العناصر من سطر إلى آخر. بعبارة أخرى ، خذ خطوة للوراء. لقد كتبوها مرة ، مما يعني أنهم تحركوا للأسفل مرة ، مرتين ، مثل بلدي ، واتضح أن المسافة البادئة كانت أكثر قليلاً.
صورة
بعد ذلك تأتي العلامة IMG ، أي صورة ، صورة. قوس مربعيفتح ، كل المعلومات الأساسية عن الصورة تناسبها ، فقط بعد أن تغلق. تجدر الإشارة إلى أن IMG هي علامة ، وجميع عناصر الكود الأخرى التي تناسبها هي سماتها.
بادئ ذي بدء بديل ، وهو وصف. هذا ضروري أيضًا للتحسين. وأضاف أيضا في بعض الأحيان عنوان . عند التمرير بالماوس فوق صورة ، يظهر تلميح أداة بجوار المؤشر عندما تكون الصفحة مفتوحة بالفعل في المستعرض.
كان من الممكن تحميل الصورة إلى مجلد الموقع وتعيين المسار إليها ، لكنني ذهبت طريقة بسيطة. من بين على Pixabay وجدت صورة ، وفتحتها في نافذة جديدة ولصقت الرابط.
في العلامة src المسار إلى الصورة مكتوب. هو الذي يخبر المتصفح أنك بحاجة إلى المضي قدمًا للعثور على الصورة المطلوبة ، وفي أي اتجاه تبحث - تكتب بنفسك.
تنسيق النص
هو المسؤول عن إعطاء جزء من النص نمطًا خاصًا ، على سبيل المثال ، كما في حالتنا ، لون مختلف. النمط = "اللون: أحمر" يشير إلى أن اللون سيكون أحمر. إذا كنت تريد اللون الأصفر ، فاكتب الأصفر والأخضر والأخضر. يمكنك استخدام رموز الألوان من Photoshop.
يساعد في جعل النص عريضًا.
يرسم خط أفقي. إنه مفرد ويستخدم فقط عند إغلاقه. إذا كنت تكتب
عدة مرات ، سوف تحصل على نفس الشيء بالضبط خطوط أفقيةعند فتح الصفحة في المتصفح.
الروابط
يخبر المتصفح أن الرابط سيتبع. تريد إعادة توجيه القارئ إلى عنوان مختلف. هذه العلامة تأتي مع السمة المطلوبة href = "العنوان" . يتم إدراج المسار الذي يجب أن ينقل فيه المتصفح الزائر إلى الصفحة في علامات اقتباس. بعد كتابة هذه العلامة ، يتم إدخال وصف ، كلمة أو عدة كلمات ، عند النقر فوق سيتم نقل القارئ أكثر. بعد استيفاء هذه الشروط ، يمكنك إدراج علامة إغلاق ثانية а> .
بعد كتابة نص الصفحة ، تقوم بإغلاق العلامة جسم منذ الانتهاء من الجسم. وتشير إلى أنك توقفت عن الاستخدام اليوم لغة البرمجة .
إذا كنت ترغب في معرفة المزيد حول علامات html ومعرفة كيفية إدراج ليس فقط الصور ، ولكن أيضًا مقاطع الفيديو ، وإنشاء الأزرار ، والأشكال المختلفة ، والقوائم ، والفقرات ، فيمكنني أن أقدم لك دورة تدريبية مجانية بواسطة Evgeny Popov " أساسيات أتش تي أم أل ". 33 درسًا فقط ستساعدك على الوصول إلى مستوى جديد.
أود أيضًا أن أوصيك بدورة فيديو توضح كيفية تكوين المواقع. يتم عرض العملية برمتها في أمثلة حقيقية ، وهو أمر جيد بشكل خاص. الدورة مخصصة للمبتدئين الذين لا يعرفون HTML حتى الآن ، ولأولئك الذين يعرفون بالفعل كل من HTML و CSS جيدًا ، ومع ذلك ، فهم لا يعرفون كيفية تخطيط المواقع جيدًا. يمكن الحصول على مزيد من المعلومات من خلال النقر على الرابط: www.srs.myrusakov.ru/makeup
بالإضافة إلى ذلك ، خذ كتاب بناء موقع مجاني ! هذا الكتاب موجه للمبتدئين ، وهذا هو المكان الذي يتم فيه إنشاء موقع FROM و TO. أي ، يتم إعداد التصميم ، ثم يتم تكوين الصفحات ، وكتابة جزء البرنامج ، ثم يتم وضع الموقع على الإنترنت. يعلق المؤلف بعناية على كل شيء ، ويحتوي الكتاب على الكثير من لقطات الشاشة والرسوم التوضيحية. علاوة على ذلك ، فإن خصوصية الكتاب هي أنه لا يتم إنشاء بعض المواقع المجردة ، ولكنها حقيقية تمامًا وموجودة على الإنترنت.
لقد فعلتم الكثير اليوم لأن الخطوة الأولى هي الأصعب.
اشترك في النشرة الإخبارية و مجموعة فكونتاكتي ، ومعرفة المزيد: كيف ولماذا تحتاج إلى محرك موقع ويب ، وما هو تخطيط الكتلة والشبكة المعيارية ، وكيفية كتابة مواقع الويب وغير ذلك الكثير.
أراك مرة أخرى ونتمنى لك التوفيق!
تم اختراع العديد من اللغات ، لكن HTML هي إحدى اللغات الخاصة والأكثر طلبًا. ترتبط به العديد من مبادرات البرمجة الرئيسية الأخرى. يصبح الكثير متاحًا عندما تكون معرفة لغة الترميز - لغة ترميز النص التشعبي (HTML) موجودة في ذهن المطور.
في الأساس ، لا يوجد شيء معقد في HTML ، وفي غضون دقائق قليلة ، سيقوم أي شخص ، الأبعد عن البرمجة والإنترنت ، بإنشاء صفحة HTML في المفكرة. المثال الذي يستحق الاهتمام هو البساطة ، في الواقع ، في متناول الجميع.
وصف عام
ملف HTML هو صفحة واحدة من الموقع ، على الرغم من إمكانية الجدل حول ذلك ، إلا أن حقيقة أن ملفًا واحدًا يتكون من صفحة واحدة أمر واضح في البداية.
يبدأ ملف HTML برأس DOCTYPE يشير إلى أن نوع الملف هو HTML. يشار إلى جميع عناصر الصفحة (العلامات) بين قوسين زاوية. كل زوج ("<» и «>") يتضمن علامة HTML واحدة. عادةً ، يتم إقران علامات HTML ، أي لكل "علامة" يوجد "/ علامة". كلاهما محاط بأقواس زاوية. هناك علامات مفردة ، وأكثرها شيوعًا "br /" هو الانتقال إلى السطر التالي.
أكبر علامة في الملف هي HTML نفسها ، والتي تحتوي على علامتين فقط: HEAD و BODY. في الأول ، تم عمل أوصاف مختلفة ، والإشارة إلى روابط الملفات الأخرى التي تحتاجها الصفحة ، وقد تكون نصوص PHP و JavaScript موجودة. الثاني يسجل محتوى الصفحة. أيضا في شكل علامات ونصوص.
صفحة HTML بسيطة
ويرد مثال على إنشاء مثل هذه الصفحة أدناه في المقالة. دعونا ننظر في الأمر بعناية.
القسم الرئيسي
الغرض الرئيسي هو وصف عام للصفحة والنصوص الشائعة ، على الرغم من أن هذا الأخير مفهوم نسبي إلى حد ما. عادة ، هناك شيئان فقط مهمان هنا:
- الكلمات الرئيسية ووصف الصفحة ؛
- روابط لملفات أخرى (* .css و * .js).
لعرض محتوى الصفحة ، يكون محتوى هذا القسم وثيق الصلة بشكل غير مباشر فقط ، حيث يشير إلى أنه في مكان ما في الملفات الأخرى توجد قواعد CSS للعلامات والنصوص الخاصة باللغات الأخرى.
يتم عرض صفحة HTML عندما يحرك الزائر الماوس فوق علامة التبويب حيث تكون الصفحة مفتوحة. هذه نقطة مهمة ، لأنها تجعل الصفحة أكثر قابلية للتقديم ، وبعبارة أخرى ، موقعة بنص مقروء.
تعد العلامات الوصفية META مهمة في برمجة الإنترنت بشكل عام ، ولكن عندما تحتاج إلى إنشاء صفحة HTML في المفكرة ، فمن غير المرغوب فيه تكديس المثال مع الإنشاءات غير الضرورية.
إذا كان يجب التعامل مع البرمجة النصية بمجرد ترسيخ المعرفة بلغة HTML ، فيجب معالجة أوراق الأنماط المتتالية على الفور. توفر ملفات CSS ، على وجه الخصوص ، قواعد تنسيق علامات HTML.
قسم الجسم
في الواقع ، نموذج صفحة HTML هو قسم BODY. هذا هو المكان الذي يتم فيه احتواء جميع المعلومات ، كل محتوى صفحة الموقع. يتم تقديم جميع المعلومات في شكل علامات ونصوص ، مثل إدخال كود JavaScript أو أجزاء من برامج PHP.
من المهم أن نفهم أن مثالًا لصفحة ويب بتنسيق HTML في مستعرض ونفس المثال في محرر نصوص ، خاصة المفكرة ، بعيدان عن نفس الشيء. في الحالة الأولى ، لدينا نص HTML جاهز يتم فيه تنفيذ جميع البرامج النصية. على سبيل المثال ، عملت PHP على إعداد الجزء الخاص بها وشكلت العلامات الضرورية بدلاً من الكود الخاص بها في الأماكن الصحيحة. حققت JavaScript أيضًا مهمتها ، على الرغم من أنه لم تتم مناقشتها بشكل منفصل بعد.
HTML عبارة عن علامات وليست برامج نصية. في النهاية ، يعرض المتصفح محتوى الصفحة فقط ، فقط علاماتها. لا يوجد كود PHP هناك.
تعد JavaScript في وضع خاص ، فاهتمامها هو خدمة الصفحة ليس فقط في لحظة التحميل (إعادة التحميل) ، ولكن أيضًا في اللحظات التي تكون فيها الصفحة في متصفح الزائر ، وهو يدرسها.
يتم سرد مثال بسيط (فقط قسم الجسم) أدناه.
وفي متصفح الزائر يبدو كالتالي:
لم يحدد الكود كيف يجب أن تبدو العناصر التي يعرضها المتصفح. كل الأنماط المرئية موجودة في قواعد CSS. في هذه الحالة ، في ملف Mcss / scPhpWordRW.css المشار إليه (انظر المثال الأول لصفحة HTML).
على عكس HTML ، فإن سمة CSS أبسط ، وهناك قواعد يسهل الوصول إليها وعددها صغير ، عندما لا يتطلب مثال لإنشاء صفحة HTML أي شيء آخر غير المفكرة. كل شيء سهل الوصول إليه للتطوير الفوري:
يوضح هذا كيف يتم ببساطة وصف علامة scLogo_vDoc ، والوصف هو أن الوسم يعرض صورة vDoc-logo.png ، وعندما يكون الماوس فوقه يعرض صورة vDoc-logo-h.png.
هيكل أوصاف HTML
لا تعني اللغة أي بنية ومفهوم النحو نسبي للغاية هنا. لا توجد متغيرات هنا ، ولكن هناك الكثير من الاحتمالات. الأساس الأساسي للنص التشعبي هو وجود عنصر (علامة) يجب أن يكون له اسم.
يتكون الاسم ، في حالة العلامة المقترنة ، من الاسم الفعلي (اسم العلامة) وأقواس الزاوية ("<» + tagName +«>") ، إذا كانت حول بداية العلامة ، و"» + tagName + «>"إذا تم تسجيل نهايته.
يوجد مثال لصفحة HTML تصف السمات أدناه في النص.
يمكن أن تحتوي العلامة على سمات ، وفي هذه الحالة يتم وضعها بمسافة بعد اسم العلامة قبل قوس زاوية الإغلاق ">". السمات ، إذا كانت هناك علامة عليها ، تتم كتابتها في بداية العلامة فقط. محتوى الوسم هو ما بين بداية العلامة ونهايتها.
يتيح لك HTML وصف عناصر الكتلة والعناصر المضمنة. الأولى تحتل مساحة معينة في نافذة المتصفح ، ويمكن وضعها بشكل مطلق ، أي في المكان المناسب في منطقة العرض بصفحة HTML ، ولها حجم محدد.
يتم عرض العناصر المضمنة بشكل عام في دفق واحد ، أي كما تم تحديدها في ملف الصفحة ، ويتم عرضها على الشاشة. يمكن أن يتأثر عرض التدفق المشترك عند تحميل الصفحة. يمكن أن يتأثر الموضع والرؤية والخصائص الأخرى لعناصر مستوى الكتلة في أي وقت من خلال تعليمات JavaScript البرمجية.
بالإضافة إلى العناصر البسيطة ، تقدم HTML وصف الجداول والنماذج. هذه العناصر مطلوبة بشدة في "بناء مواقع الويب اليومية".
وصف الجدول: علامات TABLE و TR و TD
باستخدام علامة TABLE ، يمكنك إنشاء جدول ، وتحديد عدد معين من صفوف TR ، وفي كل صف ، عدد معين من خلايا TD. على عكس التنظيم الجدولي المعتاد ، نظرًا لخصائص ترميز HTML ، فإن التنظيم الجدولي يقتصر على هذا الإعلان ، لذلك إذا أراد المطور الحصول على جدول مستطيل يكون فيه عدد الأعمدة في جميع الصفوف هو نفسه ، فيجب عليه اتباع هذا من تلقاء نفسه.
الموقف الأساسي لـ HTML هو أن تفعل كل ما هو محدد ، لكن لا شيء غير مفهوم. في بعض الحالات ، لا يكون عدد الأعمدة في كل صف من الجدول مهمًا جدًا ، ولكن إذا كنت بحاجة إلى دمج الخلايا عموديًا أو أفقيًا ، فسيتعين عليك حساب كل شيء بعناية فائقة.
يظهر مثال لصفحة HTML تصف جدولًا بسيطًا بوضوح في المقالة.
فيما يلي جدول بحجم ثلاثة صفوف بثلاثة أعمدة ، وفي الصف الأول ، بدلاً من علامة TD ، تم استخدام علامة TH ، عنوان العمود. لا يوجد اختلاف خاص بين هاتين الوسمتين ، ولكن من الممكن تمامًا استخدام العلامة الأولى لتمييز الصف الأول من الجدول ، وفي CSS يمكنك إرفاق أسلوبك الخاص بـ TH ، مما يميزه عن TDs الأخرى.
وصف النموذج: علامات FORM و INPUT
النماذج هي الجزء الأكثر طلبًا من علامات HTML. يمكن استخدام النماذج لتقديم المعلومات. في الواقع ، الصفحة نفسها هي إخراج المعلومات ، لكن النموذج هو مدخلاتها.
مثال على صفحة HTML تصف نموذجًا بسيطًا:
هناك العديد من الخيارات لاستخدام النماذج ، ولكن الميزات الرئيسية هي كما يلي. يمكنك تحديد حقول الإدخال ، وتخصيص التصميم والمعالجات لتحليل مدخلات المستخدم. يمكنك تحديد الحقول المخفية وتمرير معلومات الخلفية من الصفحة. يمكنك تعيين الأزرار الخاصة بنقل المعلومات ، والنقر فوق الزر الذي يبدأ عملية نقل المعلومات.
باستخدام HTML
إن معرفة لغة النص التشعبي هي عمل في أي تخصص في مجال برمجة الإنترنت ، ولكن إذا كنت بحاجة إلى كتابة برامج بلغة PHP أو JavaScript ، فأنت بحاجة إلى معرفة HTML + CSS تمامًا.
تم تحديد لغة PHP في المثال السابق. تعمل PHP على الخادم ، لذا انتقلت الصفحة التي بها هذا النموذج من الخادم إلى المتصفح مع ملء الحقول. على وجه الخصوص ، تلقت وظيفة TestOnBlur المذكورة في علامة INPUT (معالج حدث onblur) جميع المعلمات كحقول نصية.
تعمل JavaScript في المتصفح ، ولكي يقوم الزر بإرسال البيانات مرة أخرى إلى الخادم ليعمل بشكل صحيح ، أي البنية: onclick = jQuery ("# to"). val ("cart") ، يجب أن يكون لديك فكرة ليس فقط عن ماهية jQuery ، ولكن أيضًا ما هو #to، val، cart. بشكل أكثر تحديدًا ، تحتاج إلى معرفة علامات HTML الأساسية والقواعد العامة لتطبيق أنماط CSS عليها.
هذا يكفي لتحسين مهاراتك بسرعة في أي تخصص في مجال برمجة الإنترنت.
مرحبا عزيزي قراء المدونة. مع هذه المقالة ، سنبدأ في تعلم أساسيات لغة HTML.
ربما تعلم بالفعل أن اللغة الرئيسية للإنترنت هي لغة ترميز النص التشعبي (HTML). في هذه المقالة ، سوف نتعلم المفاهيم الأساسية لـ HTML ونتعلم كيفية إنشاء أبسط صفحات WEB.
لنبدأ بالأهم ، فكر في كيفية عمله بنفسه شبكة الإنترنت العالمية - الإنترنت. للحصول على صفحات الويب ، تقوم بإنشاء ملفات مكتوبة بتنسيق HTML وتضعها على خادم ويب. بعد ذلك ، يمكن لأي متصفح مثبت على جهاز متصل بالإنترنت ، سواء كان جهاز كمبيوتر أو هاتفًا أو جهازًا لوحيًا ، العثور على صفحات الويب الخاصة بك.
قاعدة بيانات للانترنت- هذا جهاز كمبيوتر عادي به برنامج خاص يمكنه الوصول إلى الإنترنت. تنتظر باستمرار طلبات المتصفحات لصفحات الويب والصور وملفات الصوت والفيديو. بعد تلقي طلب لأحد هذه الموارد ، يبحث الخادم عنه ويرسله إلى المتصفح.
المستعرضهو برنامج خاص مصمم لتصفح مواقع الويب ، مثل Internet Explorer. باستخدام متصفحك ، يمكنك تصفح الويب بالنقر فوق الروابط. تؤدي أي نقرة من هذا القبيل إلى قيام المتصفح بتقديم طلب لصفحة html إلى خادم الويب ، وتلقي استجابة ، وعرض الصفحة في نافذتها. عندما يتم عرض الصفحة ، يتم تشغيل لغة HTML ، فهي تخبر المتصفح بكل شيء عن بنية صفحة الويب ومحتواها. بمساعدة الأوامر - العلامات، HTML يخبر المتصفح حيث تبدأ فقرات النص ، أي جزء من النص هو العنوان ، ويخبر مكان إدراج الجداول ، وحتى الصور. والعلامات هي كلمات بين قوسين زاويتين ، على سبيل المثال
,