بسم الله 😇
اليوم هشاركم إلى تعلمته عن الـ HTML
وإيه هما الـ Tags والـ Attributes !!
.
.
ده الثريد الثاني من سلسلة ثريدات رهيبة
الهدف منها : تعرف إزاي تنشئ موقع بسيط باستخدام HTML
تابع معي 😊
.
.
@programming_4
@PrograminLovers
اليوم هشاركم إلى تعلمته عن الـ HTML
وإيه هما الـ Tags والـ Attributes !!
.
.
ده الثريد الثاني من سلسلة ثريدات رهيبة
الهدف منها : تعرف إزاي تنشئ موقع بسيط باستخدام HTML
تابع معي 😊
.
.
@programming_4
@PrograminLovers
إذا أول مرة تنورني وتقرأ/ئي ثريداتي المتواضعة 😊
أهلا بيك/ـي ، أنا عبدالله سيد | مصمم ومطور مواقع
متخصص فيـ الـ Front End ، ومهتم جدًا بمشاركة المعرفة وما أتعلمه
إذا كنت/ـي مهتم/ـة بمجال الـ Front End تابعني @i3said 😊✌️
أهلا بيك/ـي ، أنا عبدالله سيد | مصمم ومطور مواقع
متخصص فيـ الـ Front End ، ومهتم جدًا بمشاركة المعرفة وما أتعلمه
إذا كنت/ـي مهتم/ـة بمجال الـ Front End تابعني @i3said 😊✌️
❗️ قبل أن نبدأ ، ناخد مراجعة بسيطة كدا
عرفنا في الثريد الأول : يعني إيه HTML ونشأته وتاريخه!
◀️ وتوقفنا في الثريد عند إيه هي الـ Tags والـ Attributes
وفي ثريد اليوم هنجاوب عن السؤال ده ..
عرفنا في الثريد الأول : يعني إيه HTML ونشأته وتاريخه!
◀️ وتوقفنا في الثريد عند إيه هي الـ Tags والـ Attributes
وفي ثريد اليوم هنجاوب عن السؤال ده ..
#ببساطة الـ Tags والـ Attributes هما أساس لغة الـ HTML
◀️ الـ Tag بتستخدمها عشان تحدد بداية ونهاية الـ element وإلي ديمًا بيكون ما بين أقواس الزاوية <>
❗️ مثال :
<h1>هنا يتم وضع نص</h1>
... 🔽
◀️ الـ Tag بتستخدمها عشان تحدد بداية ونهاية الـ element وإلي ديمًا بيكون ما بين أقواس الزاوية <>
❗️ مثال :
<h1>هنا يتم وضع نص</h1>
... 🔽
ولازم تاخد بالك إن أغلب الـ elements لها فاتحة وقافلة ، أو زي ما الأجانب بيقولوا عليها ..
Opening Tag : <h1>
Closing Tag : </h1>
❗️ لاحظ الفرق ما بينهم هو وجود / في القفلة ، ولو الـ element متكتبش صح ، وظيفته مش هتتنفذ ..
Opening Tag : <h1>
Closing Tag : </h1>
❗️ لاحظ الفرق ما بينهم هو وجود / في القفلة ، ولو الـ element متكتبش صح ، وظيفته مش هتتنفذ ..
طيب والـ Attributes هيـ (معلومات إضافية) بيتم وضعها داخل الـ Opening Tag ، وبتساعد إن الـ Tag تمد من خصائها ووظفيتها ، زي الـ <img> | لوحدها مش ليها أي لازمة في الوجود لكن لما نضيف لها الـ Attributes المناسبة ..
ٍsrc : تحديد مكان الصورة
alt : ظهور نص بديل لو الصورة اتمسحت مثلا
ٍsrc : تحديد مكان الصورة
alt : ظهور نص بديل لو الصورة اتمسحت مثلا
خد بالك بقا
◀️ معظم الـ Tags بتكون
opened <tag> & closed </tag>
وما بين الفتحة والقفلة بيكون في نص أو عنوان أي معلومات إلي هو (المحتوى) إلي هيتم عرضه على الناس وهكذا ..
◀️ لو هتستخدم أكتر من Tag في سطر واحد زي كدا :
<strong><em>نص</em></strong>
❗️ أتأكد إن القفلة مترتبة مع الفتحة
◀️ معظم الـ Tags بتكون
opened <tag> & closed </tag>
وما بين الفتحة والقفلة بيكون في نص أو عنوان أي معلومات إلي هو (المحتوى) إلي هيتم عرضه على الناس وهكذا ..
◀️ لو هتستخدم أكتر من Tag في سطر واحد زي كدا :
<strong><em>نص</em></strong>
❗️ أتأكد إن القفلة مترتبة مع الفتحة
وبس ، وبكدا نكون خلصنا 😊
إذا وصلت/ـي لها فأنت/ـي عظيم/ـة
وتستحق 🌹 شكرا لك
متنساش الـ 💙 والـ 🔁 عشان غيرك يستفيد
إذا وصلت/ـي لها فأنت/ـي عظيم/ـة
وتستحق 🌹 شكرا لك
متنساش الـ 💙 والـ 🔁 عشان غيرك يستفيد
جاري تحميل الاقتراحات...