HTML طريقة انشاء ملف
:
هنا رابط التحميل
بسم أكاديمية كريوت للبرمجة
، نرحب بكم في عالم الابتكار والتحديات التقنية. في هذه الأكاديمية، نسعى إلى تقديم تجربة تعلم فريدة تمزج بين النظريات القوية والتطبيق العملي. دمجنا الخبرات العلمية مع مشاريع البرمجة الواقعية لنمنحكم الفرصة لتطوير المهارات البرمجية اللازمة لمواكبة عالم التكنولوجيا المتقدم.
في كريوت، نؤمن بأن البرمجة هي فن وعلم يجمع بين الإبداع والتفكير اللوجي. نقدم منهاجًا شاملاً يشمل مختلف لغات البرمجة وأحدث التقنيات، مما يمكنكم من اكتساب المعرفة والمهارات اللازمة للتألق في مجال البرمجة.
تحفيزاً للشغف والتعلم المستمر، نسعى إلى بناء مجتمع حيوي يتشارك فيه الطلاب الخبرات والأفكار. نحن هنا لدعمكم وتوجيهكم في رحلتكم نحو الإتقان في فنون البرمجة. معًا، سنبني مستقبلًا تقنيًا وملهمًا.
HTML (HyperText Markup Language)
*- أو لغة توصيف النصوص بترميز النشر الفعّال
، هي لغة برمجة تُستخدم لبناء وتنظيم صفحات الويب.
إنها أساسية لفهم وبناء هياكل الصفحات على الإنترنت. النقاط الرئيسية لفهم HTML تشمل:
1. **عناصر HTML:**
- HTML يعتمد على استخدام العناصر لتحديد وتنظيم المحتوى على صفحة الويب.
- على سبيل المثال، "< p >" تعرف فقرة نص"< h1 >" إلى "< h6 >" تعرف عناوين العناوين، "< a >" تعرف روابط الهايبرتكست.
2. **هيكل الصفحة**:
- صفحة HTML تتألف عادة من "< html >" الذي يحيط بكامل المحتوى، ويتألف من "< head >" و "< body >".
- "< head >" يحتوي على المعلومات التي لا تظهر مباشرة على الصفحة مثل عنوان الصفحة وروابط الأنماط (CSS).
- "< body >" يحتوي على المحتوى الفعلي الذي يظهر على الصفحة.
3. **الوسوم والسمات:**
- يُستخدم الوسم (tag) في HTML لتحديد بداية ونهاية العنصر.
- السمات (attributes) توفر معلومات إضافية حول العنصر، مثل class أو id.
4. **الهايبرتكست و الارتباطات
:
HTML يمكن أن يحتوي على روابط (links) باستخدام الوسم للربط بين صفحات الويب.
يسمح HTML بإدراج الهايبرتكست، مما يعني أن يمكن للمستخدمين الانتقال بين الصفحات والموارد بسهولة.
فهم HTML أمر أساسي لأي مطور ويب، حيث يشكل الأساس لبناء وتنظيم محتوى الويب وتحديد كيفية عرضه وتنسيقه.
:
هنا رابط التحميل
العنصر
`< p >`
يُستخدم لتحديد فقرة نص.
يتم استخدامه كوسمة للنصوص لتحديد بداية ونهاية فقرة.
مثال:
وسم < p > في HTML يُستخدم لتحديد فقرة نص على صفحة الويب. فهو يمثل البنية الأساسية للفقرات النصية ويُستخدم لتقديم كتلة من النص تتكون من جملة أو عدة جمل.
لقد قامت اكادمية كريوت بإنشاء محرر الأكواد لتسهيل العمل عليكم اتمنى ان تكونو استفدتم .
< b >: يُستخدم لتحديد نص عريض "Bold". ومع ذلك، يُفضل اليوم استخدام CSS لتنسيق النصوص بدلاً من < b > .
This is bold text.
< i >: يُستخدم لتحديد نص مائل
This is italic text.
< em >:
يُستخدم لتحديد نص بأهمية خاصة, ويعتبر عادةً نصاً مائلاً.
"emphasis"
This is emphasis text.
< center >: تمثل هذه العلامة وسيلة قديمة لمحاذاة المحتوى في وسط الصفحة. ولكنها أصبحت قديمة، ويُفضل استخدام CSS لتحقيق التوسيط.
This is
< hr >: هذا الوسم يُستخدم لإدراج خط أفقي في الصفحة، ويمكن أن يكون لها استخدامات مختلفة، مثل فصل المحتوى أو إضافة تقسيم بين أقسام مختلفة في صفحة الويب.
This is hr text.
< div >: هو واحد من الوسوم الأساسية في HTML ويستخدم لتحديد قسم (division) في صفحة الويب. يعتبر < div > وسيلة لتجميع مجموعة من العناصر أو النصوص في وحدة تجميعية واحدة، ويُستخدم غالبًا لتنظيم وتنسيق الصفحة.
< table >:
في
HTML
، يُستخدم العنصر
< table > لإنشاء جداول. يتكون العنصر < table > من عدة عناصر فرعية،
مثل < tr >
لتعريف الصفوف،
< th > لتعريف الخلايا في الصف الأول كعناوين الأعمدة،
و < td > لتعريف الخلايا العادية في الصفوف الباقية. يمكن أيضًا استخدام عنصر < caption > لإضافة عنوان للجدول.
مثال:
| عنوان العمود 1 | عنوان العمود 2 |
|---|---|
| بيانات 1 | بيانات 2 |
| بيانات 3 | بيانات 4 |
< a href=" " > :
لإنشاء رابط في HTML، يمكنك استخدام عنصر < a > (ويعني "رابط" أو "ارتباط"). قم بتحديد الرابط في سمة href، وضع النص الذي تريد عرضه بين علامتي البداية والنهاية للعنصر < a/ >