الروابط داخل لغة HTML

ما هي HTML Links ؟


توجد الروابط داخل لغة HTML في جميع صفحات الويب تقريباً. تسمح الروابط للمستخدمين بالإنتقال من صفحة إلى أخري.

Hyperlinks


الروابط داخل لغة HTML هي إرتباطات تشعبية.
يُمكنك النقر فوق إرتباط والإنتقال إلى  صفحة ويب اخري.
عند تحريك الماوس فوق أحد الإرتباطات، يتحول سهم الماوس إلى يد صغيرة.
ملاحظة: لا يجب أن يكون الرابط نصاً. يُمكن أن يكون صورة أو أي عنصر HTML آخر.

HTML Links

في لغة HTML، يتم تحديد الروابط بإستخدام الوسم <a>.
<a href="url">link text</a>
مثال:

<a href="https://www.T3lemOnline.com">Visit our Home Page</a>

تحدد السمة href عنوان الوجهة "https://www.T3lemOnline.com" للرابط.
نص الرابط هو الجزء المرئي، سيؤدي النقر فوق نص الرابط إلى إرسالك إلى العنوان المحدد.
ملاحظة: بدون شرطة مائلة للأمام في نهاية عناوين المجلدات الفرعية، قد تقوم بإنشاء طلبين إلى الخادم.
ستضيف العديد من الخوادم تلقائياً شرطة مائلة للأمام إلى نهاية العنوان، ثم تُنشئ طلباً جديداً.

الروابط المحلية

أستخدم المثال أعلاه عنوان URL مطلق أي عنوان ويب كامل.
يتم تحديد رابط محلي "رابط إلى نفس موقع الويب" بإستخدام مُحدد موقع معلومات نسبي "بدون https: // www ....".
مثال:
<a href="html_images.asp">HTML Images</a>

لون الروابط في لغة HTML

بشكل إفتراضي، سيظهر الرابط كهذا في جميع المتصفحات:
  • يتم وضع خط تحت رابط غير متوقع والأزرق.
  • تم وضع خط أسفل الرابط الذي تمت زيارته والأرجواني.
  • يتم وضع خط أسفل الرابط النشط والأحمر.
  • يمكنك تغيير الألوان الافتراضية بإستخدام لغة CSS.
مثال:
<style>
a:link {color: green;background-color: transparent;text-decoration: none;}
a:visited {color: pink;background-color: transparent;text-decoration: none;}
a:hover {color: red;background-color: transparent;text-decoration: underline;}
a:active {color: yellow;background-color: transparent;text-decoration: underline;}
</style>

السمة target

تُحدد مكان فتح المستند المُرتبط.
يُمكن أن تحتوي سمة الهدف target على إحدى القيم التالية:
_blank: يفتح المستند المرتبط في نافذة أو علامة تبويب جديدة.
_self: فتح المستند المرتبط في نفس النافذة أو علامة التبويب أثناء النقر فوقه "هذا هو الإعداد الافتراضي".

HTML CSS

HTML CSS - Styles


CSS لتقف على أوراق الأنماط المتتالية.
يصف CSS كيفية عرض عناصر HTML على الشاشة أو الورق أو في وسائط أخرى.
يوفر CSS الكثير من العمل.
يُمكنه التحكم في تخطيط صفحات الويب المتعددة دفعة واحدة.
يُمكن إضافة CSS إلى عناصر HTML بثلاث طرق:
مضمنة inline: بإستخدام سمة النمط في عناصر HTML.
داخلي internal: بإستخدام عنصر <style> في القسم <head>.
خارجي external: بإستخدام ملف CSS خارجي.
الطريقة الأكثر شيوعًا لإضافة CSS، هي الحفاظ على الأنماط في ملفات CSS منفصلة.
ومع ذلك، سوف نستخدم هنا التصميم الداخلي والخارجي، لأن هذا يسهل إثباته ويسهل عليك تجربته بنفسك.

التنسيق المضمن inline css

يتم إستخدام CSS مُضمَّنة لتطبيق نمط فريد على عنصر HTML واحد.
وتُستخدم CSS المضمّنة سمة النمط لعنصر HTML.
يقوم هذا المثال بتعيين لون النص الخاص بالعنصر <h1> إلى اللون الأزرق:
مثال:
<h1 style="color:blue;">This is a Blue Heading</h1>

التنسيق الداخلي internal css

يتم إستخدام CSS داخلي لتعريف النمط والتنسيق الخاص بصفحة HTML واحدة.
يتم تعريف CSS داخلي في قسم <head> في صفحة HTML، داخل عنصر <style>.
مثال:

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<body/>
</htm/>



التنسيق الخارجي فى CSS

يتم إستخدام الأنماط خارجية لتعريف النمط للعديد من صفحات HTML.
بإستخدام الأنماط خارجية، يُمكنك تغيير مظهر موقع ويب بأكمله، عن طريق تغيير ملف واحد !
لإستخدام ورقة أنماط خارجية، أضف رابطاً إليها في قسم <head> في صفحة HTML.
مثال:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<body/>
<html/>
يُمكن كتابة ورقة أنماط خارجية في أي محرر نصوص.
يجب ألا يحتوي الملف على أي شفرة HTML، ويجب حفظه بإمتداد css.
إليك كيفية ظهور "styles.css":
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}

الخطوط في لغة CSS

تُحدد خاصية CSS Color لون النص المطلوب إستخدامه.
تُحدد الخاصية font-family CSS نوع الخط الذي سيتم إستخدامه.
تًحدد الخاصية  CSS font-size حجم النص المطلوب إستخدامه.
مثال:

