اساسيات لغة HTML
بالتعليمة:
<DOCTYPE html!>
هذه التعلمية تستخدم للتعرف على أن الملف بصيغة 5HTML.
نعرف أن اللغة هي HTML بالوسم التالي الذي نغلقه بـ /
<html> فتح وسم البداية
<html/> إغلاق وسم النهاية
الرأس والجسد
وكما أن للإنسان رأس وجسد أيضاً لصفحة الويب رأس وجسد وأيضاً هي من الوسوم التي تفتح وتغلق :
<head> فتح وسم البداية
<head/> إغلاق وسم النهاية
<body> فتح
<body/> إغلاق
فقرة
لإضافة فقرة نستخدم الوسم الذي هو من الوسوم التي تفتح وتغلق (من دون فواصل ):
إضافة النص الذي نريده
الترويسات
الترويسات تستخدم غالباً للعناوين، فيما يلي طريقة كتابة الترويسات من الأكبر إلى الأصغر:
<h1/>ترويسة 1<h1>
<h2/>ترويسة 2<h2>
<h3/>ترويسة 3<h3>
<h4/>ترويسة 4<h4>
<h5/>ترويسة 5<h5>
<h6/>ترويسة 6<h6>
مثال عن الترويسة h2:
ترويسة 2 عدل
الصورة
هذه من الوسوم التلقائية الإغلاق (لاحظ إغلاقها) أما الـ src لوضع الرابط لمكان تواجد الصورة كالتالي:
<img src="image.png" alt="وصف لصورتي"/>
الربط التشعبي
<a href="https://www.google.com" title="google">اضغط هنا تذهب إلى جوجل</a>
القوائم غير المتسلسلة
<ul>
<li>flower</li>
<li>الله أكبر</li>
<li>محمّد صلّى اللّه عليه و سلّم</li>
</ul>
القوائم المتسلسلة
<ol>
<li>flower</li>
<li>زهرة</li>
<li>محمّد صلّى اللّه عليه و سلّم</li>
</ol>
التعليقات
<!-- المتصفّح سيتجاهل كلّ هذا
وهذا -->
التقسيم و التوزيع
وسم البداية <div>
وسم النهاية </div>
نمط العناصر
<style color="red" font-family="serief">
محمّد صلّى اللّه عليه و سلّم
</style>
الجداول
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
