وسم (لغة ترميز النص الفائق)

من ويكيبيديا، الموسوعة الحرة
اذهب إلى: تصفح، ‏ ابحث
إتش تي إم إل
HTML.svg
عرض · نقاش · تعديل

الوسم (بالإنجليزية: 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
print
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 >

Do while cyklus.png هذه بذرة مقالة عن برمجيات الحاسوب بحاجة للتوسيع. شارك في تحريرها.