<!DOCTYPE html>
<html>
<head>
<style>
h1 {color: blue;
font-family: verdana;
font-size: 300%;}
p  {color: red;
font-family: courier;
font-size: 160%;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

الحدود CSS Border

تتعرّف الخاصية padding CSS على المسافة بين النص والحدود.
مثال:
p {border: 1px solid powderblue;padding: 30px;}

الهوامش CSS Margin

تحدد الخاصية CSS Margin الهامش وهي المسافة خارج الحد.
مثال:
p {border: 1px solid powderblue;margin: 50px;}

الوسم The id

لتحديد نمط معين أو ستايل معين لعنصر خاص واحد، أضف سمة معرف id إلى العنصر.
<p id="p01">I am different</p>
ثم حدد نمطاً للعنصر ذو المُعرف المُحدد.
مثال:
#p01 {color: blue;}
ملاحظة: يجب أن يكون معرف العنصر فريداً في الصفحة، لذلك يتم إستخدام محدد الهوية لتحديد عنصر فريد واحد.

الوسم class

لتحديد نمط لأنواع خاصة من العناصر، أضف سمة class إلى العنصر.
<p class="error">I am different</p>
ثم تحديد التشكيل الذي تريد إضافته للعناصر مع فئة معينة.
مثال:
p.error {color: red;}

ملخص الدرس HTML CSS - Style

  • إستخدم سمة نمط HTML Style للتصميم الداخلي.
  • إستخدم عنصر HTML link للإشارة إلى ملف CSS خارجي.
  • إستخدم عنصر  HTML head لتخزين عناصر <style> و<link>.
  • إستخدم خاصية لون CSS Color لألوان النص
  • إستخدم خاصية CSS font-family لتغيير عائلة خطوط النص.
  • إستخدم خاصية حجم الخط CSS font-size لتغيير أحجام النص.
  • إستخدم خاصية CSS border للحدود.
  • إستخدم خاصية padding CSS للمساحة الموجودة داخل الحد.
  • استخدم خاصية CSS margin للمساحة خارج الحدود "الهوامش.



الألوان داخل لغة HTML

ما هي HTML Colors ؟


الألوان داخل لغة HTML يتم تحديدها بإستخدام أسماء ألوان محددة مسبقاً أو قيم RGB و HEX و HSL و RGBA و HSLA.

الألوان داخل لغة HTML

في لغة HTML، يُمكن تحديد لون بإستخدام إسم اللون.
تدعم لغة HTML أكثر من 140 أسماء للألوان.

لون الخلفية فى لغة HTML

يُمكنك تعيين لون الخلفية لعناصر HTML.
مثال:

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

لون النص فى لغة HTML


You can set the color of text:

مثال إستخدام الكود التالي:


<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

لون الحدود فى لغة HTML

يُمكنك ضبط لون الحدود.
مثال:

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

قيم الألوان المختلفة فى لغة HTML

في لغة HTML، يُمكن أيضاً تحديد الألوان بإستخدام قيم RGB وقيم HEX وقيم HSL وقيم RGBA وقيم HSLA:
نفس إسم اللون "الطماطم".
مثال:

<h1 style="background-color:rgb(255, 99, 71);">...</h1><h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1><h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

القيمة RBG

في لغة HTML، يُمكن تحديد لون كقيمة RGB، بإستخدام هذه الصيغة
RGB "أحمر، أخضر، أزرق"
تُحدد كل معلمة "أحمر وأخضر وأزرق" شدة اللون بين 0 و255.
على سبيل المثال، يتم عرض rgb (255 ، 0 ، 0) باللون الأحمر، لأنه يتم تعيين الأحمر إلى أعلى قيمة له (255) ويتم تعيين الآخرين إلى 0.
لعرض اللون الأسود، يجب تعيين كل معلمات اللون على 0، مثل هذا: rgb (0 ، 0 ، 0).
لعرض اللون الأبيض، يجب تعيين كل معلمات اللون على 255، مثل هذا: rgb (255 ، 255 ، 255).

القيمة HEX

في HTML، يُمكن تحديد لون بإستخدام قيمة سداسية عشرية في النموذج:
#rrggbb
حيث rr (red) و gg (green) و bb (blue) هي قيم سداسية عشرية بين 00 و ff (مثل العشري 0-255).
على سبيل المثال، يتم عرض  #ff0000 باللون الأحمر، لأنه يتم تعيين اللون الأحمر إلى أعلى قيمة له (ff) ويتم تعيين الآخرين إلى أدنى قيمة (00).

القيمة HSL

في HTML، يُمكن تحديد لون بإستخدام hue و saturation و lightness )HSL) في النموذج:
hsl "تدرج، تشبع، خفة".
هيو هي درجة على عجلة الألوان من 0 إلى 360. 0 أحمر، و 120 أخضر، و 240 أزرق.
التشبع هو قيمة النسبة المئوية، 0 ٪ يعني الظل من الرمادي، و 100 ٪ هو اللون الكامل.
الخفة هي أيضاً نسبة، 0٪ سوداء، 50٪ ليست خفيفة أو داكنة، 100٪ بيضاء.

التشبع

يُمكن وصف التشبع على أنه شدة اللون.
100 ٪ هو لون نقي، أي ظلال من اللون الرمادي.
50٪ رمادي بنسبة 50٪، ولكن لا يزال بإمكانك رؤية اللون.
0٪ رمادي تماماً، ولم يعد بإمكانك رؤية اللون.

الخفة

يُمكن وصف خفة اللون بأنها مقدار الضوء الذي تريد أن تعطيه للون،
حيث 0٪ يعني عدم وجود ضوء "أسود"، 50٪ يعني 50٪ ضوء "لا داكن ولا فاتح" 100٪ يعني الخفة الكاملة "أبيض".
غالباً ما يتم تحديد درجات الرمادي من خلال ضبط درجة اللون والتشبع على 0، وضبط الإضاءة من 0٪ إلى 100٪ للحصول على ظلال داكنة أو خفيفة.

معلومات عن القيمة RBG

قيم اللون RGBA هي إمتداد لقيم ألوان RGB مع قناة ألفا والتي بدورها تُحدد عتامة اللون.
يتم تحديد قيمة لون RGBA مع:
rgba "أحمر، أخضر، أزرق، ألفا".
المعلمة alpha هي رقم بين 0.0 "شفاف بالكامل" و 1.0 "غير شفاف على الإطلاق".

معلومات عن القيمة HSLA

قيم ألوان HSLA هي إمتداد لقيم ألوان HSL مع قناة ألفا والتي تُحدد عتامة اللون.
يتم تحديد قيمة لون HSLA مع:
hsla "تدرج، تشبع، خفة، ألفا"
المعلمة alpha هي رقم بين 0.0 "شفاف بالكامل" و1.0 "غير شفاف على الإطلاق".

التعليقات داخل لغة HTML

ما هي HTML Comments ؟


هى وسوم التعليقات داخل لغة HTML حيث ان التعليقات يتم إستخدامها من أجل إدراج تعليقات داخل شفرة المصدر الخاصة بكود HTML.

وسم HTML Comment

