Html

هذا المقال يتضمن أسماءً أعجمية تتطلب حروفاً إضافية (پ چ ژ گ ڤ ڠ).
لمطالعة نسخة مبسطة، بدون حروف إضافية
HTML
(لغة تأشير النص الفائق)
HTML5 logo and wordmark.svg
أحدث شعار رسمي، HTML5.[1]
امتداد اسم الملف
  • .html
  • .htm
نوع وسائط الإنترنتtext/html
كود النوعTEXT
طورهW3C & WHATWG
أول إصدار1993; 28 years ago (1993
أحدث إصدار
5.2[2] / 5.3 (working draft)[3]
(14 ديسمبر 2017; منذ 3 سنين (2017-12-14)
نوع الصيغةDocument file format
Extended fromSGML
Extended toXHTML
Standards
Open format?Yes
الموقع الإلكتروني
إتش.تي.إم.إل HTML
HTML.png

لغة تأشير النص الفائق أو لغة رقْم النص الفائق بالإنگليزية: HyperText Markup Language أو لغة النصوص التشعبية اختصاراً إتش.تي.إم.إل HTML: لغة برمجة وتستخدم في تصميم صفحات الويب و مواقع إنترنت، و تعتبر هذه اللغة من أقدم اللغات وأوسعها إستخداماً في تصميم صفحات الويب. ولغة HTML ليست لغة برمجة، بل هي لغة للوصف وتعطي برنامج تصفح الانترنت وصفاً ليكفية عرضه للمحتويات، فهي تصف له أبعاد الصور وتنسيقات الخطوط وغيرها. وتستخدم لغة ال HTML مايعرف بالوسوم tags لإصدار التعليمات إلى المتصفح، هذه الوسوم توضع بين علامتى أكبر من > وأصغر من <. وتبدأ أكواد HTML بالوسم <HTML>، وتنتهى بالوسم <HTML/>. يقوم متصفح ويب بتحويل السطور البرمجية بلغة HTML إلى صفحات مفهومة وسهلة القراءة لزوار المواقع.

عرفت لعدم حساسيتها لحالة الأحرف أو لترتيب بعض الخصائص؛لكلّ عنصر HTML خصائص تتحكّم في كيفيّة ظهوره. وذلك لكي تكون عمليّة تصميم المواقع عمليّة سهلة ولينة وبدون أي تعقيدات.HTML من اللّغات المدعومة بمعايير قياسيّة محددّه يفضّل الالتزام بها من قبل W3C فالإلتزام بمعايير الـ HTML أثناء تصميم المواقع يمنح الصفحة قابليّة أكثر للعرض والاستخدام على أنواع وإصدارات مختلفة من المتصفحات. من ناحية أخرى فإن HTML مركبة بشكل نحوي يدعى DOM ؛الّذي يحدّد معيارا للوصول والتلاعب بملفّات HTML [4]، عمليّة تصميم المواقع مع DOM تجعل صفحة الموقع تظهر وكأنّها شجرة من الوسوم.

لغة الـ HTML هي اللغة التي تستخدم في عملية تصميم المواقع، حيث أن هذه اللغة تتميز بعدم حساسيتها لحالة الأحرف أو لترتيب بعض الخصائص، و هذا ما تتطلبه فعلياً عملية تصميم مواقع الويب، وذلك لكي تكون عملية تصميم المواقع عملية سهلة وليِّنَة وبدون أي تعقيدات .لغة HTML تعتبر أيضاً من اللغات المدعومة بمعايير قياسية محدده يفضل الالتزام به. الالتزام بمعايير الـ HTML أثناء تصميم المواقع يمنح الصفحة قابلية أكثر للعرض و الإستخدام على أنواع و إصدارات مختلفة من المتصفحات. من ناحية أخرى فإن HTML مركبة بشكل نحوي يدعى DOM، عملية تصميم المواقع مع DOM تجعل صفحة الموقع تظهر و كأنها شجرة من وسم (Tags) التي تدل على تصميم الموقع. تعتبر اللغة غير ديناميكية في حالة المواقع الكبيرة لذا فإن كثيراً من المواقع تضطر إلى إدخالها ضمن لغة دينامكية مثل php.


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

التاريخ

النشأة

الفيزيائي تيم بيرنرز لي

في عام 1980، قام الفيزيائي Tim Berners-Lee والذي كان عاملا في المؤسسة الأوروبية للأبحاث النويية سيرن باقتراح واعداد نموذج بدئي لنظام يمكن باحثي سيرن من استخدام ومشاركة المستندات. وفي عام 1989 قام بكتابة مذكرة[5] يقترح فيها نظام نص فائق hypertext مبني على الإنترنت، وقام بوصف لغة HTML وبكتابة برامج المزود والمتصفح في أواخر عام 1990.

كان أول وصف للجمهور من الاتش تي ام ال وثيقة تسمى علامات الاتش تي ام ال ذكر لأول مرة على شبكة الانترنيت عن طريق بيرنرز لي في أواخر عام 1991. فهو يصف 18 من العناصر الأولى التي تتألف منها، نسبيا التصميم بسيط في الاتش تي ام ال بإستثناء علامة الارتباط التشعبي، هذه تأثرت بقوة في (الاس جي ام ال كويد) ,اسست ال (الاس جي ام ال) على شكل وثائق في منزل سيرن. أحد عشر من هذه العناصر لا تزال موجودة في الاتش تي ام ال.

لغة ترميز النص التشعبي هي لغة العلامات التي تستخدم متصفحات الويب لتفسير وتأليف النص والصور وغيرها من المواد في صفحات الويب المرئية أو المسموعة. يتم تعريف وترميز الخصائص الافتراضية لكل بند من الاتش تي ام ال في المتصفح ,وهذه الخصائص يمكن تغيرها او تحسينها بواسطة استخدام مصمم صفحة ويب اضافية من الاسي اس اس. تم العثور على العديد من عناصر النص في عام 1988 (اي اس او ) تقرير التقنية (تي ار 9537) تقنيات لاستخدام (الاس جي ام ال) الذي يغطي بدوره ملامح اللغات تنسيق النص في وقت مبكر مثل تلك المستخدمة من قبل الأمر الجريان السطحي وضعت في 1960s في وقت مبكر ل CTSS (التوقيت متوافق نظام تقاسم) نظام التشغيل: وقد استمدت هذه الأوامر التنسيق من الأوامر المستخدمة من قبل عمال التجميع على تنسيق المستندات يدويا. ومع ذلك، يستند مفهوم SGML من معمم العلامات على عناصر (نطاقات متداخلة مع سمات المشروح) بدلا من مجرد آثار الطباعة، مع أيضا الفصل بين هيكل والعلامات، وقد تم HTML انتقلت تدريجيا في هذا الاتجاه مع CSS. بيرنرز لي يعتبر تطبيق HTML من SGML تم تعريفه رسميا على هذا النحو من قبل فريق عمل هندسة الإنترنت (IETF ) مع منتصف عام 1993 نشر أول اقتراح ل مواصفات HTML: " لغة توصيف النص التشعبي (HTML " إنترنت مشروع من قبل بيرنرز لي و دان كونولي، الذي تضمنت نوع الوثيقة SGML تعريف لتعريف النحوي.

تطور اللغة

شكل صفحة البرمجة.



أشهر التعليمات

أساسيات

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

  • CSS3 و HTML5نبدأ
    بالتعليمة:
<DOCTYPE html!>

هذه التعلمية تستخدم للتعرف على أن الملف بصيغة 5HTML.

  • نعرف أن اللغة هي HTML بالوسم التالي الذي نغلقه بـ /
<html> فتح وسم البداية
</html> إغلاق وسم النهاية 

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

الرأس والجسد

وكما أن للإنسان رأس وجسد أيضاً لصفحة الويب رأس وجسد وأيضاً هي من الوسوم التي تفتح وتغلق :

<head>  فتح وسم البداية
<head/> إغلاق وسم النهاية

<body> فتح

<body/> إغلاق

فقرة

لإضافة فقرة نستخدم الوسم الذي هو من الوسوم التي تفتح وتغلق (من دون فواصل ):

إضافة النص الذي نريده

الترويسات

الترويسات تستخدم غالباً للعناوين، فيما يلي طريقة كتابة الترويسات من الأكبر إلى الأصغر تبعًا لحجم الخطّ(1 هو أكبر خطّ):

</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>

محرري WYSIWYG

هناك بعض محرري WYSIWYG ( ما تراه هو ما تحصل عليه ) الّذي يستخدم أن كل كما هو يظهر في ملف HTML.خدمين واجهة المستخدم الرسومية GUI التي غالباً تشبه معالج النصوص.

المحرر يعرض المستند بدلاً من إظهار الرموز لذلك المؤلفون لا يحتاجون أن يمتلكوا معرفة شاملة لـ HTML .محرري نمط WYSIWYG انتُقِدوا وذلك أساساً بسبب تدني جودة التعليمات البرمجية المنشأة وهناك أصوات دعت إلى تغيير نموذج WYSIWYG .محرري WYSIWYG لا يزال موضوع مثير للجدل لأنه هناك نظر لعيوبهم مثل:

  1. تعتمد بشكل رئيسي على التصميم بدلاً من المعنى , وغالباً ما تستخدم العلامات التي لا تحمل المعنى المطلوب ولكن ببساطة نسخ تصميم.
  2. غالباً ما تنتج رموز لا حاجة لها ومطولة للغاية التي تفشل في الاستفادة من الطبيعة المتتالية ل HTML & صفحات الطرز المتراصةCss.
  3. غالباً تنتج علامات غير نحوية التي تسمى العلامات غير صحيحة دلالياً مثل <cm> للخط المائل.

وهناك قدر كبير من المعلومات في مستندات HTML غير موجودة في التصميم هذا النموذج تعرض للانتقادات بسبب أن كل ما تراه هو ما تحصل عليه الطبيعة


انظر أيضاً

المصادر

  1. ^ https://www.w3.org/html/
  2. ^ "HTML 5.2". W3C. 2017-12-14. Retrieved 2018-03-02.
  3. ^ "HTML 5.3 Editor's Draft". W3C. 2017-03-01. Retrieved 2018-03-02.
  4. ^ HTML DOM Introduction[[تصنيف:مقالات ذات وصلات خارجية مكسورة from خطأ: زمن غير صحيح]]<span title=" منذ خطأ: زمن غير صحيح" style="white-space: nowrap;">[وصلة مكسورة] Archived 20 October 2013[Date mismatch] at the Wayback Machine.
  5. ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org Archived 26 June 2018[Date mismatch] at the Wayback Machine.

وصلات خارجية

يمكنك أن تجد معلومات أكثر عن Html عن طريق البحث في مشاريع المعرفة:

Wiktionary-logo-en.png تعريفات قاموسية في ويكاموس
Wikibooks-logo1.svg كتب من معرفة الكتب
Wikiquote-logo.svg اقتباسات من معرفة الاقتباس
Wikisource-logo.svg نصوص مصدرية من معرفة المصادر
Commons-logo.svg صور و ملفات صوتية من كومونز
Wikinews-logo.png أخبار من معرفة الأخبار.