اخر المواضيع

Post Top Ad

Your Ad Spot

الجمعة، 2 يوليو 2021

اكثر 20 كود انتشارً في HTML

ماهي الاكواد الاكثر انتشار في لغة html


افضل 20 كود (وسم ) في HTML


 اليوم سوف نتحدث عن اشهر 20 كود موجود في لغة html بالتفصيل و بالصور لتسهيل وتبسيط الامر 

ومنها سوف نتعلم طريقة استخدامات الاكواد وشرح مفصل عن عملها 

اذا كنت لا تعرف ماهي لغة html  انصحك بمشاهدة هذا المقال بالضغط هنا 


اساسيات HTML



  في هذه الصورة يوجد أهم 4 اكواد وهي الأساسية سأشرح الاكواد 4 الان في خطوات ومن ثم سنكمل مع بقية الاكواد 

 

1-وسم: <!DOCTYPE html> كود تعريفي بأن الملف مكون من لغة HTML

2-وسم: <html> يكون فيه جميع اكواد HTML

3-وسم:  <head> هذا الوسم هو المسؤول عن معلومات وصف الصفحة

4-وسم: <body> يحدد الكتابات المرئية لتظهر على الصفحة كعنوان مقال

او نص او حتى صور






5-وسم: <title>تضع عنوان الصفحة هنا</title>هذا الكود يحدد عنوان الصفحة في الأسفل مثال على ذلك بالصورة

وسم <title>











6-وسم: <h1> تضع العنوان الرئيسي هنا </h1>
وهو يكون بأعلى الصفحة وبحيث يكون عنوان رئيسي لمقال
(تلميح)ان رقم 1 الموجود بجانب h هذا يكون بمثابه حجم النص
يمكنك تغييره الى 2 3 4 بحيث يكون رقم 1 الأكبر
ومن ثم الأرقام التالية تكون اصغر




وسم h1-h4


















7-وسم: <P>تضع النص الذي تريده هنا </P> سواء عن قصة او مقال وأيضا
تعني ( فقرة للنص)





8-وسم: <a href="https://www.arch-inform.com ">link</a>
هذا الوسم يجعلك تضع رابط في كلمة وعندما تقوم بالضغط على الكلمة يقوم بتحويلك الى
الرابط الذي قمت بوضعه , يمكنك استبدال الرابط الموضوع بالأعلى بأي رابط تريد وأيضا
يمكنك استبدال كلمة link بأي كلمة تريد




9-وسم: <br> بطبع عندما تقوم بالنزول سطر فارغ بزر الانترببرنامج كتابة الاكواد فأن هذا لا يحدث في المتصفح فأنت بحاجة الى كتابة هذا الوسم ليقوم بوضع سطر فارغ

وسم <br>





وسم <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 لكي تقوم بالربط

وسم او كود ربط ملف css  بملف html















15-وسم:<style> </style> المسؤول عن اكواد css لتغيير مظهر التنسيق والشكل الخارجي




16-وسم:<u>يمكنك وضع النص هنا</u> المحتوى بداخل هذا الوسم يكون تحت النص خط




17-وسم: <!--..ايقاف.--> انها طريقة تمكنك من شرح الكود في البرنامج بدون الظهور على
الشاشة الخارجية (شاشة المستخدم)



18-وسم:<iframe></iframe> يستخدم لأظهار إطار في مكون الصفحة




19-وسم:<form> </form> يمكنك استخدام هذا الوسم لعناصر الادخال
مثال الايميل و الاسم
ويستخدم معه وسم input




20-وسم:<input> يعمل هذا الوسم داخل وسم form يتيح لك وضع حقل اسم مستخدم
او كلمة مرور وحتى زر ارسال . سأضع صوره تسهل هذا الامر

وسم <input>














Post Top Adt

Your Ad Spot

صفحات معلومات أثرية