HTML سريعة وقذرة تعليمي

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

فتح وإغلاق العلامات

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

العنوان يذهب هنا

تشير العلامتان هنا إلى أن كل المحتوى بين الاثنين يجب أن يظهر في حجم العنوان h1. إذا نسيت إضافة علامة الإغلاق ، فسيظهر كل شيء يتبع علامة الفتح في حجم العنوان h1.

العلامات الأساسية في HTML5

العناصر الأساسية اللازمة لمستند HTML5 هي:

بيان doctype ليس علامة. يخبر الكمبيوتر أن HTML5 يأتي في ذلك. يتم عرضه أعلى كل صفحة HTML5 ويأخذ هذا النموذج:

تخبر علامة HTML الكمبيوتر بأن كل ما يظهر بين علامة الفتح والإغلاق يتبع قواعد HTML5 ويجب أن يتم تفسيره وفقًا لهذه القواعد. داخل العلامة ، ستجد عادةً العلامة والعلامة.

توفر هذه العلامات البنية للمستند الخاص بك ، وتعطي المستعرضات شيئًا مألوفًا في استخدامها ، وإذا قمت بتحويل مستنداتك إلى XHTML ، فستكون مطلوبة في هذا الإصدار من اللغة.

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

تحتوي علامة النص على كل ما تراه على شاشة الكمبيوتر عند فتح صفحة ويب. يظهر كل شيء تكتبه لصفحة ويب بين علامتي الفتح والإغلاق تقريبًا. ضع كل هذه الأساسيات معًا:

يذهب رأسك العنوان هنا. كل شيء على صفحة الويب هنا. لاحظ أن كل علامة بها علامة إغلاق مناسبة.

علامات العنوان

تحدد علامات العناوين الحجم النسبي للنص على صفحة الويب. علامات h1 هي الأكبر ، متبوعة بالحروف h2 و h3 و h4 و h5 و h6. يمكنك استخدام هذه لجعل بعض النص على صفحة ويب تبرز كعنوان أو عنوان فرعي. بدون علامات ، يظهر النص كله بنفس الحجم. يتم استخدام علامات العنوان كما يلي:

Subhead يذهب هنا

هذا هو. يمكنك إعداد صفحة ويب وكتابتها تتكون من نص بالعناوين الفرعية والعناوين الفرعية.

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