كورس

المصادر : www.w3schools....
HTML (اختصاراً لـ "Hypertext Markup Language") هي لغة برمجة وسم النص الفائق، وهي لغة أساسية في تصميم صفحات الويب. يتم استخدام HTML لإنشاء صفحات ويب تحتوي على مجموعة متنوعة من العناصر مثل النصوص والصور والروابط والجداول والنماذج والوسائط المتعددة وغيرها.
تتكون لغة HTML من عناصر (Elements) وعلامات (Tags) وخصائص (Attributes)، وتستخدم لتعريف بنية وتنسيق المحتوى الموجود في صفحة الويب. يتم كتابة الكود في ملفات نصية عادية وتحميلها على الخادم الخاص بالموقع ليتم عرضها في المتصفح.
وتتطور HTML باستمرار، حيث يتم إصدار إصدارات جديدة بهدف تحسين وتطوير اللغة وتوفير مزيد من الوظائف والإمكانيات لمطوري الويب. وهذا يتضمن HTML5 الإصدار الأحدث والأشهر حالياً.
لغة HTML5 هي تطوير عن لغة HTML السابقة، وهي عبارة عن لغة ترميز تستخدم لإنشاء صفحات الويب. تم تطوير HTML5 لتوفير ميزات أكثر وظيفية وأفضل دعم للوسائط المتعددة والجوال، بالإضافة إلى دعم متطلبات وتقنيات الويب الحديثة.
تم تحديث HTML5 مع مجموعة من المزايا التي تساعد في تسهيل عملية إنشاء صفحات الويب، مثل عناصر جديدة للوسائط المتعددة (مثل الصوت والفيديو والصور المحسَّنة) والرسوم البيانية، وكذلك دعم متقدم للتخطيط والتنسيق والتفاعلية.
ويشتمل HTML5 أيضًا على تحسينات أخرى، مثل ميزة التخزين المحلي، والتي تسمح للصفحات بالاحتفاظ بالبيانات على جهاز المستخدم بدون الحاجة إلى اتصال بالإنترنت، بالإضافة إلى ميزة الوسم التعليقي، والتي تسمح للمطورين بإدراج تعليقات في كود HTML لتسهيل قراءة الكود.
___
The first step is to have an image file that you want to add to your HTML page. Make sure the image is saved in a format that is compatible with web browsers, such as JPEG, PNG, or GIF.
Next, you need to decide where you want to place the image on your HTML page. You can do this by using an HTML tag called the img tag. This tag is used to insert images into web pages.
To use the img tag, you need to specify the source of the image. This is done by using the src attribute. For example, if your image file is named "myimage.jpg" and it is located in the same folder as your HTML file
This code will insert the image into your HTML page at the location where the code is placed.
In addition to the src attribute, you can also use other attributes to customize the appearance of the image. For example, you can use the alt attribute to provide a text description of the image, in case the image cannot be displayed for some reason. You can also use the width and height attributes to specify the size of the image.
alt attribute provides a description of the image, and the width and height attributes specify the size of the image in pixels.
You can also add a border to your image by using the border attribute. The value of the border attribute specifies the width of the border in pixels.
Finally, you can align your image by using the align attribute. The value of the align attribute specifies the horizontal alignment of the image. You can use the values "left", "right", or "center".
------
► LET'S CONNECT : يمكنك ارسال التاسك خلال
Website: menaboules.net...
Instagram: / mina_boules15
Facebook: / mena.boules.756
Linkedin : / mina-boules-fouad
Telegram : t.me/minaboule...
Email : [e-mail]
phone : [phone]
____
كورس #HTML5 باللغة العربية للمبتدئين - #09 - images
تقديم المبرمج مينا بولس فؤاد - Mena Boules Fouad
____
سأشرح لك كيفية إضافة صورة في صفحة HTML.
أولاً، يجب عليك العثور على الصورة التي تريد استخدامها. يجب أن تكون الصورة في صيغة تدعمها HTML مثل JPG أو PNG أو GIF.
بعد ذلك، يجب عليك إنشاء عنصر "img" في صفحتك. يمكنك القيام بذلك باستخدام الكود
تحتاج فقط إلى استبدال "اسم-الصورة-هنا" باسم ملف الصورة الخاص بك، و "وصف-الصورة-هنا" بوصف قصير للصورة. الوصف يستخدم للمساعدة في فهم الصورة عندما لا يمكن تحميلها، أو عند استخدام متصفحات الويب المصممة للمكفوفين.
يمكنك أيضًا إضافة بعض الخصائص الإضافية إلى عنصر الصورة، مثل حجم الصورة
في هذا المثال، يتم تحديد حجم الصورة إلى 500 بكسل في العرض و 300 بكسل في الارتفاع، وتتم محاذاتها في المنتصف.
وبهذا، يمكنك الآن إضافة صورة إلى صفحة HTML الخاصة بك! أتمنى أن يكون هذا الدرس مفيدًا بالنسبة لك.