لغة SQL

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

تم تطوير هذه اللغة في البداية من قبل شركة IBM وذلك في منتصف السبعينات وكانت تسمى System R حيث كانت عبارة عن نموذج لنظام إدارة قواعد معطيات علاقاتية . بعدها تم توصيف لغة SQL في تشرين الثاني 1976 في مجلة IBM Journal of R&D باسم SEQUEL2 ومن ثم قامت شركة ORACLE في عام 1979 بإنزال أول نسخة تجارية من SQL .

لغة SQL عبارة عن لغة غير إجرائية Non-Procedural Language لأنها تتعامل مع مجموعة سجلات في الوقت نفسه وليس سجل وحيد كما أنها تمكننا من استكشاف المعطيات تلقائياً .www.tartoos.com

تحتوي لغة SQL على تعليمات تفيد المستخدمين وتمكنهم من إدارة النظام وقواعد المعطيات والتطبيقات كما أنها تحتوي على أوامر لإنجاز مهام مختلفة ومتعددة كالبحث عن المعطيات والتعامل مع قواعد المعطيات والسجلات وتضمن تناسق وتكاملية المعطيات .www.tartoos.com



لكن ما الفرق بين SQL و SQL * Plus ؟

كما ذكرنا فإن SQL عبارة عن لغة تعليمات للاتصال بمخدم أوراكل Oracle Server من خلال أية أداة أو أي تطبيق . وعندما تقوم بكتابة تعليمة SQL يتم تخزينها في جزء من الذاكرة يسمى ذاكرة SQL المؤقتة SQL buffer وتبقى فيها حتى تقوم بكتابة تعليمة جديدة .www.tartoos.com

أما SQL*Plus فهي عبارة عن أداة من أدوات أوراكل يمكنها التعرف على تعليمات SQL وإرسالها الى مخدم أوراكل لتنفيذها , وهي تمتلك تعليمات إضافية خاصة بها .

تسجيل الدخول الى SQL*Plus 

يمكنك القيام بذلك باستخدام أحد الطريقتين التاليتين :

-1 من خلال بيئة Windows بطلب الأمر :

Start Programs Oracle-OraHome81 Application Development SQL*Plus

تظهر نافذة تسجيل الدخول , قم بإدخال اسم المستخدم User Name , وكلمة المرور Password , وسلسلة محارف الحاسب المضيف Host String . 

في حال العمل على المخدم فلا داعي لكتابة سلسلة محارف الحاسب المضيف , أما عند العمل على الحاسوب الزبون فيجب تحديد اسم المخدم Service .

-2 من خلال سطر الأوامر Command Line :

تأخذ تعليمة تسجيل الدخول الى SQL*Plus الشكل التالي :

Sqlpus [ username [/password [@database]]] 

يمكن كتابة التعليمة التالية : sqlplus scott/tiger@mohib

أوامر تحرير SQL*Plus

يمكنك بعد كتابة أوامر SQL إجراء عمليات التحرير عليها باستخدام وأوامر SQL*Plus . سنقوم في هذه الفقرة بشرح هذه الأوامر مع إعطاء الأمثلة الموضحة .

www.tartoos.com

أمر الإضافة Append

تسمح بإضافة تعليمات الى نهاية السطر الحالي .

شكل هذه التعليمة : A [PPEND] text 

إذا كتبنا التعليمة التالية : sql > select ename from

وإذا أردنا إضافة اسم الجدول emp نكتب : Sql > A emp;

وهنا تصبح التعليمة على الشكل : sql > select ename from emp ; 

www.tartoos.com

أمر التعديل Change

يسمح هذا الأمر بتغيير كلمة ما ضمن التعليمة بكلمة أخرى .

الشكل العام لهذا الأمر : / old / new sql> c[ HANGE]

أو بحذف نص ما بكتابة الأمر : sql> c[HANGE] / text /

وإذا لم نضع أي نص جديد بدلاً عن القديم يعني حذفه .

وإذا كانت لدينا العبارة التالية : sql> select enamee from mp dept ; 

وإذا أردنا تغيير كلمة enamee الى ename نكتب الأمر : sql> c/enamee/ename

ولتكن لدينا مثلاً العبارة التالية : sql> select ename from emp dept ; 

