مرجع للغة ال HTML

الناقل : mahmoud | المصدر : www.boosla.com

الواصفات الأساسية

<html></html>
لإنشاء الصفحة
<head></head>
لإعداد العنوان و المعلومات الأخرى التي لا تظهر في الصفحة
<body></body>
لإعداد الجزء المرئي من الصفحة

سمات الواصفة body

<body bgcolor=xxxx>
لإعداد لون الخلفية .. استخدم اسم اللون أو رمزه

<body text=xxxx>
لإعداد لون النصوص .. استخدم اسم اللون أو رمزه

<body link=xxxx>
لإعداد لون الوصلة .. استخدم اسم اللون أو رمزه

<body vlink=xxxx>
لإعداد لون الوصلة اللتي تمت زيارتها .. استخدم اسم اللون أو رمزه

<body alink=xxxx>
لإعداد لون الوصلة أثناء الضغط عليها



واصفات النصوص

<pre></pre>
لإعداد نص منسق مسبقاً

<hl></hl>
لإعداد أكبر خط ممكن للعناوين

<h6></h6>
لإعداد أصغر خط ممكن للعناوين

<b></b>
لإعداد خط سميك

<i></i>
لإعداد خط مائل

<tt></tt>
لإعداد خط يشبه طباعة الآلة الكاتبة

<cite></cite>
لإعداد التنويه أو الإشارة .. في العادة يكون مائلاً

<em></em>
للتشديد على الكلمة .. عادة بالخط السميك أو المائل

<strong></strong>
للتأكيد على الكلمة .. بالخط المائل أو السميك

<font size=?></font>
لإعداد حجم الخط .. من 1 إلى 7

<font color=?></font>
لتحديد لون الخط .. استخدم اسم اللون أو رمزه



الوصلات

<a href="URL"></a>
لإنشاء وصلة
<a href="mailto:EMAIL"></a>
لإنشاء وصلة البريد الإلكتروني
<a name="NAME"></a>
لتحديد مكان معين داخل الصفحة نفسها
<a href="#NAME"></a>
لإعداد وصلة إلى المكان الذي سبق تحديده داخل الصفحة



التنسيق
<p></p>
لإنشاء فقرة جديدة
<p align=?>
لتعيين محاذاة الفقرة إلى اليمين أو اليسار أو المنتصف
<br>
لإدخال سطر مسافة
<blockquote></blockquote>
لتحديد النص من الجانبين
<dl></dl>
لإنشاء قائمة التعريفات
<dt>
تسبق كل اصطلاح تعريفي
<dd>
تسبق كل تعريف
<ol></ol>
لإنشاء قائمة مرقمة
<li></li>
تسبق كل عنصر في القائمة و ترقمه
<ul></ul>
لإنشاء قائمة منزلقة
<div align=?>
واصفة عامة تستخدم في تنسيق مجموعات الهتمل الكبيرة كما تستخدم في صفحات الأنماط



العناصر الرسومية
<img src="name">
لإضافة صورة
<img src="name" align=?>
لمحاذاة الصورة إلى يمين أو اليسار أو المنتصف و الأعلى و الوسط و الأسفل
<img src="name" border=?>
لإعداد حجم الإطار حول الصورة
<hr>
لإدراج مسطرة أفقية
<hr size=?>
لأعداد ارتفاع المسطرة
<hr width=?>
لإعداد عرض المسطرة .. بالنسبة المئوية أو قيم صحيحة
<hr noshade>
لإنشاء مسطرة بدون ظل


الجداول
<table></table>
لإنشاء جدول
<tr></tr>
لإعداد كل صف في الجدول
<td></td>
لإعداد كل خلية في الجدول
<th></th>
لإعداد صدر الجدول .. خلية عادية ذات نص سميك في منتصف الخانة


سمات الجدول
<table border=#>
لتحديد عرض الإطار حول خلايا الجدول
<table cellspacing=#>
لتحديد حجم المسافة بين خلايا الجدول
<table cellpadding=#>
لتحديد حجم المسافة بين إطار الخلية و محتوياتها
<table width=# or %>
لتحديد عرض الجدول .. بالبيكسل أو نسبته المئوية بالنسبة للصفحة
<tr align=?> or <td align=?>
لتحديد محاذاة الخلية أو الخلايا لليمين أو اليسار أو المنتصف
<tr valign=?> or <td valign=?>
لإعداد المحاذاة الرأسية للخلية أو الخلايا .. للأعلى أو الأسفل أو الوسط
<td colspan=#>
لتحديد عدد الأعمدة التي تتسع لها الخلية
<td rowspan=#>
لتحديد عدد الصفوف التي تتسع لها الخلية .. افتراضياً = 1
<td nowrap>
لمنع تقطيع السطور داخل الخلية


الإطارات

<frameset></frameset>
واصفة صفحة الإطارات .. يمكن أن توضع أيضاً بين مجموعات الإطارات الأخرى
<frameset rows="value,value">
لتحديد الصفوف في الإطارات . بالبيكسل أو النسبة المئوية
<frameset cols="value,value">
لتحديد الأعمدة في الإطارات .. بالبيكسل أو النسبة المئوية
<frame>
لتحديد إطار أو منطقة ما داخل مجموعة أطر
<noframes></noframes>
لتحديد ما سوف يظهر في المتصفحات التي لا تدعم الإطارات


سمات الإطارات
<frame src="URL">
لتحديد الصفحة التي سيتم عرضها داخل الإطار
<frame name="name">
لتسمية إطار أو منطقة ما حتى يسهل طلبها بواسطة إطارات أخرى
<frame marginwidth=#>
لتحديد الحد الأيمن و الأيسر للإطار .. يجب أن يكون مساوياً أو أكبر من 1
<frame marginheight=#>
لتحديد الحد العلوي و السفلي للإطار.. يجب أن يكون مساوياً أو أكير من 1

<frame scrolling=VALUE>

لتحديد ما إذا كان الإطار يحتوي على قضيب انزلاق .. يجب أن تساوي القيمة yes أو NO أو Auto .. افتراضياً=ِAuto

<frame noresize>
لمنع المستخدم من تغيير حجم الإطار


القسائم أو الاستمارات

لعمل قسيمة فعالة يجب أن تشغل بريمج CGI .. الHTML فقط تحدد كيف تظهر القسيمة
<form></form>
لإنشاء أي نوع من القسائم

<select multiple name="NAME" size=?></select>

لإنشاء قائمة منزلقة .. يمكنك تحديد اسمها و عدد العناصر التي ستظهر قبل أن تحتاج للانزلاق
<option>
لإعداد كل عنصر من عناصر القائمة
<select name="NAME"></select>
لإنشاء قائمة تنزلق لأسفل
<option>
لإعداد كل عنصر من عناصر القائمة
<textarea name="NAME" cols=40 rows=8></textarea>
لإنشاء صندوق نصي .. الأعمدة تحدد العرض و الصفوف تحدد الارتفاع
<input type="checkbox" name="NAME">
لإنشاء مربع تحديد .. النص يتبع الواصفة
<input type="radio" name="NAME" value="x">
لإنشاء زر راديو .. النص بتيع الواصفة
<input type=text name="foo" size=20>
لإنشاء صندوق نصي ذو سطر واحد .. و تحديد اسمه ثم تحديد حجمه بعدد الحروف في السطر
<input type="submit" value="NAME">
لإنشاء زر إرسال
<input type="image" border=0 name="NAME" src="name.gif">
لإنشاء زر إرسال يستخدم صورة
<input type="reset">
لإنشاء زر مسح أو إعادة