يُمكنك إضافة التعليقات داخل لغة HTML او إلى مصدر HTML الخاص بك بإستخدام الكود التالي:

<!-- Write your comments here -->

لاحظ أن هناك علامة تعجب (!) في علامة الفتح، ولكن ليس هناك علامة ! في علامة الإغلاق.
ملاحظة مهمة: لا يتم عرض التعليقات من خلال المتصفح، ولكنها يُمكن أن تُساعد في توثيق شفرة مصدر HTML الخاصة بك.
من خلال التعليقات، يُمكنك وضع الإشعارات والتذكيرات الخاصة بك داخل لغة HTML.
مثال:
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->

تُعد التعليقات رائعة أيضاً لتصحيح الأخطاء داخل الأكواد المكتوبة بتنسيق HTML، نظراً لأنه يُمكنك التعليق على سطور HTML البرمجية، واحدة تلو الأخرى للبحث عن الأخطاء:
مثال:
<!--
Do not display this at the moment
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->

المشغل SQL UNION

ما هو The SQL UNION Operator ؟


The SQL UNION يُستخدم من أجل الجمع بين مجموعة مكونة من إثنين أو أكثر من عبارات SELECT.
  • يجب أن يكون لكل عبارة SELECT داخل UNION نفس عدد الأعمدة.
  • يجب أن تحتوي الأعمدة أيضًا على أنواع بيانات متشابهة.
  • يجب أن تكون الأعمدة في كل عبارة SELECT أيضًا بنفس الترتيب.

بناء جملة SQL UNION


SELECT column_name(s) FROM table1UNION
SELECT column_name(s) FROM table2;

بناء جملة UNION ALL

SELECT column_name(s) FROM table1UNION ALL
SELECT column_name(s) FROM table2;
يحدد عامل التشغيل UNION القيم المميزة فقط بشكل إفتراضي.
للسماح بالقيم المُكررة، قم بإستخدم UNION ALL.
ملاحظة: أسماء الأعمدة في resultset تساوي عادةً أسماء الأعمدة في أول عبارة SELECT في UNION.
قاعدة بيانات تجريبية

CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexic

وإختيار من الجدول "الموردين":

SupplierIDSupplierNameContactNameAddressCityPostalCodeCountry
1Exotic LiquidCharlotte Cooper49 Gilbert St.LondonEC1 4SDUK
2New Orleans Cajun DelightsShelley BurkeP.O. Box 78934New Orleans70117USA
3Grandma Kelly's HomesteadRegina Murphy707 Oxford Rd.Ann Arbor48104USA

مثال علي SQL UNION


SELECT City FROM Customers
UNION
SELECT City FROM Suppliers
ORDER BY City;

إرجاع جملة SQL التالية المدن "القيم المميزة فقط" من "العملاء" وجدول "الموردين".
ملاحظة: إذا كان لدى بعض العملاء أو الموردين نفس المدينة، فسيتم إدراج كل مدينة مرة واحدة فقط،
نظراً لأن UNION لا يختار سوى القيم المميزة فقط. إستخدم UNION ALL لتحديد القيم المكررة أيضاً.

مثال علي SQL UNION ALL


SELECT City FROM Customers
UNION ALL
SELECT City FROM Suppliers
ORDER BY City;


ترجع عبارة SQL التالية المدن "القيم المكررة أيضاً " من كل من "العملاء" وجدول "الموردين".

مثال علي SQL UNION With WHERE


SELECT City, Country FROM Customers
WHERE Country='Germany'
UNION
SELECT City, Country FROM Suppliers
WHERE Country='Germany'
ORDER BY City;


ترجع العبارة SQL التالية المدن الألمانية "القيم المميزة فقط" من "العملاء" وجدول "الموردين".

مثال علي SQL UNION ALL With WHERE

SELECT City, Country FROM Customers
WHERE Country='Germany'
UNION ALL
SELECT City, Country FROM Suppliers
WHERE Country='Germany'
ORDER BY City;


ترجع عبارة SQL التالية المدن الألمانية "قيم مكررة أيضاً" من "العملاء" وجدول "الموردين".

مثال أخر علي SQL UNION


SELECT 'Customer' As Type, ContactName, City, Country
FROM Customers
UNION
SELECT 'Supplier', ContactName, City, Country
FROM Suppliers;

يسرد بيان SQL التالي جميع العملاء والموردين.

HTML Quotation

ما هي HTML Quotation ؟


العنصر HTML quote يقوم بتحديد الإقتباسات الصغيرة.
تقوم المتصفحات عادةً بإدخال علامات الإقتباس حول العنصر <q>.

مثال:


<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

HTML <blockquote> للإقتباسات
العنصر The HTML blockquote يُحدد القسم الذي يتم إقتباسه من مصدر آخر.
تقوم المتصفحات عادةً بالبدء بعناصر <blockquote>.
مثال:

<p>Here is HTML quotation a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

العنصر HTML abbr

العنصر HTML abbr هو عبارة عن إختصار.
يُمكن أن تُعطي علامات الإختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث المختلفة.

العنصر HTML Contact

يقوم بتحدد معلومات الإتصال مثل "المؤلف أو المالك" من وثيقة أو مقال.
مثال:


<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>


العنصر HTML Cite

يقوم بتحديد عنوان العمل.
تقوم المتصفحات عادة بعرض عناصر <cite> بشكل مائل أي في صورة خط من النوع Italic.
مثال:

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>


العنصر HTML bdo من أجل التجاوز ثنائي الإتجاه

يقوم هذا العنصر بتعريف التجاوز ثتائي الإتجاه.
يتم إستخدام العنصر <bdo> لتجاوز إتجاه النص الحالي:
مثال:

<bdo dir="rtl">This text will be written from right to left</bdo>




تنسيق النص داخل لغة HTML

HTML Text Formatting


يُحدد HTML عناصر خاصة لتعريف النص مع معنى خاص.
يستخدم HTML عناصر مثل <b> و <i> لتنسيق الإخراج، مثل النص الغامق أو المائل.
تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص.
العناصر المستخدمه فى HTML Text Formatting
<b>: نص عريض.
<strong>: نص مهم.
<i>: نص مائل>
<em>: النص المُحدد.
<mark>: النص المُحدد.
<small>: نص صغير.
<del>: النص المحذوف.
<ins>: النص الذي تم إدخاله.
<sub>: نص مُنخفض.
<sup>: نص فائق.

