قم بتنزيل صفحة ويب html في المفكرة. إنشاء صفحة html في المفكرة: شرح للدمى. علامات HTML الأساسية

22.10.2020

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

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

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

قم بتنزيل قوالب مواقع ويب HTML المجانية وأنشئ مشاريعك في لمح البصر.

مرحبا بالجميع!

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

  • ... سوف نتعلم كيفية تحرير كود الموقع باستخدام هؤلاء المحررين ؛
  • ... سنساعد روبوت البحث على فهم بنية الصفحة ؛
  • ... سوف نكتشف مدى صحة صياغة كود الموقع والعثور على الأخطاء ؛

كما ترى ، سيكون لدينا الكثير من العمل هذا الأسبوع ، لذا اشترك في تحديثات مدونة Context-UP واستقبل جميع الدروس عبر البريد الإلكتروني إذا لم تكن مشتركًا بعد.

أساسيات HTML

HTML (Hyper Text Markup Language) هي لغة ترميز للمستندات على الإنترنت. أي أن أي صفحة في موقعك هي مستند ، والمستعرض هو وسيلة لعرض مثل هذه المستندات.

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

تتكون لغة الترميز من علامات خاصة تساعد المتصفح في تحديد:

  • هيكل الوثيقة.
  • موقع هذا العنصر أو ذاك ؛
  • الغرض من العنصر ؛
  • تضمين ملفات الطرف الثالث ؛
  • والكثير الكثير.

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

بنية HTML

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

<! نوع الوثيقةأتش تي أم أل><لغة البرمجة> <رئيس> <ميتا charset = "UTF-8"><لقب> عنوان الصفحة</ لقب> <ميتا name = "الكلمات الرئيسية" content = " الكلمات الرئيسية والعبارات مفصولة بفواصل" > <ميتا name = "description" content = " وصف محتوى الصفحة ، 1-2 جمل." > </ رئيس> <هيئة> محتوى الصفحة

دعنا نلقي نظرة فاحصة على كل عنصر:

  1. <! نوع الوثيقةأتش تي أم أل>

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

  2. <لغة البرمجة> - علامة الفتح ؛- علامة الإغلاق

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

  3. <رئيس> - علامة الفتح ؛- علامة الإغلاق

    ضمن العلامات المشار إليها فضلا عن المعلومات الفنية الأخرى. يُسمح باستخدام علامات مثل:

    1. بما في ذلك الملفات الخارجية ، على سبيل المثال ، ملف النمط style.css ؛

    2. تستخدم لتخزين المعلومات للمتصفح ومحركات البحث ؛