أمثلة مفيدة في HTML | دروس HTML5

 أمثلة مفيدة في HTML 

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


مستندات HTML 

يجب أن يبدأ مستند HTML بتحديد نوع المستند: <DOCTYPE html!>.

تبدأ مستندات HTML بـ <html> وتنتهي بـ <html />.

يتم وضع جزء مستند HTML الذي يمكن عرضه في المتصفح بين <body> و <body />.



<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


العناوين في HTML

يتم تعريف العناوين في HTML من <h1> إلى <h6>.

يحدد <h1> العنوان الأكثر أهمية و <h6> العنوان الأقل أهمية في صفحة HTML.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>


الفقرات في HTML

يتم تعريف الفقرات في HTML بعلامة <p>:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>


الروابط في HTML 

يتم تعريف الروابط في HTML بعلامة <a>

<a href="https://www.arabicness.com">This is a link</a>


يتم تحديد وجهة الارتباط باستخدام سمة href.

يتم استخدام السمات لتوفير معلومات إضافية حول عناصر HTMl.


الصور بتنسيق HTML

يتم تعريف الصور في HTML بعلامة <img>.

يعد عنوان الصورة (src) والنص البديل (alt) والطول (العرض) والعرض (الارتفاع) بعضًا من سمات هذا العنصر.


<img src="/Uploads/Images/x01.png" alt="https://www.arabicness.com" width="210" height="55">




كلمات مفتاحية: