يتكون موقع الويب في الواقع من صفحات الويب، إذا كنت تريد أن تفهم ما هو موقع الويب، فيجب عليك أولاً أن تفهم ما هي صفحة الويب؟
(1) صفحة الويب هي في الواقع ملف موجود على الخادم، عندما نتصفح صفحة الويب، سيتم تنزيل هذا الملف على جهاز الكمبيوتر المحلي لدينا، ثم يتم تحليله بواسطة المتصفح لعرض واجهات جميلة متنوعة، مثل الجداول والصور والعناوين. ، القائمة، الخ.
(2) هناك أنواع عديدة من اللواحق لملفات صفحات الويب، مثل .html، و.php، و.jsp، و.asp، وما إلى ذلك. وأعتقد أن الجميع قد شاهدوها في عنوان المتصفح.
(3) ولكن بغض النظر عن لاحقة صفحة الويب، فإن جوهرها هو نفسه، وهو ملف نصي عادي يتكون من كود HTML.
(4) يمكننا استخدام Notepad وNotepad++ وSublime Text وما إلى ذلك لكتابة التعليمات البرمجية.
(1) يمكن اعتبار موقع الويب بمثابة مجلد موضوع على الخادم، والذي يحتوي على العديد من صفحات الويب والعديد من المجلدات الفرعية.
(2) عندما يصل المستخدم إلى موقع ويب، يقرأ محتويات الملف. عندما يشارك المستخدم البيانات، يقوم بتعديل محتويات الملف، أو حذف ملف موجود، أو إنشاء ملف جديد.
برنامج الكتابة الأكثر استخدامًا في الوقت الحاضر هو Visual Studio Code، وسيتم أيضًا كتابة الرموز المستقبلية في Visual Studio Code.
HTML هي لغة تستخدم لوصف صفحات الويب. HTML هي لغة ترميزية شائعة تُستخدم على الويب. يتيح لك HTML تنسيق النص وإضافة الصور وإنشاء الروابط ونماذج الإدخال والإطارات والجداول وما إلى ذلك، وحفظه كملف نصي يمكن للمتصفح قراءته وعرضه.
(1) يشير HTML إلى لغة توصيف النص التشعبي: لغة ترميز النص التشعبي
(2) لغة HTML ليست لغة برمجة، ولكنها لغة ترميزية
(3) لغة الترميز هي مجموعة من العلامات الترميزية
(4) يستخدم HTML علامات الترميز لوصف صفحات الويب
(5) تحتوي مستندات HTML على علامات HTML ومحتوى نصي
(6) تسمى مستندات HTML أيضًا صفحات الويب
(1) غالبًا ما تسمى علامات ترميز HTML بعلامات HTML
(2) علامات HTML هي كلمات أساسية <tag> محاطة بأقواس زاوية
(3) تظهر علامات HTML عادةً في أزواج <tag>المحتوى</tag>
(4) العلامة الأولى في زوج العلامات هي علامة البداية، والعلامة الثانية هي علامة النهاية.
(5) تسمى علامات البداية والنهاية أيضًا بالعلامات المفتوحة وعلامات الإغلاق
(1) تصف علامات HTML وعناصر HTML عادةً نفس المعنى
(2) ولكن بالمعنى الدقيق للكلمة، يحتوي عنصر HTML على علامة بداية وعلامة نهاية
(1) تُستخدم متصفحات الويب (مثل Google Chrome وInternet Explorer وFirefox وSafari) لقراءة ملفات HTML وعرضها كصفحات ويب.
(2) لا تعرض متصفحات الويب علامات HTML مباشرة، ولكنها تستخدم العلامات لتحديد كيفية عرض محتوى صفحة HTML للمستخدمين.
بعد ذلك، دعونا نتعرف على بنية HTML من خلال مثال HTML بسيط.
ملحوظة: بعد إدخال Visual Studio Code ، قم بتغيير لاحقة الملف الجديد إلى .HTML، ثم أدخل! واضغط على Enter لإنشاء الإطار الأساسي.
مثال HTML هو كما يلي:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>المستند</title></head><body>< /الجسم></html>
تحليل المثال:
● DOCTYPE هو تعريف نوع مستند للغة الترميز العالمية القياسية، مما يساعد على عرض صفحات الويب بشكل صحيح في المتصفحات. تعريف نوع المستند ليس حساسًا لحالة الأحرف.
●العلامة <html> هي العنصر الجذر لصفحة HTML، والعلامة النهائية لهذه العلامة هي </html>
● تحتوي العلامة <head> على البيانات التعريفية للمستند
●يحدد <meta charset=utf-8> تنسيق ترميز صفحة الويب على أنه utf-8، والذي يمكنه حل مشكلة الأحرف الصينية المشوشة في المتصفح.
●تحدد العلامة <title> عنوان المستند
● تحدد العلامة <body> النص الرئيسي للمستند، أي محتوى الصفحة المرئي على صفحة الويب. علامة النهاية لهذه العلامة هي </body>