الفرق بين المراجعتين لصفحة: «لغة ترميز النص الفائق»
تم حذف المحتوى تمت إضافة المحتوى
ط إضافة تصنيف:قائمة الكتب (باستخدام المصناف الفوري) |
لا ملخص تعديل |
||
سطر 1:
[[ملف:Html-source-code3.png|تصغير|يسار|200بك|شكل صفحة البرمجة]]
=== HTML: ===
لغة ترميز النص الفائق (HTML) هي اللغة الأساسية للويب لإنشاء الوثائق والتطبيقات للنشر من خلال شبكه الانترنت .
* HTML اختصار ل '''H'''yper'''T'''ext '''M'''arkup '''L'''anguage او لغه الترميز النصى التشعبى .
* تتكون من مجموعه من الاوسمه (tag) .
* كل وسم من وسوم HTML يصف محتوى مختلف من الوثيقه .
== تاريخ لغة HTML ==
* النسخة الأولى: أنشأ النسخة الأولى من HTML [https://ar.wikipedia.org/w/index.php?title=%D8%AA%D9%8A%D9%85_%D8%A8%D9%8A%D8%B1%D9%86%D8%B1%D8%B2_%D9%84%D9%8A&action=edit تيم بيرنرز لي] ، مخترع شبكة الإنترنت، في أواخر عام 1991.
* الاصدار المستقر الحالى : نشرت النسة HTML 4.01 في ديسمبر كانون الاول عام 1999.
* العمل الحالي والمستقبلي: يتم نشر المشروع القادم HTML5 بواسطة منظمة W3C
== وسوم HTML ==
وسوم HTML هي كلمات (tags) محاطه بأقواس زاوية وتكون بالشكل التالى :
'''<tagname> المحتوى </ tagname>'''
* علامات HTML تأتي عادة في أزواج مثل <nowiki><P> و </ P></nowiki>
* العلامة الأولى في الزوج هي وسم البداية، والعلامة الثانية هي وسم النهاية
* يكتب وسم النهايه مثل البداية، ولكن مع شرطه مائلة قبل اسم العلامة
* بعض الوسوم تصنف بأنها ذاتية الإغلاق أي أنها لا تحتاج إلى وسم إغلاق مثل وسم السطر الجديد
* بعض الأوسمة يمكن أن تكون متداخلة أي أن محتوى الوسم عبارة عن وسم فرعي [https://www.w3schools.com/html/html_elements.asp]
== بنية وثيقة HTML ==
<DOCTYPE html!> هذه التعلمية للإشارة على أن الملف بصيغة 5 {{اختص|HTML|HyperText Markup Language}}.
<html> الإعلان عن بداية الوثيقة
<head> بداية رأس الوثيقة
<title>Page Title</title> عنوان الوثيقة
<head/> إغلاق رأس الوثيقة
<body> بداية جسم الوثيقة
<body/> إغلاق جسم الوثيقة
<html/> إغلاق الوثيقة
= أساسيات =
== تعلميات أساسية ==
* نبدأ بالتعليمة:
<DOCTYPE html!>
هذه التعلمية تستخدم للتعرف على أن الملف بصيغة 5{{اختص|HTML|HyperText Markup Language}}.
* نعرف أن اللغة هي {{اختص|HTML|HyperText Markup Language}} بالوسم التالي الذي نغلقه بـ /
<html> فتح
<html/> إغلاق
==== الرأس والجسد ====
وكما أن للإنسان رأس وجسد أيضاً لصفحة الويب '''رأس وجسد''' وأيضاً هي من الوسوم التي تفتح وتغلق :
<head> فتح
<head/> إغلاق
<body> فتح
<body/> إغلاق
==== فقرة ====
لإضافة '''فقرة''' نستخدم الوسم الذي هو من الوسوم التي تفتح وتغلق (من دون فواصل ):
إضافة النص الذي نريده
< p/>
==== الترويسات ====
الترويسات تستخدم غالباً للعناوين، فيما يلي طريقة كتابة الترويسات من الأكبر إلى الأصغر:
<pre><h1/>ترويسة 1<h1>
<h2/>ترويسة 2<h2>
<h3/>ترويسة 3<h3>
<h4/>ترويسة 4<h4>
<h5/>ترويسة 5<h5>
<h6/>ترويسة 6<h6></pre>
=== الصورة ===
هذه من الوسوم التلقائية الإغلاق (لاحظ إغلاقها) أما الـ src لوضع الرابط لمكان تواجد الصورة كالتالي:
<bdi>
<code>
<img src="image.png" alt="وصف لصورتي" />
</code>
<bdi>
=== الربط التشعبي ===
<bdi>
<code>
<a href="https://www.google.com" title="google">اضغط هنا تذهب إلى جوجل</a>
</code>
<bdi>
=== القوائم الغير متسلسلة ===
<bdi>
<code>
<nowiki><ul></nowiki><br />
<nowiki> <li></nowiki>flower<nowiki></li></nowiki><br />
<nowiki> <li></nowiki>زهرة<nowiki></li></nowiki><br />
<nowiki> <li></nowiki>محمّد صلّى اللّه عليه و سلّم<nowiki></li></nowiki><br />
<nowiki></ul></nowiki><br />
</code>
<bdi>
=== القوائم المتسلسلة ===
<bdi>
<code>
<nowiki><ol></nowiki><br />
<nowiki> <li></nowiki>flower<nowiki></li></nowiki><br />
<nowiki> <li></nowiki>زهرة<nowiki></li></nowiki><br />
<nowiki> <li></nowiki>محمّد صلّى اللّه عليه و سلّم<nowiki></li></nowiki><br />
<nowiki></ol></nowiki><br />
</code>
<bdi>
=== التعليقات ===
<bdi>
<code>
<nowiki><!-- </nowiki>المتصفّح سيتجاهل كلّ هذا
<br />
وهذا
<nowiki>--></nowiki>
</code>
<bdi>
=== نمط العناصر ===
<bdi>
<code>
<nowiki><style color="red" font-family="serief" ></nowiki><br />
محمّد صلّى اللّه عليه و سلّم
<br />
<nowiki></style></nowiki><br />
</code>
<bdi>
إنها اللغة المستخدمة لإنشاء صفحات الإنترنت والكلمة إختصار لـ '''Hyper Text Markup Language'''
وهي ليست لغة برمجة بل هي لغة تستخدم لاعطاء اوامر للمتصفح لارشاده لطريقة عرض المحتوى.
السطر 43 ⟵ 168:
'''* [http://ar.wikibooks.org/wiki/%D8%AA%D8%B7%D9%88%D9%8A%D8%B1_%D8%A7%D9%84%D9%88%D9%8A%D8%A8 تطوير الويب ]'''
== وصلات خارجية ==
* [http://www.w3.org/People/Berners-Lee الموقع الشخصي لبيرنرز لي]
* [http://www.w3schools.com/html/html موقع مدرسة الويب]
* [http://www.w3.org/html/ موقع منظمة W3C]
[[تصنيف:لغات البرمجة]]
| |||