أساسيات و اوامر لغة HTML -اتعلم ببلاش - ما هي لغةHTML -مصادر تعم لغة HTML:
الكثير من الناس اليوم يفضلون مجال تصميم الويب بسبب انه من المجالات المنتشرة ولسبب كثرة الوظائف المتاحة لهذا المجال بالتحديد و يعتبر من المجالات السهلة نسبيا في التعلم ولكي يدخل اي احد في هذا المجال يلزمه بالتأكيد اول لغة تستخدم في في مجال تصميم الويب وهي لغة HTML
ما هي لغة HTML:
تسمي لغة ترميز النص الفائق او ترميز النص التشعبي وهي ليست لغة برمجية كما يختلط علي البعض بل انها لغة وصفية Markup Language
(Hyper Text Markup Language) , يتم اسخدام لغة HTML في تصميم مواقع و صفحات الويب المختلفة حيث ان HTML تعطي متصفح الانترنت ما يجب عرضه من محتواها ويتم بعد ذلك التنسيق باستخدام لغة CSS لكي تعطي منظر جذاب للموقع من الوان و تنسيقات وتصميم واجهة تعجب المستخدم .
لغة HTML تختص بواجهة المستخدم ما يسمي الفرونت اند Front end وقد عرفنا في مقال سابق ما هو ال Front end من هنا
نستطيع عبر لغة HTML اضافة الصور و الكلام وملفات الصوت الفيديو سواء من علي جهازك او من علي اليوتيوب
تضمن لغة HTML برامج مكتوبة بلغة الجافا سكريب ←
نشأة و تطور لغة HTML :
*اصدارات لغة HTML:
أوامر لغة HTML:
وسم <Div>
عبارة عن container للمحتوى يمكنك من أن تضع بداخله أى محتوى ” نص، صورة، أشكال, فيديوهات ” أي يمكنك ال Div من تنظيم أى محتوى بداخلة وهو من العناصر المهمة للغة html
يتم إضافة العنصر Div بداخل أى مكان داخل صفحة ال body فهو يمكنك من تنظيم وترتيب الصفحة وتقسيمها بشكل جيد، حيث يجعلك تتحكم بكل جزء علي شكل منفرد كي لا تتداخل العناصر والتنسيقات مع بعضها
وتستطيع إعطائه id او class أى اسم لتستطيع القيام بالنداء عليه لتغيير الخصائص الخاصة به
مثال :<div class ="الاسم "
وسم <span>
يعتبر وسم span من العناصر التي يمكن أن تستخدم للقيام بتنسيق جزء محدد من النص، كما أن ليس له أي خصائص attributes كما نقوم باستخدامه في العادة مع style وذلك من خلال إعطائه id او class مخصص له
وسم <font color>
يستخدم هذا الوسم من اجل تغيير لون الخط ولها خصائص وهي face لتحديد نوع الخط ، size تحديد حجم الخط
وسم <Align>
يقوم بإضافة الخاصية align للوسم p ليقوم بتغيير إتجاه محاذاة النص
<style>
ويستخدم في إضافة أوامر css3 داخل صفحة html
لغة HTML أوامر لتصميم صفحة الويب
وسم <script>
يستخدم هذا الوسم للقيام بربط اللملف النصي الخارجي الذي تم كتابته بلغة java script أو مكتوب بلغة php
وسم <section>
يستخدم هذا الوسم لتقيسم صفحة html لتقسيم المستند البرمجي
وسم <nav>
يستخدم هذا الوسم في إضافة شريط تنقلات ويحتوي على أرتباطات تنقلية مثل الاقسام التي تكون موجود في اعلي الموقع مثل قسم اتصل بنا او اقسام محتوي الموقع
وسم <article>
يستخدم هذا الوسم في تحديد محتوي منفصل ومستقل عن باقي محتوى الصفحة
وسم <footer>
يستخدم في تذييل صحة الويب التي قمت بتصميمها وهي تحتوي في الأغلب على حقوق التأليف و النشر و المعلومات القانونية و العناوين
<address>
يقوم بتعريف الجزء الذي يحتوي على معلومات الأتصال مثل وسائل التواصل الاجمتماعي او رقم او حساب
<pre>
يستخدم هذا الوسم في إظهار النص كما هو مكتوب داخل محتوى الصفحة
مثال :</P>hello worled <p>
سوف يظهر نص اهلا بالعالم كما هو مع وجود كود ال p , عكس المعتاد
<block quote>
تستطيع استخدام هذا الوسم في كتابة المحتوى الذي يتم نقله من مصدر أخرحيث يضيف لك شكل انه مقتبس
<figure>
يمكنك استخدام هذا الوسم في وضع رقم لتمييز صورة داخل المستند
<figcaption>
يستخدم هذا العنصر لتوضيح صورة داخل المستند
<em>
يقوم بعرض النص داخل المستند بشكل مختلف
<strong>
يستخدم هذا الوسم في تحديد نص مهم داخل محتوى الصفحة حيث تقوم باعطائه علامة مميزة او تغطيه بلون معين
<small>
يستخدم هذا الوسم في جعل الخط يظهر داخل الصفحة بخط نحيف وخفيف جدا
<cite>
يستخدم هذا الوسم في إضافة عنوان عمل داخل صفحة الويب
<q>
يستخدم الوسم في إضافة أقتباسات داخل الصفحة و البرط بينهم
<dfn>
يتم يستخدم هذا الوسم في إضافة مصطلح و تعريفه وذكره
يمكن الاطلاع علي جميع عناصر و وسوم لغة HTML من موقع W3 School
الموقع الرسمي للغة ...
مصادر تعلم لغة HTML :
1-https://www.w3schools.com/tags/default.asp
2-قناة الزيرو ويب سكول
https://www.youtube.com/c/ElzeroInfo
3-قناة نور حمصي
https://www.youtube.com/c/NourHomsi
4-قناة حسونة اكاديمي
https://www.youtube.com/user/HassounaAcademy
مقالات ذات صلة :
1- ما هي البرمجة -كيف أصبح مبرمج محترف | عائلة التكنولوجيا
2- مسار الفرونت اند front end -ما هو الفرونت اند | عائلة التكنولوجيا
3- ما هو الباك اند Back end | مسار تعلم الباك اند | عائلة التكنولوجيا
4- ما هو full stack -مسارك لكي تصبح FULL STACK | عائلة التكنولوجيا
5- كيف تكون Android Developer ! | عائلة التكنولوجيا
6- لغة الجافا سكريبت -كورسات ومصادر تعلم جافا سكريبت Java script| عائلة التكنولوجيا
إرسال تعليق