فإذا أردنا حذف كلمة dept نكتب : sql> c / dept /

فتصبح العبارة بعد الحذف : sql> select ename from emp ; 

أمر مسح دارئ Clear buffer SQL

كما ذكرنا فإنه يتم تخزين أي تعليمة من تعليمات SQL في ذاكرة مؤقتة تسمى دارئ SQL buffer , يمكننا مسح هذه الذاكرة بكتابة الأمر : sql> Clear Buffer ( cl buff )

لتكن العبارة التالية : sql> select * from tab ; 

هذه التعليمة خزنت ضمن الدارئ Buffer ( المخزن المؤقت ) .

وعندما نعطي تعليمة cl buff بحذف كل الأسطر المخزنة في المخزن المؤقت لـ sql .

www.tartoos.com

أمر حذف الأسطر Delete

يقوم هذا الأمر بحذف الأسطر من التعليمات وهي تأخذ الشكل : sql > DEL [ n / n m ]

فيمكننا مثلاً حذف السطر الحالي بكتابة الأمر : sql> DEL 

ويمكننا أيضاً حذف السطر رقم 2 بكتابة الأمر : sql> DEL 2 

أما لحذف الأسطر من 2 الى 4 فنكتب الأمر : sql> DEL 2 , 4 

www.tartoos.com

أمر الإدراج Insert

يفيد هذا الأمر في إدراج عدد غير محدد من الأسطر الى تعليمة معينة , تأخذ هذه التعليمة الشكل : sql> I [ NPUT ] [ text ]

أمر إظهار مجموعة أسطر من دارئ SQL

الشكل العام لهذا الأمر : Sql> L[ IST ] [ n / n m ]

يمكن إظهار السطر الحالي بكتابة الأمر : sql> L 

أما لإظهار السطر رقم 2 نكتب : sql> L 2

ولإظهار الأسطر من 2 الى 4 نكتب : sql> L 2 , 4

تنفيذ التعليمة Run

يمكن تنفيذ تعليمة sql الموجودة في ذاكرة AQL المؤقتة بكتابة الأمر : sql>R[UN]

نقل مؤشر الأسطر 

يمكن نقل مؤشر الأسطر ضمن التعليمة الموجودة في الذاكرة المؤقتة بكتابة رقم السطر المطلوب الانتقال عليه , مثلاً لجعل السطر 2 هو السطر الحالي نكتب : sql>2

ويمكن تبديل هذا السطر بكتابة الأمر : sql>2 text

يمكننا أيضاً إدراج سطر جديد قبل السطر الأول بكتابة الأمر : sql>0 text

أوامر الملفات في SQL*PLUS 

أمر الحفظ Save 

يمكن حفظ محتوى ذاكرة SQL المؤقتة في ملف بكتابة الأمر : sql> SAV[E] filename[.ext]

الامتداد الافتراضي للملف هو (.sql)

www.tartoos.com

أمر جلب محتوى ملف Get

يستدعي هذا الملف محتوى آخر ملف تم حفظه ضمن ذاكرة SQL المؤقتة , الشكل العام لهذا الأمر : sql> GET filename[.ext] 



أمر تنفيذ محتوى ملف Star

يمكننا القيام ملف تم حفظه من قبل بكتابة الأمر : sql> START[T] filename[.ext] 

أو الأمر : sql> @ filename [.ext] 

فمثلاً إذا أردنا تنفيذ محتوى الملف mohib.sql نكتب الأمر : sql> START mohib.sql

أو : sql> @ mohib.sql

www.tartoos.com

تشغيل برنامج التحرير Edit

يمكن تشغيل المحرر وحفظ محتوى ذاكرة SQL المؤقتة الى ملف بالاسم afied.buf

بكتابة الأمر : sql > ED[it]

أما لتحرير محتوى ملف ما , نكتب الأمر : sql> ED[it] [ filename] [ .ext] 

www.tartoos.com

تخزين نتيجة استعلام Spool

يمكننا حفظ نتائج استعلام معين في ملف بكتابة الأمر : 

sql> SPO[ol ] [filename[.ext]] [OFF/OUT]

حيث :

OFF : لإغلاق ملف النتائج