العنصري <b> و <strong>

يُعرف عنصر <b> النص دون وجود أي أهمية إضافية.
مثال:

<b>This text is bold</b>
العنصر <strong> يُستخدم من أجل عنصر يُعرف بالنص القوي، مع أهمية "قوية" الدلالية المُضافة.
مثال:
<strong>This text is strong</strong>

العنصرين <i> و <em>

العنصر <i> يُستخدم من أجل تعريف النص المائل دون أي أهمية إضافية.
مثال:

<i>This text is italic</i>
العنصر يُستخدم من أجل تحديد نص مُعين وتأكيده مع إضافة أهمية إضافية للنص الذي تم تحديده.
مثال:
<em>This text is emphasized</em>

ملاحظة: تعرض المُتصفحات <strong> كـ <b> و <em> كـ <i>.
ومع ذلك، هناك إختلاف في معنى هذه العلامات: <b> و <i> يُعرف بالنص الغامق والمائل،
ولكن <strong> و <em> يعني أن النص "مهم".

العنصر HTML Small

يُستخدم العنصر HTML Small من أجل تعريف أن هذا العنصر صغير.
مثال:


<h2>HTML <small>Small</small> Formatting</h2>

العنصر HRML Mark

العنصر الذي يحدد النص المميز أو الذي يتم وضع خط بأسفله.
مثال:

<h2>HTML <mark>Marked</mark> Formatting</h2>

العنصر del

يُعرف النص المحذوف "الذي تمت إزالته".
مثال:

<p>My favorite color is <del>blue</del> red.</p>

العنصر ins

يقوم بتحدد النص المضاف.
مثال:

<p>My favorite <ins>color</ins> is red.</p>

العنصر sub

يُعرف النص المكتوب.
مثال:
<p>This is <sub>subscripted</sub> text.</p>

SQL Self Join

ما هي SQL Self JOIN ؟


SQL Self JOIN هو إرتباط عادي، ولكن يتم ربط الجدول مع نفسه.

بناء جملة Self JOIN

SELECT column_name(s)FROM table1 T1, table1 T2WHERE condition;

قاعدة بيانات تجريبية

CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico

مثال علي SQL Self JOIN


SELECT A.CustomerName AS CustomerName1, B.CustomerName AS CustomerName2, A.City
FROM Customers A, Customers B
WHERE A.CustomerID <> B.CustomerID
AND A.City = B.City
ORDER BY A.City;


يقوم كود SQL السابق بمطابقة العملاء الذين ينتمون إلي نفس المدينة.

SQL FULL OUTER JOIN

ما هي SQL FULL OUTER JOIN ؟


SQL FULL OUTER JOIN تقوم بإعادة كافة السجلات عندما يكون هناك تطابق في أي من الجدولين الأيسر "الجدول 1" أو اليمين "الجدول 2".
ملاحظة: يُمكن أن يؤدي FULL OUTER JOIN إلى إرجاع مجموعات نتائج كبيرة جداً.

بناء جملة SQL FULL OUTER JOIN

SELECT column_name(s)FROM table1FULL OUTER JOIN table2 ON table1.column_name = table2.column_name;
قاعدة بيانات تجريبية

CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico

ومجموعة مختارة من جدول "الطلبات":

OrderIDCustomerIDEmployeeIDOrderDateShipperID
10308271996-09-183
103093731996-09-191
103107781996-09-202


مثال علي جملة SQL FULL OUTER JOIN

SELECT Customers.CustomerName, Orders.OrderID
FROM Customers
FULL OUTER JOIN Orders ON Customers.CustomerID=Orders.CustomerID
ORDER BY Customers.CustomerName;

تحدد عبارة SQL التالية جميع العملاء، وجميع الطلبات.
قد يبدو الإختيار من مجموعة النتائج هكذا:


OrderIDCustomerName
Alfreds Futterkiste
10308Ana Trujillo Emparedados y helados
10365Antonio Moreno Taquería
10382

10351


ملاحظة: تقوم الكلمة الأساسية FULL OUTER JOIN بإرجاع كافة الصفوف من الجدول الأيسر (Customers)،
وكافة الصفوف من الجدول الأيمن (Orders). إذا كانت هناك صفوف في "العملاء" لا تحتوي على تطابقات في "الطلبات"،
أو إذا كانت هناك صفوف في "الطلبات" لا تحتوي على تطابقات في "العملاء" ، فسيتم إدراج هذه الصفوف أيضاً.

الأنماط داخل لغة HTML Styles

HTML Styles


يُمكن ضبط  عنصر HTML، بإستخدام سمة Styles.
تحتوي سمة النمط HTML Styles على الصيغة التالية:
<tagname style="property:value;">

الخاصية هي خاصية CSS، القيمة هي قيمة CSS.

لون الخلفية داخل لغة HTML

تحدد خاصية لون الخلفية background لون الخلفية لعنصر HTML.
يعيّن هذا المثال لون الخلفية لصفحة إلى اللون powderblue:

مثال:

<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>


تغيير لون النص داخل لغة HTML

تُحدد خاصية اللون color: لون النص لعنصر HTML.

مثال:


<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

خاصية الخط داخل لغة HTML

تحدد خاصية font-family نوع الخط الذي سيتم إستخدامه لعنصر HTML:

مثال:


<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

حجم الخط داخل لغة HTML

تُحدد خاصية font-size حجم النص لعنصر HTML:
مثال:
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

محاذاة النص داخل لغة HTML

تُحدد خاصية محاذاة النص Font Align محاذاة النص الأفقي لعنصر HTML:
مثال:
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

ملخص درس HTML Styles

  • إستخدم سمة النمط Styles لتصميم عناصر HTML
  • إستخدم لون الخلفية background color لتغيير لون الخلفية
  • إستخدم اللون color لألوان النص.
  • استخدم عائلة الخط font family لتحديد نوع خطوط النص.
  • إستخدم حجم الخط font size لتحديد أحجام الخطوط داخل النصوص.
  • إستخدم محاذاة النص font align لمحاذاة النص.

SQL RIGHT JOIN

ما هي SQL RIGHT JOIN ؟


SQL RIGHT JOIN تقوم بإرجاع كافة السجلات من الجدول الصحيح "table2"، والسجلات المتطابقة من الجدول الأيسر "table1".
والنتيجة هي NULL فارغ من الجانب الأيسر، عندما لا يكون هناك أي تطابق.

بناء جملة RIGHT JOIN

SELECT column_name(s)
FROM table1
RIGHT JOIN table2 ON table1.column_name = table2.column_name;

ملاحظة: في بعض قواعد البيانات يُسمى RIGHT JOIN بإسم RIGHT OUTER JOIN.
قاعدة بيانات تجريبية
OrderIDCustomerIDEmployeeIDOrderDateShipperID
10308271996-09-183
103093731996-09-191
103107781996-09-202

وإختيار من جدول "الموظفين":
EmployeeIDLastNameFirstNameBirthDatePhoto
1DavolioNancy12/8/1968EmpID1.pic
2FullerAndrew2/19/1952EmpID2.pic
3LeverlingJanet8/30/1963EmpID3.pic

مثال علي SQL RIGHT JOIN


SELECT Orders.OrderID, Employees.LastName, Employees.FirstName
FROM Orders
RIGHT JOIN Employees ON Orders.EmployeeID = Employees.EmployeeID
ORDER BY Orders.OrderID;

ستقوم جملة SQL التالية بإرجاع كافة الموظفين وأية طلبات قد قاموا بوضعها.
ملاحظة: تقوم الكلمة الأساسية RIGHT JOIN بإرجاع كافة السجلات من الجدول الصحيح "Employees"، حتى إذا لم تكن هناك تطابقات في الجدول الأيسر "Orders".

SQL LEFT JOIN

ما هي SQL LEFT JOIN ؟


SQL LEFT JOIN تقوم الكلمة الأساسية LEFT JOIN بإرجاع كافة السجلات من الجدول الأيسر (table1)، والسجلات المتطابقة من الجدول الأيمن (table2).
والنتيجة هي فارغة "NULL" من الجانب الأيمن، إذا لم يكن هناك تطابق.

بناء جملة SQL LEFT JOIN

SELECT column_name(s)FROM table1LEFT JOIN table2 ON table1.column_name = table2.column_name;

ملاحظة: في بعض قواعد البيانات يسمى LEFT JOIN LEFT OUTER JOIN.
قاعدة بيانات تجريبية SQL JOIN 

CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico

OrderIDCustomerIDEmployeeIDOrderDateShipperID
10308271996-09-183
103093731996-09-191
103107781996-09-202


مثال SQL LEFT JOIN

SELECT Customers.CustomerName, Orders.OrderID
FROM Customers
LEFT JOIN Orders ON Customers.CustomerID = Orders.CustomerID
ORDER BY Customers.CustomerName;

سيحدد بيان SQL التالي جميع العملاء وأي طلبات قد تكون لديهم.
ملاحظة: تقوم الكلمة الأساسية JOEF LEFT بإرجاع كافة السجلات من الجدول الأيسر (Customers)، حتى إذا لم تكن هناك تطابقات في الجدول الصحيح (Orders).

SQL INNER JOIN

ما هي SQL INNER JOIN ؟


تحدد الكلمة الأساسية SQL INNER JOIN السجلات التي تحتوي على قيم متطابقة في كلا الجدولين.

بناء جملة SQL INNER JOIN

SELECT column_name(s)FROM table1INNER JOIN table2 ON table1.column_name = table2.column_name;
قاعدة بيانات تجريبية
في هذا البرنامج التعليمي، سوف نقوم بإستخدام قاعدة بيانات نموذج Northwind المعروفة.
يوجد أدناه اختيار من جدول "الطلبات":
OrderIDCustomerIDEmployeeIDOrderDateShipperID
10308271996-09-183
103093731996-09-191
103107781996-09-202
وإختيار من جدول "العملاء":
CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico


مثال علي SQL INNER JOIN

SELECT Orders.OrderID, Customers.CustomerName
FROM Orders
INNER JOIN Customers ON Orders.CustomerID = Customers.CustomerID;

تحدد عبارة SQL التالية جميع الطلبات بالإضافة إلي معلومات العميل.
ملاحظة: تحدد الكلمة الرئيسية INNER JOIN جميع الصفوف من كلا الجدولين طالما هناك تطابق بين الأعمدة.
إذا كانت هناك سجلات في جدول "الطلبات" التي لا تحتوي على مطابقات في "العملاء" ، فلن يتم عرض هذه الطلبات.

مثال علي JOIN Three Tables

SELECT Orders.OrderID, Customers.CustomerName, Shippers.ShipperName
FROM ((Orders
INNER JOIN Customers ON Orders.CustomerID = Customers.CustomerID)
INNER JOIN Shippers ON Orders.ShipperID = Shippers.ShipperID);
تحدد عبارة SQL التالية جميع الطلبات مع معلومات العملاء والشخص الذي قام بالشحن.

SQL JOIN

ما هي جملة SQL JOIN ؟


يتم إستخدام جملة JOIN لدمج صفوف من جدولين أو أكثر، إستناداً إلى عمود مرتبط بينهما.
دعونا ننظر إلى مجموعة مختارة من جدول "الطلبات":
OrderIDCustomerIDOrderDate
1030821996-09-18
10309371996-09-19
10310771996-09-20

ثم، إنظر إلى هذا التحديد من جدول "العملاء":
CustomerIDCustomerNameContactNameCountry
1Alfreds FutterkisteMaria AndersGermany
2Ana Trujillo Emparedados y heladosAna TrujilloMexico
3Antonio Moreno TaqueríaAntonio MorenoMexico

لاحظ أن العمود "معرف العميل" في الجدول "Orders" يشير إلى "CustomerID" في جدول "العملاء". العلاقة بين الجدولين أعلاه هو العمود "معرف العميل".
بعد ذلك، يمكننا إنشاء جملة SQL التالية (التي تحتوي على INNER JOIN) ، والتي تحدد السجلات التي تحتوي على قيم متطابقة في كلا الجدولين:

مثال:

SELECT Orders.OrderID, Customers.CustomerName, Orders.OrderDate
FROM Orders
INNER JOIN Customers ON Orders.CustomerID=Customers.CustomerID;
وستنتج شيئاً كهذا:
OrderDateCustomerNameOrderID
9/18/1996Ana Trujillo Emparedados y helados10308
11/27/1996Antonio Moreno Taquería10365
12/16/1996Around the Horn10383
11/15/1996Around the Horn10355


8/12/1996

Berglunds snabbköp10278


أنواع مختلفة من SQL JOINs

فيما يلي الأنواع المختلفة من JOINs داحل لغة SQL:

  • "INNER JOIN": إرجاع السجلات التي تحتوي على قيم متطابقة في كلا الجدولين.
  • "LEFT OUTER JOIN": إرجاع كافة السجلات من الجدول الأيسر، والسجلات المتطابقة من الجدول الصحيح.
  • "RIGHT OUTER JOIN": إرجاع كافة السجلات من الجدول الصحيح، والسجلات المتطابقة من الجدول الأيسر.
  • "FULL OUTER JOIN": إرجاع كافة السجلات عندما يكون هناك تطابق في أي من الجدول الأيسر أو الأيمن.

الفقرات داخل لغة HTML

ما هي HTML Paragraphs ؟


يُعرف عنصر HTML p الفقرة. ( الفقرات داخل لغة HTML )
مثال:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

ملاحظة: تقوم المتصفحات تلقائياً بإضافة بعض المسافات البيضاء "الهامش" قبل وبعد الفقرة.

عرض HTML

لا يُمكنك التأكد من كيفية عرض HTML.
ستؤدي الشاشات الكبيرة أو الصغيرة والنوافذ التي تم تغيير حجمها إلى نتائج مختلفة.
بإستخدام HTML، لا يُمكنك تغيير الإخراج عن طريق إضافة مسافات أو أسطر إضافية في شفرة HTML الخاصة بك.
سيزيل المُتصفح أي مسافات وخطوط إضافية عند عرض الصفحة.
مثال:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

لا تنسي وسم النهاية

ستعرض معظم المتصفحات HTML بشكل صحيح حتى إذا نسيت وسم النهاية.
مثال:
<p>This is a paragraph>.
<p>This is another paragraph>.


ملاحظة: يمكن أن يؤدي إسقاط أو نسيان وسم النهاية إلى نتائج أو أخطاء غير متوقعة.

فواصل الخط داخل لغة HTML

يقوم عنصر HTML br  بتعريف فاصل الأسطر.
إستخدم وسم <br> إذا كنت تريد فاصل أسطر "سطر جديد" بدون البدء في فقرة جديدة.
مثال:
<p>This is<br>a paragraph<br>with line breaks.</p>
الوسم<br> هي علامة فارغة، مما يعني أنها لا تحتوي على وسم نهاية.

المشكلة Poem

سيتم عرض هذه القصيدة على سطر واحد:
مثال:

<p>

My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.

</p>

العنصر <pre>

يُعرف هذا العنصر النص المُعرف مُسبقاً.
يتم عرض النص داخل عنصر <pre> في خط ذو عرض ثابت "عادة Courier"، ويُحافظ على كل من المسافات وفواصل الأسطر.
مثال:

<pre>

My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.

</pre>

الأسماء المستعارة داخل لغة SQL

ما هي الأسماء المستعارة داخل لغة SQL ؟


يتم استخدام الأسماء المستعارة SQL لإعطاء جدول أو عمود في جدول، إسم مؤقت.
غالباً ما يتم إستخدام الأسماء المستعارة لجعل أسماء الأعمدة أكثر قابلية للقراءة.
يوجد إسم مستعار فقط لمدة الإستعلام.

بناء جملة عمود الإسم المستعار Alias Column Syntax

SELECT column_name AS alias_nameFROM table_name;

بناء جملة جدول الإسم المستعار

SELECT column_name(s)FROM table_name AS alias_name;

قاعدة بيانات تجريبية

يوجد أدناه إختيار من جدول "العملاء"

CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico
4Around the HornThomas Hardy120 Hanover Sq.LondonWA1 1DPUK


ومجموعة مختارة من جدول "الطلبات".
OrderIDCustomerIDEmployeeIDOrderDateShipperID
103545881996-11-143
10355461996-11-151
103568661996-11-182

أمثلة علي الأسماء المستعارة في أعمدة

SELECT CustomerID AS ID, CustomerName AS Customer
FROM Customers;
تقوم عبارة SQL التالية بإنشاء إسمين مستعارين، أحدهما لعمود معرف العميل والآخر لعمود "إسم العميل".
SELECT CustomerName AS Customer, ContactName AS [Contact Person]
FROM Customers;

ينشئ عبارة SQL التالية اثنين من الأسماء المستعارة ، أحدهما لعمود CustomerName والآخر لعمود "اسم جهة الاتصال". ملاحظة: تتطلب علامات اقتباس مزدوجة أو أقواس مربعة إذا كان الاسم المستعار يحتوي على مسافات.
SELECT CustomerName, Address + ', ' + PostalCode + ' ' + City + ', ' + Country AS Address
FROM Customers;

تنشئ عبارة SQL التالية اسمًا مستعارًا باسم "العنوان" الذي يضم أربعة أعمدة (العنوان والرمز البريدي والمدينة والبلد).
ملاحظة: للحصول على عبارة SQL أعلاه للعمل في MySQL، إستخدم التالي

SELECT CustomerName, CONCAT(Address,', ',PostalCode,', ',City,', ',Country) AS Address
FROM Customers;

أمثلة علي الأسماء المستعارة في جداول


SELECT o.OrderID, o.OrderDate, c.CustomerName
FROM Customers AS c, Orders AS o
WHERE c.CustomerName="Around the Horn" AND c.CustomerID=o.CustomerID;

تحديد جملة SQL التالية كافة الطلبات من العميل مع CustomerID = 4 "حول القرن".
نستخدم جداول "العملاء" و "الطلبات" ،
ونمنحها الأسماء المستعارة للجدولين "c" و "o" على التوالي "هنا نستخدم الأسماء المستعارة لجعل SQL أقصر".
SELECT Orders.OrderID, Orders.OrderDate, Customers.CustomerName
FROM Customers, Orders
WHERE Customers.CustomerName="Around the Horn" AND Customers.CustomerID=Orders.CustomerID;

عبارة SQL التالية هي نفسها كما أعلاها، ولكن بدون إستخدام الأسماء المستعارة.

يمكن أن تكون الأسماء المستعارة مفيدة عندما:

  • هناك أكثر من جدول واحد يُشارك في إستعلام.
  • يتم إستخدام الدالات في الإستعلام.
  • أسماء الأعمدة كبيرة أو غير قابلة للقراءة.
  • يتم دمج عمودين أو أكثر معاً.

