كورس html5 للمبتدئين نهاية الكورس و كيفية تطبيق ما تعلمناه 2024

ماذا تعني لغة الترميز HTML؟ ما هي أنواع الوسوم - Tags أو عناصر HTML؟ وما هي المكونات الأساسية لعناصر HTML؟ وشرح باللغة العربية خطوة بخطوة لـ تعلم لغه html، كيفية إنشاء صفحة ويب بإستخدام أكواد HTML
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
مدونة بلوجر : www.learntechn...
تواصل تويتر : @learn_technique
فيسبوك : bit.ly/3QVwFEJ
الجروب : / learntechnique
الانستجرام : learntechnique1
لمتابعتنا على موقع بنترست من هنا :- / learntechnique
لمتابعة كل جديد بموقع إتعلم تقنية من هنا :- bit.ly/3nBhCUg
للحصول على كورسات مدعمة من هنا bit.ly/3TGD49f
للاشتراك في موقع invideo
invideo.sjv.io...
تجربه كانفا برو مجانا لمده شهر
partner.canva....
احجز استضافتك من موقع Bluehost
bluehost.sjv.i...
لطلب خدمة إنشاء مدونة بلوجر :- bit.ly/3bHdijv
لدعم القناة ماديا لنقدم لكم كل جديد : bit.ly/paypal-...
===============================
جميع الحقوق محفوظة لقناة إتعلم تقنية
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
لا تنسي الاشتراك بالقناة و تفعيل زر الجرس ليصلك كل جديد ( إتعلــم تقـنـيـــة )
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
❤ ＬＩＫＥ ❤ ＳＨＡＲＥ ❤ ＳＵＢＳＣＲＩＢＥ ❤
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
ما هي HTML؟ وبساطة شديدة، هي اللغة التي تستخدم لإنشاء صفحات الويب. تخيل أنك تبني بيتًا من مكعبات، كل مكعب يمثل جزءًا من البيت. في HTML، الوسوم هي تلك المكعبات التي تستخدم لبناء صفحة الويب.
وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من وعلامة أكبر ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.
لماذا نستخدم HTML؟ لأنها اللغة الأساسية التي يفهمها كل متصفح إنترنت. عندما تكتب عنوانًا أو فقرة أو صورة في HTML، المتصفح يعرف بالضبط كيف يعرضها على الشاشة.
كيف تعمل HTML؟ تتكون صفحة HTML من مجموعة من الوسوم (tags) التي تكتب بين علامتي اكبر من واصغر من ، مثل . هذه الوسوم تخبر المتصفح عن نوع المحتوى الذي يوجد بداخلها.
ما هي أنواع الوسوم Tags؟
النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال img و input
النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص ، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
كيفية إنشاء صفحة ويب
نبدأ أولا بفتح برنامج notepad ثم من خلال القائمة File نقوم بحفظ الملف عن طريق إختيار الأمر Save As، وبعد ذلك سوف تظهر نافذة نكتب في خانة (إسم الملف - File Name) أي إسم من إختيارك فليكن مثلا test.html ويجب كتابة إسم الملف مع إمتداد الملف ولكتابة أكواد HTML يجب أن يكون إمتداد الملف إما (.html أو .htm) و في النافذة من الخانة Save as type سوف نختار All Files وفي خانة (Encoding) سوف نختار UTF-8 وذلك لكي يدعم الملف كتابة اللغة العربية ثم نضغط Save، والشكل التالي يوضح الخطوات بالتفصيل.
بعد إنشاء الملف ومعرفة المكونات الأساسية لعنصر من عناصر لغة الـ HTML سوف نبدأ بكتابة الأكواد الأساسية لإنشاء صفحة ويب (أو يمكنك نسخ محتويات المربع التالي في الملف) وبعدها سوف أشرح كل عنصر بالتفصيل.
ووظيفته أن يصف للمتصفح أن الكود المستخدم هو بلغة HTML، أما الوصف lang فوظيفته أن يصف للمتصفح أن محتويات صفحة الويب سوف تكون باللغة العربية، وذلك لأننا إخترنا القيمة ar أما إذا كان المحتوى باللغة الإنجليزية فيمكن أن تكون قيمة الوصف en. وقمنا بوضع وسم البداية (Opening Tag) في أول الأكواد وفي نهاية الكود كتبنا وسم النهاية (Closing Tag)، وبعد ذلك سوف نقسم الصفحة إلى قسمين رئيسيين أولهما ومحتوى هذا الوسم لا يظهر في المتصفح، ولكنه يحتوي على معلومات عن الصفحة وعن كيفية عرض محتويات الصفحة وذلك بإستخدام العناصر وثاني قسم في صفحة الويب وكل ما يكتب بداخل هذا الوسم هو ما يتم عرضه وتنسيقه من خلال المتصفح
ما هي لغة ترميز النص الفائق؟
لغة ترميز النص الفائق هي ليست لغة برمجيّة بل لغة وصفيّة (markup language) تعمل على وصف هيكلة محتويات صفحات الويب. تتألف لغة ترميز النص الفائق من مجموعة من العناصر (elements) تُستخدَم لاحتواء الأجزاء المختلفة من المحتوى لتجعله يظهر بطريقة معينة. فيمكن استخدام الوسوم المغلقة (enclosing tage)، مثلاً، لإضافة رابط تشعبي لكلمة أو لصورة يشير لموقع آخر، كما يمكن استخدامها لجعل الكلام مائل أو لتصغير الخط وتكبيره.
#كورس_html5
#html5_tutorial
#برمجة_ويب
#تطوير_مواقع
#مطور_ويب
#دورة_تعليمية
#مجانا
#2024