OUT : لإغلاق ملف النتائج وإرساله الى الطابعة .

فمثلاً إذا قمنا بكتابة الأوامر التالية : 

Sql> spool test

Sql> select …..

Sql> spool off

فإذا تم فتح الملف test ووضع نتيجة الاستعلام فيه الى أن يتم إغلاقه بالأمر spool off .



إظهار بنية جدول Describer

تستطيع إظهار بنية جدول بكتابة الأمر : sql> DESC[RIBER] tablename

لإظهار بنية الجدول emp نكتب الأمر : sql> DESC emp ;

تفضلو بطرح الاسئلة

نحن هنا لتعلم والتعليم عليكم الان الاسئله في اي لغة برمجة كانت 

مقدمة في HTML (الدرس الثاني), تابع دروس تصميم المواقع بإستخدام تقنية ال ASP.NET

السلام عليكــم ورحمـة الله وبركاتــه ،،

في الدرس السابق تم الحديث عن وجود خصائص attribute خاصة بكل وسم tag فدعونا لنخوض بال attribute 
سيكون التطبيق على ال body و لكن يمكن استخدام ال attribute أوسمة اخرى 
ولمزيد من المعلومات حول اماكن استخدام ال attribute يمكن مراجعة الرابط التالي HTML Attributes

ولكن دعونا نبدأ بشرح ال attributes

أول attribute هو bgcolor وهو الذي يقوم بتغيير الخلفية البيضاء 
لأي لون نختاره
ويكتب اللون اما بالاحرف كالألوان المعروفة red,white,blue....etc
أو يكتب بإستخدام أرقام النظام السادس عشر hexadecimal مكون من 6 خانات و لتميزه عن باقي الكود نبدؤه ب #
#000000 يعطينا اللون الأسود أما #FFFFFF يعطينا اللون الأسود
قبل التطبيق علينا أن نتحدث عن أساسيات الألوان
هناك ثلاثة ألوان أساسية وهي مختصرة في كلمة RGB
كما في الصورة موضحة


وكل لون له قيمة من 0 حتي 255 أي أن لدينا من اللون الواحد 256 درجة
مثل هذه الصورة 


نأتي لنطبق بالكود التالي
في حالة كتابتنا اللون بالأحرف 

HTML كود

<HTML>
<HEAD>
<TITLE>
My First Page
</TITLE>
</HEAD>
<BODY Dir=rtl bgcolor=red>
Hello, To My First Page
</BODY>
</HTML>

سنلاحظ أن الخلفية قد أصبحت باللون الأحمر



أما في حال كتابتنا للون بالأرقام
يكون الكود كالتالي

HTML كود

<HTML>
<HEAD>
<TITLE>
My First Page
</TITLE>
</HEAD>
<BODY Dir=rtl bgcolor=#5847ِAB>
Hello, To My First Page
</BODY>
</HTML>

سنلاحظ ان الخلفيه قد تغيرت لدرجة اللون التي قمنا بإختيارها بالأرقام




ولتغيير لون الخط لكل صفحة الويب نستخدم attribute 
text بإمكاننا كما في الخلفية الأرقام و الحروف

HTML كود

<HTML>
<HEAD>
<TITLE>
My First Page
</TITLE>
</HEAD>
<BODY Dir=rtl bgcolor=#5847AB text=white>
Hello, To My First Page
<br>
I Hope To Enjoy With Me
</BODY>
</HTML>

وهناك attribute سيعجب الكل وهوا إدارج صورة بدلا من الخلفية 
البيضاء أو الخلفية الملونة وهو background حيث نأتي باسم الصورة 
وامتدادها 
كالكود التالي

HTML كود

<HTML>
<HEAD>
<TITLE>
My First Page
</TITLE>
</HEAD>
<BODY Dir=rtl bgcolor=#5847AB text=006A00 background=Recycle two>
Hello, To My First Page
<br>
I Hope To Enjoy With Me
</BODY>
</HTML>

