اكاديمية ماجد

أول اكاديمية باللغة العربية تقدم تمارين وتطبيق حي للمتدرب

HTML مقدمة عنوان الصفحة body الهيئة الاغلاق الذاتي div تقسيم العناوين القائمة الصور الفيديو الارتباطات ربط الصفحات

HTML الفيديو

لقد تعلمت حتى الآن كيفية الربط بصفحات الويب الخارجية. ترتبط العديد من المواقع أيضا بصفحات الويب الداخلية مثل الصفحة الرئيسية، حول، والاتصال.

قبل أن نتعلم كيفية الربط بين الصفحات الداخلية، دعونا نحدد أين يتم تخزين ملفاتنا. عند إنشاء مواقع ويب ثابتة متعددة الصفحات، غالبا ما يقوم مطورو ويب بتخزين ملفات هتمل في الدليل الجذر أو مجلد رئيسي حيث يتم تخزين كافة ملفات المشروع. كما ينمو حجم المشاريع التي تقوم بإنشائها، يمكنك استخدام مجلدات إضافية داخل مجلد المشروع الرئيسي لتنظيم التعليمات البرمجية.

 

يعرض المثال أعلاه ثلاثة ملفات مختلفة - about.html و contact.html و index.html في مجلد واحد.

إذا كان المتصفح يعرض حاليا index.html، فإنه يعرف أن about.html و contact.html في المجلد نفسه مثل index.html، ويشار إليه أيضا بالمجلد الحالي. منذ المتصفح يعرف المجلد الحالي، يمكن ربط الملفات الأخرى في المجلد باستخدام مسار نسبي.

المسار النسبي هو اسم ملف يعرض المسار إلى ملف محلي (ملف على نفس الموقع، مثل ./index.html) مقابل مسار مطلق (عنوان ورل كامل، مثل www.majidcademy.com/HTML/Lesson11 يتم تخزينها في مجلد مختلف). وتعلم ./ إن //index.html المتصفح بالبحث عن الملف في المجلد الحالي.

التطبيق

</body> مباشرة فوق هذا التاق


اضف الرابط التالي تحت وصف لا يتجاوز ست كلمات عن الموقع


href="https://www.majidacademy.com/"
<!DOCTYPE html>
<html dir="rtl">
<head>
<title>اكاديمية ماجد</title>
</head>
<body>
<div class="header">
<h1>اكاديمية ماجد</h1>
<p>وصف لا يتجاوز ست كلمات عن الموقع</p>
<h3>الرئيسية </h3>
<h3>عن الاكاديمية</h3>
<a href="https://www.majidacademy.com/"> للمزيد من المعلومات</a>
<div class="column side">
<h4>لماذا الاكاديمية؟</h4>
<ul>
<li>لماذا الاكاديمية؟</li>
<p>اتمنى ان ارى ابداعتنا وابتكاراتنا تعود الينا من جديد, لقد تقدمنا على العالم اجمع عصوراً, هل سيعودالينا الابتكار والابداع لخدمة الانسانية؟</p>
<li>اين الاكاديمية؟</li>
<p>لا يوجود لها موقع واسال الله ان تكون ذات منفعة لكل بيت عربي</p>
<li>السعر؟</li>
<p>مجانا للأبد, وبكل تواضع</p>
</ul>
</div>
<img src="http://via.placeholder.com/350x150" alt="Majid Academy" />
<video src="https://www.w3schools.com/html/mov_bbb.mp4" height="240" width="320" controls >
<p>متصفحك لا يدعم تشغيل الفيديو </p>
</video>
</body>
</html>




اتصل بنا


حفر الباطن, المملكة العربية السعودية

majidacademy@gmail.com

+1(801)369-4595


التواصل الاجتماعي