افضل 20 كود (وسم ) في HTML
اليوم سوف نتحدث عن اشهر 20 كود موجود في لغة html بالتفصيل و بالصور لتسهيل وتبسيط الامر
ومنها سوف نتعلم طريقة استخدامات الاكواد وشرح مفصل عن عملها
اذا كنت لا تعرف ماهي لغة html انصحك بمشاهدة هذا المقال بالضغط هنا
في هذه الصورة يوجد أهم 4 اكواد وهي الأساسية سأشرح الاكواد 4 الان في خطوات ومن ثم سنكمل مع بقية الاكواد
1-وسم: <!DOCTYPE html> كود تعريفي بأن الملف مكون من لغة HTML
2-وسم: <html> يكون فيه جميع اكواد HTML
3-وسم: <head> هذا الوسم هو المسؤول عن معلومات وصف الصفحة
4-وسم: <body> يحدد الكتابات المرئية لتظهر على الصفحة كعنوان مقال
او نص او حتى صور
5-وسم: <title>تضع عنوان الصفحة هنا</title>هذا الكود يحدد عنوان الصفحة في الأسفل
مثال على ذلك بالصورة
6-وسم: <h1> تضع العنوان الرئيسي هنا
</h1>
وهو يكون بأعلى الصفحة وبحيث يكون عنوان رئيسي لمقال
(تلميح)ان رقم 1 الموجود بجانب h هذا يكون بمثابه حجم النص
يمكنك تغييره الى 2 3 4 بحيث يكون رقم 1 الأكبر
ومن ثم الأرقام التالية تكون اصغر
7-وسم: <P>تضع النص الذي تريده هنا </P> سواء عن قصة او مقال وأيضا
تعني ( فقرة للنص)
8-وسم: <a href="https://www.arch-inform.com ">link</a>
هذا الوسم يجعلك تضع رابط في كلمة وعندما تقوم بالضغط على الكلمة يقوم
بتحويلك الى
الرابط الذي قمت بوضعه , يمكنك استبدال الرابط الموضوع بالأعلى بأي رابط
تريد وأيضا
يمكنك استبدال كلمة link بأي كلمة تريد
9-وسم: <br> بطبع عندما تقوم بالنزول سطر فارغ بزر الانترببرنامج كتابة الاكواد فأن هذا لا يحدث في المتصفح فأنت بحاجة الى كتابة هذا الوسم
ليقوم بوضع سطر فارغ
بعد اضافة الوسم <br> اصبح يوجد سطران قبل عنوان الصفحة
10-وسم:<img src="stt.jpg" width="300" height="300"> لوضع صورة والتحكم
في الطول والعرض
11-وسم: <div> </div> يستخدم لعناصر وتنسيقات لغة CSS
12-وسم:<mark>اكتب النص هنا</mark> تستطيع كتابة النص بهذا
الوسم لكي يظهر بلون خلفية
13-وسم: <i> يستخدم لأماله النص</i> يمكنك استخدام هذا الوسم اذا كنت تريد النص مائل
14-وسم:.<link rel="stylesheet" href="En.css"> يعمل هذا الوسم
على ربط ملف html بـ css يمكنك تغيير En.css بملفك css لكي تقوم بالربط
15-وسم:<style> </style> المسؤول عن اكواد css لتغيير مظهر التنسيق والشكل الخارجي
16-وسم:<u>يمكنك وضع النص هنا</u> المحتوى بداخل هذا الوسم يكون تحت النص خط
17-وسم: <!--..ايقاف.--> انها طريقة تمكنك من شرح الكود في البرنامج بدون الظهور على
الشاشة الخارجية (شاشة المستخدم)
18-وسم:<iframe></iframe> يستخدم لأظهار إطار في مكون الصفحة
19-وسم:<form> </form> يمكنك استخدام هذا الوسم لعناصر الادخال
مثال الايميل و الاسم
ويستخدم معه وسم input
20-وسم:<input> يعمل هذا الوسم داخل وسم form يتيح لك وضع حقل اسم مستخدم
او كلمة مرور
وحتى زر ارسال . سأضع صوره تسهل هذا الامر