أين الصورة التي قمنا بوضعها؟ هل هناك خطأ بالكود, لا يوجد أي خطأ في الكود
ولكن هناك ملاحظة صغيرة وهي عندما تكون اسم الصورة في داخلها اي مسافات 
فعلينا عند كتابتها أن نضع علامات التنصيص الزوجية " اسم الصورة " أو
الفردية ' اسم الصورة '
لنعيد كتابة الكود مرة أخري بإستخدام علامات التنصيص

HTML كود

<HTML>
<HEAD>
<TITLE>
My First Page
</TITLE>
</HEAD>
<BODY Dir=rtl bgcolor=#5847AB text=006A00 background="Recycle two.jpg">
Hello, To My First Page
<br>
I Hope To Enjoy With Me
</BODY>
</HTML>

سنلاحظ بوجود الصورة التي قمنا بوضعها

ماذا لو أردنا إدارج صورة صغيرة في صفحتنا, هنا سنتدرج إلي الحديث

إلي وسم جديد وهو وسم img
من اهم ال attributes داخل الوسم
src وهي attribute تحدد موقع و اسم الصورة ولتحديد عرض وارتفاع معين
للصورة نستخدم كل من width لتحديد العرض height لتحديد الإرتفاع
ولكن الملاحظة الأهم لابد من وضع الصورة مع نفس ملف ال HTML في نفس المجلد
كالكود التالي

كود

Hello,  To My First Page


I Hope To Enjoy With Me

وسنلاحظ ادراج الصورة 



قد يتساءل البعض في حين اني قمت بعمل موقع كبير و تطلب مني وضع جميع الصور
في مجلد آخر قد قمت بتسميته images كيف لي ان استدعي الصورة؟؟
كالشكل التالي



بكتابة مسار الصورة داخل attribute المسمي src 
كالكود التالي

كود

Hello,  To My First Page


I Hope To Enjoy With Me

وسنلاحظ ادراج الصورة 



ماذا لو كان لدينا مجلد يختص بصفحات الموقع ومجلد آخر يختص بالصور
كيف سنقوم باستدعاء الصورة؟
كأن يقوم احدنا بعمل مجلد تسميته web وبجانبه مجلد images
كالشكل التالي



ويحتوي مجلد الweb علي صفحة الموقع الخاص بنا
كالشكل التالي




سيتم الاستدعاء كالتالي
بوضع نقطتين وإشارة / قبل اسم المجلد
كالكود التالي

كود

Hello,  To My First Page


I Hope To Enjoy With Me

وسنلاحظ ادراج الصورة





ما معني وجود "../" قبل اسم المجلد 
هذا يعني ان يتوجه المتصفح عند عرض الصورة للخروج من المجلد 
الموجود به صفحة الموقع والدخول إلي مجلد images
(بمعني انه يقوم بعمل خطوة للخلف)

ودعونا ننخوض في الحديث لوسم آخر وهو وسم الخط font
يحتوي وسم الخط علي attributes عده اهمها
face وهي التي تحدد نوع الخط (ويمكننا هنا تحديد أكثر من نوع من الخطوط علي حسب الأولوية بحيث ان لم
يجد المتصفح النوع الأول فإنه يتجه إلي النوع الثاني و هكذا...)
size وهي التي تحدد حجم الخط من حجم "1" إلي الحجم "7"
color تحديد لون الخط سواء كان بالأحرف أو بالأرقام
ويكتب بالشكل التالي

HTML كود

<HTML>
<HEAD>
<TITLE>
My First Page
</TITLE>
</HEAD>
<BODY Dir=rtl bgcolor=black >
<font face="Arial,Time New Roman" size=6 color=red>
Hello, To My First Page
<br>
I Hope To Enjoy With Me
<br>
</font>
</BODY>
</HTML>

سنلاحظ بوجود التنسيقات التي قمنا بكتابتها



الى هنا ننتهي من شرح مقدمة بسيطة عن الattributes و لكنها تحتاج من المتدرب بحث و تجربة 

أي سؤال بخصوص الدرس أكيد جاهزين ان شاء الله للإجابة عليه  

لتحميل الصور الموجودة بالملفات  



.:. دروس تصميم المواقع بإستخدام تقنية ال ASP.NET .:.

تعلم ASP.Net

