القائمة الرئيسية

الصفحات

آخر الأخبار

تعلم لغة البرمجة للمبتدئين لغة html الدرس (9)

  شرح نظام التعليقات وكل ما يخصها في لغة Html و كيفية عمل تعليق

التعليقات في لغة html تستخدم لاخفاء نص فهذا النص لا يظهر في المتصفح لكن يكون تعليق لك أو للمطور الذي يليك كي يستطيع فيهم الكود الموضوع و يكون على شكل <-- نص التعليق هنا  --!>

شرح العناصر Block و Inline و الفروق بينهم وشرح استخدام ال Div في لغة Html

Div ,Block, Inline
Div ,Block, Inline


يوجد لدينا عناصر عديدة للتنسيق منها 

<!DOCTYPE html> <html> <head> <meta charset="utf8"> <meta name="description"content="Alimne"> <title> Block,Inline,Div</title> <script></script> </head> <a href="#">link</a> يعتبر inline <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> <br> يعتبر inline <img src="https://3.bp.blogspot.com/-OxL8eXMVJ1Y/X6fCp2w2LxI/AAAAAAAAHOs/TSJ3DqGA2WQy4QVSJpPIrgEBaqfM2Z47QCK4BGAYYCw/s1600/www.alimne.com.png" alt="Alimne"> <img src="https://3.bp.blogspot.com/-OxL8eXMVJ1Y/X6fCp2w2LxI/AAAAAAAAHOs/TSJ3DqGA2WQy4QVSJpPIrgEBaqfM2Z47QCK4BGAYYCw/s1600/www.alimne.com.png" alt="Alimne"> <img src="https://3.bp.blogspot.com/-OxL8eXMVJ1Y/X6fCp2w2LxI/AAAAAAAAHOs/TSJ3DqGA2WQy4QVSJpPIrgEBaqfM2Z47QCK4BGAYYCw/s1600/www.alimne.com.png" alt="Alimne"> <img src="https://3.bp.blogspot.com/-OxL8eXMVJ1Y/X6fCp2w2LxI/AAAAAAAAHOs/TSJ3DqGA2WQy4QVSJpPIrgEBaqfM2Z47QCK4BGAYYCw/s1600/www.alimne.com.png" alt="Alimne"> <br> يعتبر inline<span>span1</span> <span>span2</span> <span>span3</span> <span>span4</span> يعتبر black<p>Alimne</p> يعتبر black <h1>Alimne</h1> يعتبر black <div>Alimne</div> <body> </body> </html>

  • Inline: و هو بكل أختصار العناصر أو الوسوم التي إذا كتبت اسفل بعضها أو بجانب بعضها لا تعطي مسافة نزول للأسفل مثل (<img>,<a>,<span>)
  • Black: و هو بكل أختصار العناصر أو الوسوم التي إذا كتبت اسفل بعضها أو بجانب بعضها تعطي مسافة دائماً مثل <p>,<h1,2.3,4,5,6>,<div>

reaction:

تعليقات