وسم (لغة ترميز النص الفائق)
| إتش تي إم إل |
|---|
 |
الوسم (بالإنجليزية: Tag) هي علامة أمر تهيئة داخل نصوص لغة ترميز النص الفائق (html) تسخدم لإضافة رابط تشعبي أو صور أو جدول أو استمارة ملئ البيانات في الموقع.
محتويات |
[عدل] نظرة عامة
لبناء جمل html, تكتب معظم الاوامر عن طريق وسوم بداية ووسوم نهاية والعنصر المستهدف يكون بين وسمي البدايه والنهاية. ويتميز الوسم انه يكتب بين <الوسم> ويكون هكذا وسم بدايه ووسم النهايه يكون على الشكل </وسم> وتلاحظ انه أضيف اليه شرطة. مثلا :
<p> هذا نص فقرة... </p>
و هناك نوع اخر من الوسوم حيث انه ليس له وسم نهاية وهذا يستخدم مثلا ً لإنزال السطر مثل :
<br>
أو لأضافه سطر افقي مثل :
<hr>
و الوسوم بنوعيها الآنف ذكرهما تحتمل وجود الخصائص وتكون اضافه الخصائص كالتالي :
a <font color="red"> red </font> word.
و تكون النتيجه " a red word "
- وسم البداية:
<p... >- الخاصية:
- اسم الخاصية:
class - قيمة الخاصية:
foo
- اسم الخاصية:
- الخاصية:
- المحتوى:
This is a paragraph. - وسم النهاية:
</p>
[عدل] عناصر بناء الصفحة
تتكون صفحة الhtml من ثلاث وسوم رئيسيه وهي
- وسم الجذر وهو المتضمن لوسم الترويسه ووسم الجسم وسكونان بداخله.
- وسم الترويسه
- وسم الجسم
[عدل] وسم الجذر <html>....</html>
الوسم الجذر، وهو أهم وسم في اي مستند مكتوب بلغة html وكل الوسوم الاخرى تكون بداخله.و هذا الوسم يخبر نظام التشغيل ان هذا المستند هو مستند html و من الخصائص التي من الممكن ان نضيفها إلى وسم الجذر هي :
[عدل] خصائص وسم الجذر
| الخاصية | القيمة | وصف |
|---|---|---|
| dir | rtl ltr |
لتحديد اتجاه النص في مستند html من اليمين إلى اليسار أو من اليسار إلى اليمين. |
| lang | language_code | لتحديد كود اللغة وتعتبر هذه الخاصية مهمة للمتصفحات القديمه التي لا تدعم اللغه العربية. |
[عدل] وسم الترويسة <head>....</head>
و هو ترويسه المستند والمكان الذي توضع فيه معلومات عن المستند وتوضع فيه أيضا اكواد خارجيه للغات أخرى مثل جافا سكريبت أو فيجوال بيسك. وتذكر ان العناصر التي في الترويسه ما هي الا خصائص واكواد للمستند، أي انها لا تظهر في مستند النتيجه أو في صفحة الوب.
[عدل] خصائص وسم الترويسة
| الخاصية | القيمة | وصف |
|---|---|---|
| dir | rtl ltr |
لتحديد اتجاه النص في مستند html من اليمين إلى اليسار أو من اليسار إلى اليمين. |
| lang | language_code | لتحديد كود اللغة وتعتبر هذه الخاصية مهمة للمتصفحات القديمه التي لا تدعم اللغه العربية. |
| profile | URL | تحديد مستند خارجي يحتوي على مجموعه من القيم والقوانين التي يستطيع المتصفح ان يفهمها. |
[عدل] وسوم يجب وضعها داخل وسم الترويسه
[عدل] <title>
في بعض الأحيان نحتاج إلى تحديد عنوان المستند أو عنوان صفحة الوب الذي يظهر في أعلى المتصفح وهذه الخاصيه لا يمكن ان توضع مخاصية مع وسم الترويسه, إنما توضع بوسم خاص بها وهو <title>This is my title</title>
[عدل] <style>
هذا الوسم يستخدم لتحديد النمط للمستند ويستخدم أيضا لترتيب المظهر العام عن طريق وضع بعض الخصائص.
| الخاصية | القيمة | وصف |
|---|---|---|
| type | text/css | يستخدم لتحديد نمط الاوراق المتتالية css |
| media | screen tty tv projection handheld braille aural all |
يستخدم لاختيار الالة التي ستعرض هذا المستند |
[عدل] <base>
[عدل] <link>
[عدل] <meta>
[عدل] <script>
[عدل] <noscript>
[عدل] وسم الجسم <body>....</body>
| وسوم html |
|---|
|
<a > <abbr > <acronym > <address > <applet > <area > <b > <base > <basefont > <bdo > <big > <blockquote > <body > <br > <button > <caption > <center > <cite > <code > <col > <colgroup > <dd > <del > <dfn > <dir > <div > <dl > <dt > <em > <fieldset > <font > <form > <frame > <frameset > <head > <h1> - < h6 > <hr > <html > <i > <iframe > <img > <input > <ins > <kbd > <label > <legend > <li > <link > <map > <menu > <meta > <noframes > <noscript > <object > <ol > <optgroup > <option > <p > <param > <pre > <q > <s > <samp > <script > <select > <small > <span > <strike > <strong > <style > <sub > <sup > <table > <tbody > <td > <textarea > <tfoot > <th > <thead > <title > <tr > <tt > <u > <ul > <var > |