تعد HTML أبسط لغات البرمجة حيث أنها لا تعد لغه برمجة كاللغات الأخري وذلك لعدم احتياجها ل compiler او إحتوائها علي القواعد الموجوده في أي لغة برمجة أخري (loop,variables,inhertance,database...etc) ولكنها من أهم الأدوات لتصميم صفحات الإنترنت بأبسط الطرق دون الحاجه لسيرفرات معينة أو أدوات خاصه
لذلك أيضا تعد HTML من المواقع الساكنة (static website) وليست الديناميكيه (dynamic website).



ونذكر هنا ما الفرق بين المواقع الساكنة و المواقع الديناميكية؟

المواقع الساكنة هي المواقع البسيطة التي تحتوي علي النصوص و الصور الثابتة أو المتحركة, فهي لا تحتوي على لوحة تحكم أو تتصل بقاعدة بيانات لعمل تحديث للبيانات أو أي عملية من العمليات المعروفة كالإضافة
أو الحذف أو التعديل وغيره.
أما المواقه الديناميكية هي المواقع الأكثر تطورا من المواقع الساكنة حيث تتيح لصاحب الموقع بتحديث بيانات موقعه و إضافة أو حذف و تعديل أي من البيانات من خلال لوحة تحكم متصلة بقاعدة بيانات للموقع.

نبدأ الآن بالحديث عن HTML 

تعتمد ال HTML بنسبة 90% على الوسوم Tags
فيكتب كالتالي 

HTML كود

<TAG/>...هنا النص المراد تنسيقه...<TAG>

فالوسم بتكون من بداية للوسم
ومن النهايه حيث لابد ان تحتوي نهاية الوسم على /

ولكن صفحة ال HTML تحتوي على أربع وسوم رئيسية لتكوين صفحة الويب الخاصة بنا
هذا الوسم يعني بداية صفحة ال HTML
في هذا الوسم يتم استدعاء جميع الأكواد من ملفات css أو javascript وغيرها

هنا يتم كتابة العنوان للصفحة المراد تصميمها 



هنا يتم كتابة كل ما يظهر في صفحة الويب

 

نأتي لتطبيق أول صفحة ويب بسيطه تظهر رسالة ترحيب بإستخدام الوسوم الأساسية

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello, To My First Page
</BODY>
</HTML>

ونقوم بحفظة الصفحة ولكن بإمتداد htm أو html


والآن نقوم بشرح أهم الوسوم
لو أردنا كتابة الجملة السابقه ولكن بوجود كلمة Hello بسطر, وباقي الجملة بسطر آخر 
سيقوم بعضكم بكتابة الكود كالتالي 

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello,
To My First Page
</BODY>
</HTML>

لنأتي لنطبق هذا الكود 


نلاحظ عدم تغيير وذلك لأن أي تغيير تقوم بعمله في كتابة الكود لا يظهر فكما سابقا تعتمد لغة HTML علي وسوم تقوم بعمل ما نريد
الوسم المستخدم لعمل enter هوا

وهوا اختصار لكلمة break 
نأتي لنكتب نفس الكود السابق ولكن باستخدام الوسم الجديد

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello,<BR> To My First Page
</BODY>
</HTML>

لقد قمنا بعمل enter كما أردنا
وهناك أيضا وسم يقوم بنفس عمل وسم
وهوا

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



ماذا لو أردنا بعمل مسافات بين الكلام 
سيقوم البعض بكتابة الكود كالتالي

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello, To My First Page
</BODY>
</HTML>

وليطبقه ليجد أن الصفحة كما هي فهي لم تظهر هناك أي مسافات



هنا تهدينا HTML بعض من special character وهي التي تتميز
بأنها تبتدأ بإشارة & وتنتهي ;
والرمز الخاص بعمل المسافات  
ويكتب بالكود كالآتي

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello, & npsb ; & npsb;& npsb; & npsb; & npsb; & npsb; To My First Page
</BODY>
</HTML>

ملاحظة : يرجى حذف المسافات بين & و npsb و ;


سنجد أن المسافات ظهرت لدينا
وسندرج هنا أشهر الوسوم المستخدمة
€ هنا لكتابة رمز اليورو 
© هنا لكتابة رمز حقوق الطبع
< لكتابة رمز أصغر من > لكتابة رمز أكبر من 
وللتطبيق

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
& erou ;
& copy ;
& gt ;
& lt ;


