تعليمية HTML الأساسية

وسائل الإعلام HTML

دليل مرجع HTML

دليل أساسيات HTML5

API HTML5

وسائل الإعلام HTML5

عناصر HTML محررات HTML الشائعة

مثال 5 على HTML الأساسي

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

عناوين HTML

عناوين HTML (Heading) يتم تعريفها باستخدام العلامات <h1> - <h6>.

مثال

<h1>أنا عنوان 1 h1</h1>
<h2>أنا عنوان 2 h2</h2>
<h3>أنا عنوان 3 h3</h3>
<h4>أنا عنوان 4 h4</h4>
<h5>أنا عنوان 5 h5</h5>
<h6>أنا عنوان 6 h6</h6>

تجربة النقر على هذا الـ < / >

فقرة HTML

فقرة HTML يتم تعريفها باستخدام العلامة <p>.

مثال

<p>هذا هو الفقرة الأول.</p>
<p>هذا هو الفقرة الثاني.</p>
<p>هذا هو الفقرة الثالثة.</p>

تجربة النقر على هذا الـ < / >

رابط HTML

رابط HTML يتم تعريفه باستخدام العلامة <a>.

مثال

<a　href="https://ar.oldtoolbag.com">هذا هو رابط</a>　
<a　href="https://ar.oldtoolbag.com/html/html-tutorial.html">رابط تعليمية أساسيات HTML</a>

تجربة النقر على هذا الـ < / >

نصيحة: في سمة href، يمكنك تحديد عنوان الرابط.

(ستتعلم الكثير عن المواصفات في الفصول اللاحقة من هذا الدليل).

صور HTML

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

مثال

<img　src="/static/images/logo.png"　width="258"　height="39"　/>

تجربة النقر على هذا الـ < / >

ملاحظة: مسار الصورة، عرضها، طولها يتم عرضها كمواصفات.

جداول HTML

جداول HTML يتم تعريفها باستخدام العلامة <table>.

مثال

<table　border="1">
<tr>
<td>موقع oldtoolbag.com تعليمية أساسيات الجداول</td>
<td>موقع oldtoolbag.com تعليمية أساسيات الجداول</td>
<td>موقع oldtoolbag.com تعليمية أساسيات الجداول</td>
<td>موقع oldtoolbag.com تعليمية أساسيات الجداول</td>
</tr>
</table>

تجربة النقر على هذا الـ < / >

ملاحظة: حدود الجدول، العرض والارتفاع تظهر كخصائص.

عناصر HTML محررات HTML الشائعة