مشغل SQL BETWEEN

ما هو مشغل SQL BETWEEN ؟


يحدد عامل التشغيل BETWEEN القيم ضمن نطاق معين. يمكن أن تكون القيم أرقام أو نصوص أو تواريخ.
مشغل BETWEEN شامل، يتم تضمين قيم البداية والنهاية.

بناء جملة BETWEEN

SELECT column_name(s)FROM table_nameWHERE column_name BETWEEN value1 AND value2;

قاعدة بيانات مشغل SQL BETWEEN

ProductIDProductNameSupplierIDCategoryIDUnitPrice
1Chais1110 boxes x 20 bags18
2Chang1124 - 12 oz bottles19
3Aniseed Syrup1212 - 550 ml bottles10
4Chef Anton's Cajun Seasoning1248 - 6 oz jars22
5Chef Anton's Gumbo Mix1236 boxes21.35


أمثلة علي المشغل BETWEEN

SELECT * FROM Products
WHERE Price BETWEEN 10 AND 20;
تحدد عبارة SQL التالية جميع المنتجات بسعر يتراوح بين 10 و 20.

مثال علي المشغل NOT BETWEEN

SELECT * FROM Products
WHERE Price NOT BETWEEN 10 AND 20;
لعرض المنتجات خارج نطاق المثال السابق، إستخدم NOT BETWEEN.

مثال علي BETWEEN و IN في جملة واحدة


SELECT * FROM Products
WHERE (Price BETWEEN 10 AND 20)
AND NOT CategoryID IN (1,2,3);

تحدد عبارة SQL التالية جميع المنتجات بسعر بين 10 و 20. بالإضافة إلى ذلك ؛ لا تعرض المنتجات ذات فئة CategoryID البالغة 1،2 أو 3.

مثال علي BETWEEN Text Values

SELECT * FROM Products
WHERE ProductName BETWEEN 'Carnarvon Tigers' AND 'Mozzarella di Giovanni'
ORDER BY ProductName;
تحدد عبارة SQL التالية جميع المنتجات ذات اسم المنتج بين 'نمور كارنارفون' و 'موتزاريلا دي جيوفاني.

مثال علي NOT BETWEEN Text Values


SELECT * FROM Products
WHERE ProductName NOT BETWEEN 'Carnarvon Tigers' AND 'Mozzarella di Giovanni'
ORDER BY ProductName;

تحدد عبارة SQL التالية جميع المنتجات التي تحمل اسم المنتج  "كارنارفون تايغر" والتي ليست بين المنتجات ذات الإسم "موزاريلا دي جيوفاني".

جدول عينات

يوجد أدناه تحديد من جدول "الطلبات" في قاعدة بيانات نموذج:
OrderIDCustomerIDEmployeeIDOrderDateShipperID
102489057/4/19963
102498167/5/19961
102503447/8/19962
102518437/9/19961
102527647/10/19962


أمثلة علي BETWEEN Dates

SELECT * FROM Orders
WHERE OrderDate BETWEEN #01/07/1996# AND #31/07/1996#;

أو:
SELECT * FROM Orders
WHERE OrderDate BETWEEN '1996-07-01' AND '1996-07-31';

تحدد عبارة SQL التالية جميع الطلبات مع "تاريخ الطلب" بين تاريخ 31 يونيو 1996 و1 يوليو 1996.

مشغل The SQL IN

ما هو مشغل SQL IN ؟


مشغل The SQL IN يسمح لك عامل التشغيل IN بتحديد قيم متعددة في جملة WHERE.
عامل التشغيل IN هو اختصار لظروف متعددة.

بناء جملة SQL IN

SELECT column_name(s)FROM table_nameWHERE column_name IN (value1, value2, ...);

أو:

SELECT column_name(s)FROM table_nameWHERE column_name IN (SELECT STATEMENT);

قاعدة بيانات على مشغل SQL IN


CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico
4Around the HornThomas Hardy120 Hanover Sq.LondonWA1 1DPUK
5Berglunds snabbköpChristina BerglundBerguvsvägen 8LuleåS-958 22Sweden


أمثلة علي المشغل  SQL IN

SELECT * FROM Customers
WHERE Country IN ('Germany', 'France', 'UK');
تحديد جملة SQL التالية كافة العملاء الموجودة في "ألمانيا" و "فرنسا" و "المملكة المتحدة".
SELECT * FROM Customers
WHERE Country NOT IN ('Germany', 'France', 'UK');


تحدد عبارة SQL التالية جميع العملاء غير الموجودين في "ألمانيا" أو "فرنسا" أو "المملكة المتحدة".

SELECT * FROM Customers
WHERE Country IN (SELECT Country FROM Suppliers);
تحدد عبارة SQL التالية جميع العملاء من نفس البلدان مثل الموردين.

العناوين داخل لغة HTML

ما هي العناوين داخل لغة HTML ؟


يتم تعريف العناوين داخل لغة HTML بالوسم <h1> إلى <h6>.
<h1> يحدد العنوان الأكثر أهمية.
<h6> يحدد العنوان الأقل أهمية.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
مثال:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

ملاحظة: تقوم المتصفحات تلقائياً بإضافة بعض المسافات البيضاء "الهامش" قبل العنوان وبعده.

العناوين مهمة فى لغة HTML

تستخدم محركات البحث العناوين لفهرسة بنية ومحتوى صفحات الويب الخاصة بك.
يتصفح المستخدمين صفحات موقعك حسب عناوينها.
من المهم إستخدام العناوين لإظهار بنية المستند.
<h1> يجب إستخدام العناوين للعناوين الرئيسية، متبوعة بالعناوين <h2>، ثم أقل أهمية <h3> وهكذا.
ملاحظة: إستخدم عناوين HTML للعناوين فقط.
لا تستخدم العناوين لجعل النص كبير أو غامقاً bold.

العناوين الأكبر

كل عنوان HTML له حجم إفتراضي.
ومع ذلك، يُمكنك تحديد حجم أي عنوان بإستخدام سمة النمط، وذلك بإستخدام الخاصية font-size الخاصة بـ CSS.
مثال:

<h1 style="font-size:60px;">Heading 1</h1>

القواعد الأفقية في لغة HTML

تحدد الوسم<hr> فاصلاً موضعياً في صفحة HTML، ويتم عرضها غالباً كقاعدة أفقية.
يتم إستخدام عنصر <hr> لفصل المحتوى أو تحديد تغيير في صفحة HTML.
مثال:

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