</BODY>
</HTML>

ملاحظة : عند تطبيق هذا المثال يرجى حذف كل المسافات ما بين ال & و النص و ;




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

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

.هنا المستوي الأكبر حجما.

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

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

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

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

هنا المستوي الأصغر حجما

وهنا نكتب الكود كالتالي

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
<H1>Hello, To My First Page</H1>
<H2>Hello, To My First Page</H2>
<H3>Hello, To My First Page</H3>
<H4>Hello, To My First Page</H4>
<H5>Hello, To My First Page</H5>
<H6>Hello, To My First Page</H6>
</BODY>
</HTML>

هكذا يظهر معنا الوسم



ولكن هل من الممكن أنني كل ما أردت أن أكتب عنوانا 
أو نصا أن أتقيد بهذه الوسوم 
الإجابة هي لا فهناك الوسوم التي تختص بالتنسيق و الألوان
وكل ما تريد

نأتي لنذكرها
وسم
وهو اختصار ل bold وهي التي تجعل الخط اسود غامق
ويكتب كالكود كالتالي

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
<b>Hello, To My First Page</B>
</BODY>
</HTML>

هكذا 


وهناك أيضا وسم يقوم بنفس عمل وسم وهوا  

يلاحظ البعض اني قد قمت بكتابة أحد الوسمين بحروف كبيرة و آخر 
بحروف صغيرة; وهذا لأن صفحات HTML تعد not case sensitive
أي أنها لا تفرق بين الحروف الكبيرة والصغيرة فكلها سواء.

وسم
وهو اختصار ل underline لكتابة الكلمة وفي أسفلها خط
تكملة للمثال السابق

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
<b><u>Hello, To My First Page</U></B>
</BODY>
</HTML>

نلاحظ أن الجملة ظهرت بلون أسود غامق وأسفلها خط


وسم
وهو اختصار لل italic لكتابة الكلمة بشكل مائل
وهناك وسم يقوم بنفس عمل الوسم السابق
تكملة للمثال السابق

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
<b><u><i>Hello, To My First Page</i></U></B>
</BODY>
</HTML>

نلاحظ أن الجملة ظهرت بلون أسود غامق وأسفلها خط ومائلة.


وسم لكتابة وفي منتصفها خط

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
<b><u><i><strike>Hello, To My First Page</strike></i></U></B>
</BODY>
</HTML>

وسم _{وهوا اختصار لكتابة الكلمة بإنخفاض صغير عن المستوي
والتي قد تستخدم لكتابة log 
لنكتب مثالا يوضح ذلك كأننا نريد كتابة كلمة My أقل من مستوي الجملة}

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello, To _MyFirst Page
</BODY>
</HTML>

ستظهر كالآتي


سم ^{وهوا اختصار للكتابة الكلمة بإرتفاع صغير عن المستوي
والتي قد تستخدم لكتابة الأس 
لنكتب مثالا يوضح ذلك كأننا نريد كتابة كلمة First أكثر ارتفاعا من مستوي الجملة}

HTML كود

<HTML>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello, To _My^First Page
</BODY>
</HTML>

ستظهر كالآتي


في HTML يكون تنسيق الخط دائما علي الجهه اليسرى
لكن ان أردنا ان نجعل الخط يمينا لكل الصفحه و ليس جزءا منها

هنا سنتعلم شئ جديد عن HTML وهي attribute التي تكون موجوده بداخل
الوسوم

مثلا لكتابة النص لكل الصفحة الجهه اليمني
نقوم عند وسم بكتابة ال attribute المسمي dir
وهي اختصار ل direction وهي تعني الاتجاه
rtl وهي اختصار ل right to left
كالتالي

HTML كود

<HTML Dir=RTL>
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY>
Hello, To My First Page
</BODY>
</HTML>

نلاحظ ان النص في الجهه اليمنى



أو يمكننا كتابته في وسم ال body

HTML كود

<HTML >
<HEAD> 
<TITLE>
My First Web Page 
</TITLE>
</HEAD>
<BODY Dir=RTL>
Hello, To My First Page
</BODY>
</HTML>

وسيعطينا نفس النتيجة