اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر
  • هذة بعض المزايا التى تم اضافتها
  • الفيديو VIDEO

يمكن من خلال هذا العنصر الجديد عرض الفيديو بسهولة فى صفحة الـ HTML

<video width="450px" height="350px" controls>
  <source src="video-url.mp4" type="video/mp4">
</video>
  • FIGURE

هذا العنصر يسهل عملية عرض الاجزاء المرئية كالصور والاكواد وخلافة

<figure class="gallery-item">
  <img src="image-1.png">
</figure>
<figure class="gallery-item">
  <img src="image-2.png">
</figure>
  • SECTION

هذا العنصر شبيه بـ div يستخدم فى ترتيب اجزاء الصفحة بطريقة افضل

<section class="contact-form">
  <h2>Contact Us</h2>
  <form>
    ... 
  </form>
</section>
  • NAV

هذا العنصر يستخدم لربط اجزاء الموقع ببعضة وتوصيلة بالروابط الخارجية ايضا

<nav>
  <p><a href="login.html">Log In</a></p>
  <p><a href="signup.html">Sign Up</a></p>
  <p><a href="contact.html">Contact Us</a></p>
</nav>
  • HEADER

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

<header>
  <img src="company-logo.png">
  <nav>
    <p><a href="login.html">Log In</a></p>
    <p><a href="signup.html">Sign Up</a></p>
    <p><a href="contact.html">Contact Us</a></p>
  </nav>
</header>
  • FOOTER

هذا العنصر يوجد فى نهاية الصفحة ويشمل بيانات حقوق الملكية للموقع وروابط صفحات التواصل الاجتماعى والروابط الاضافية الخاصة بالموقع

<footer>
  <p>&copy; Acme Granola Corporation 2016<p>
  <div class="social">
    <a href="#"><img src="instagram-icon.png"></a>
    <a href="#"><img src="facebook-icon.png"></a>
    <a href="#"><img src="twitter-icon.png"></a>
  </div>
</footer>

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...