العنصر head داخل لغة HTML

العنصر HTML Head
عنصر HTML head ليس له علاقة بالعناوين داخل لغة HTML.
العنصر <head> عبارة عن حاوية للبيانات الوصفية.
بيانات HTML الوصفية هي بيانات عن مستند HTML، البيانات الوصفية غير معروضة.
يتم وضع العنصر <head> بين وسم <html> وسم <body>.
مثال:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.


ملاحظة: تحدد البيانات التعريفية عادة عنوان المستند ومجموعة الأحرف والأنماط والروابط والنصوص البرمجية وغيرها من معلومات التعريف.

كيفية عرض المصدر داخل لغة HTML ؟

هل سبق لك أن رأيت صفحة ويب وتساءلت "مهلاً ! كيف فعلوا ذلك ؟

عرض مصدر الكود في لغة HTML:

إنقر بزر الماوس الأيمن في صفحة HTML وحدد "عرض مصدر الصفحة" "في Chrome" أو "عرض المصدر" (في IE) أو ما شابه في المتصفحات الأخرى.
سيؤدي هذا إلى فتح نافذة تحتوي على شفرة مصدر HTML للصفحة.
يُمكنك أيضاً تحرير HTML أو CSS أثناء التنقل في لوحة Elements أو Styles التي تُفتح.

المرجعة للوسم داخل لغة HTML

الوسمالوصف
<html>يحدد جذر وثيقة HTML.
<body>يُحدد جسم الوثيقة.
<head>حاوية لجميع عناصر الرأس (العنوان، والنصوص، والأنماط، والمعلومات الوصفية، والمزيد).
<h1> to <h6>يُعرف عناوين HTML.
<hr>يُعرف التغيير الموضوعي في المحتوى.

أحرف البدل في لغة SQL

ما هي أحرف البدل في لغة SQL ؟


أحرف البدل يتم إستخدام أحرف البدل لإستبدال أي حرف بأحرف أخرى في السلسلة.
يتم إستخدام أحرف البدل مع عامل التشغيل SQL LIKE.
يتم إستخدام معامل LIKE في جملة WHERE للبحث عن نمط محدد في عمود.
هناك نوعان من أحرف البدل المستخدمة مع مشغل LIKE:
٪ : يُمثل علامة النسبة المئوية صفر أو واحد أو عدة أحرف.
_: يُمثل تسطير أسفل السطر حرف واحد.
ملاحظة: يُستخدم MS Access علامة إستفهام (؟) بدلاً من تسطير أسفل السطر (_).
في MS Access و SQL Server، يُمكنك أيضاً إستخدام:
[charlist]: لتحديد مجموعات ونطاقات من الأحرف للتوافق.
[^ charlist] أو [! charlist]: يتم تعريف المجموعات ونطاقات الحروف غير المطابقة.
يُمكن أيضاً إستخدام أحرف البدل في مجموعات.
في ما يلي بعض الأمثلة التي توضح مختلف معاملات LIKE التي تحتوي على أحرف البدل "٪" و "_".
LIKE Operatorالوصف
حيث يوجد CustomerName LIKE 'a٪'البحث عن أي قيم تبدأ بـ "a"
حيث يوجد CustomerName LIKE '٪ a'البحث عن أي قيم تنتهي بـ "a"
حيث CustomerName LIKE '٪ أو٪يجد أي قيم لها "أو" في أي موضع
حيث CustomerName LIKE '_r%يجد أي قيم لها "r" في الموضع الثاني
حيث CustomerName LIKE 'a _%_%'البحث عن أي قيم تبدأ بـ "a" وتكون 3 أحرف على الأقل في الطول
حيث ContactName LIKE 'a٪ oالبحث عن أي قيم تبدأ بـ "a" وتنتهي بـ "o"


قاعدة بيانات أحرف البدل في لغة SQL

CustomerIDCustomerNameContactNameAddressCityPostalCodeCountry
1Alfreds FutterkisteMaria AndersObere Str. 57Berlin12209Germany
2Ana Trujillo Emparedados y heladosAna TrujilloAvda. de la Constitución 2222México D.F.05021Mexico
3Antonio Moreno TaqueríaAntonio MorenoMataderos 2312México D.F.05023Mexico
4Around the HornThomas Hardy120 Hanover Sq.LondonWA1 1DPUK
5Berglunds snabbköpChristina BerglundBerguvsvägen 8LuleåS-958 22Sweden

مثال علي علامة البدل %


SELECT * FROM Customers
WHERE City LIKE 'ber%';

تحدد عبارة SQL التالية جميع العملاء الذين لديهم مدينة تبدأ بـ "ber".


SELECT * FROM Customers
WHERE City LIKE '%es%';


تحدد عبارة SQL التالية جميع العملاء الذين لديهم مدينة تحتوي على نمط "es"

مثال علي علامة البدل _


SELECT * FROM Customers
WHERE City LIKE '_erlin';

تحدد عبارة SQL التالية جميع العملاء الذين لديهم مدينة تبدأ بأي حرف ، متبوعًا بـ "erlin".

SELECT * FROM Customers
WHERE City LIKE 'L_n_on';

تحدد عبارة SQL التالية جميع العملاء الذين لديهم مدينة تبدأ بـ "L" ، متبوعًا بأي حرف ، متبوعًا بـ "n" ، متبوعًا بأي حرف ، متبوعًا بـ "on".

مثال علي حرف البدل [charlist]


SELECT * FROM Customers
WHERE City LIKE '[bsp]%';

تحدد عبارة SQL التالية جميع العملاء الذين لديهم مدينة تبدأ بـ "b" أو "s" أو "p".

SELECT * FROM Customers
WHERE City LIKE '[a-c]%';

تحدد عبارة SQL التالية جميع العملاء الذين لديهم مدينة تبدأ بـ "a" أو "b" أو "c".

مثال علي حرف البدل [!charlist]


SELECT * FROM Customers
WHERE City LIKE '[!bsp]%';
تقوم عبارات SQL التالية بتحديد جميع العملاء الذين لديهم City NOT يبدأ بـ "b" أو "s" أو "p".
أو:

SELECT * FROM Customers
WHERE City NOT LIKE '[bsp]%';
هذا كان كل شئ عن " أحرف البدل في لغة SQL "