Advertisement
Advertisement
الموقع العربي الاول للعبة Silkroad Online Silkroad-R Joymax التسجيل
1/01/2023
19/07/2025_hema
22/05/2025_hema
Ahmed_k_nayel_15_01_2026
END_02/04/2025_Belal
25/08/2025_Belal
END_Kanun_05/03/2026(1year)
END 18/06/2026-kh
END 13/07/2026-kar
END 01/08/2026kh
END 30/08/2026M
END 03/09/2026نا
END 08/09/2026-BODA
END 17/09/2026-BODA
END 15/09/2026-KLED
END 18/09/2026-BODA
END_hema_21/04/2025
QueenSro_01-04-2026
Ahmed_k_nayel_15_01_2026
ibrahim_END 07/07/2025
END 23/07/2026kh
END 23/07/2026kh
END 9/08/2026kar
END 30/08/2026M
END 03/09/2026kh
END 03/09/2026kh
END 15/09/2026kh

الانتقال للخلف   الموقع العربي الاول للعبة Silkroad Online > منتدى لغات البرمجة و التطوير > قسم شروحات لغات البرمجة و التطوير
تحديث الصفحة [HTML/CSS] تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثالث ) .
التعليمات المجموعات التقويم مشاركات اليوم البحث

قسم شروحات لغات البرمجة و التطوير خاص بشروحات لغات البرمجة المختلفة و أساليب التطوير البرمجية.


إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 20-09-2014, 05:59 AM   #1

3ashek El7ozn



الصورة الرمزية 3ashek El7ozn


• الانـتـسـاب » Jun 2010
• رقـم العـضـويـة » 71305
• المشـــاركـات » 5,572
• الـدولـة » Egypt
• الـهـوايـة » <HTML>
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 102
3ashek El7ozn جـيـد3ashek El7ozn جـيـد

3ashek El7ozn غير متواجد حالياً


إرسال رسالة عبر Yahoo إلى 3ashek El7ozn

(18) تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثالث ) .



الجزء الثانى من الدرس الثالث لدورة الـ HTML .

أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] .
سوف نقوم بتكملة الدرس الثالث { الخطوط } .

لمتابعة الدرس من بدايته يرجى الضغط على >> عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

انتهينا من توضيح ما تم شرحه فى الدرس السابق ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
والآن نعود الى درس اليوم ,,
كنا قد راينا بعض الامثلة على الخطوط فى الدرس السابق >>
المشاركة الأصلية كتبت بواسطة 3ashek El7ozn عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
والآن دعونا نرى بعض الامثلة على ما سبق شرحه ,,
قم بتطبيق الشرح ولا تقم بنسخ الكود ..
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<FONT FACE="Andalus" SIZE="6" COLOR="#FF0000">
HTML Guide By 3ashek El7ozn Silkroad4arab Forum
</FONT>
</BODY>
</HTML>
النتيجة ,,




 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<FONT FACE="Andalus" SIZE="+4" COLOR="#FF0000">
HTML Guide By 3ashek El7ozn Silkroad4arab Forum
</FONT>
</BODY>
</HTML>
النتيجة ,,

والآن دعونا نستكمل درسنا اليوم ,,
نص واحد او سطر كامل بالوان و احجام و خطوط و تنسيقات متعددتة ....
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<FONT FACE="Arial" SIZE="5" COLOR="000000"> HTML </FONT>
<FONT FACE="Andalus" SIZE="3" COLOR="00FF00"> Guide </FONT>
<FONT FACE="Impact" SIZE="4" COLOR="FF0000"> By </FONT>
<FONT FACE="Courier" SIZE="6" COLOR="0000FF"> 3ashek </FONT>
<FONT FACE="Arial" SIZE="5" COLOR="00FF00"> El7ozn </FONT>
<FONT FACE="Andalus" SIZE="2" COLOR="FF00FF"> & </FONT>
<FONT FACE="Impact" SIZE="5" COLOR="808080"> Silk </FONT>
<FONT FACE="Courier" SIZE="4" COLOR="800000"> road </FONT>
<FONT FACE="Arial" SIZE="5" COLOR="00FFF0"> 4 </FONT>
<FONT FACE="Andalus" SIZE="3" COLOR="F23654"> arab </FONT>
</BODY>
</HTML>
النتيجة ,,


والآن سوف ننتقل الى جزء آخر من درسنا اليوم عن الخطوط ,,
الوسم <BASEFONT> .
دعونا نتعرف على ما يقوم به هذا الوسم !!
يقوم هذا الوسم بتحديد نوع الخط وخصائصه بالنسبة للصفحة كلها , أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
هذا الوسم ليس له نهاية اى <BASEFONT/> فقط يتم كتابته بهذا الشكل <BASEFONT> .
ويفضل كتابته مباشرة بعد الوسم <BODY> .
كما اننا نستطيع ان نستخدم معه الخاصية NAME بدلا من FACE .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
واليكم مثالا حيا على ما تم ذكره .

 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<BASEFONT Name="Andalus" COLOR="#FF0000" SIZE="5">‎ 
<FONT>HTML Guide By 3ashek El7ozn Silkroad4arab Forum</FONT>
</BODY>
</HTML>
النتيجة ,,


*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
لاحظنا فى المثال السابق اننا قد استخدمنا مع الوسم <BASEFONT> الخط Andalus واللون FF0000 والحجم 5 .
كما ان الوسم <BASEFONT> لا يتعارض مع الخاصية COLOR حيث انك تستطيع بكل سهولة تغيير لون نص ما تريده بعيدا عن النص الاساسى المحدد بلون مع الوسم <BASEFONT> واليك مثال ,,

 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<BASEFONT Name="Andalus" COLOR="#FF0000" SIZE="5">‎ 
<FONT>HTML Guide By 3ashek El7ozn </FONT>
<FONT COLOR="0000FF">& Silkroad4arab Forum</FONT>
</BODY>
</HTML>
النتيجة ,,




ناتى لطريقة تمييز عناوين الصفحة ,,
هناك وسوم خاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي <H>___</H> .
حيث يتم اضافة ارقام من 1 الى 6 الى الوسم <H> وهى تعبر عن الحجم حيث 1 هو اكبر حجم بينما 6 هو اصغر حجم واليكم مثال ,,
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<H1>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H1>
<H2>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H2>
<H3>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H3>
<H4>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H4>
<H5>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H5>
<H6>HTML Guide By 3ashek El7ozn & Silkroad4arab Forum</H6>
</BODY>
</HTML>
النتيجة ,,


والآن جاء وقت التنسيقات والتأثيرات فى الخطوط تابع جيدا .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
الخط العريض ويستخدم معه الوسمين <B>___</B> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <B>3ashek El7ozn</B> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


الخط المائل ويستخدم معه الوسمين <I>___</I> او <EM>___</EM> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <I>3ashek El7ozn</I> & Silkroad4arab Forum
<BR>
HTML Guide By <EM>3ashek El7ozn</EM> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


الخط المسطر ويستخدم معه الوسمين <U>___</U> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <U>3ashek El7ozn</U> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


الخط المرتفع ويستخدم معه الوسمين <SUP>___</SUP> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <SUP>3ashek El7ozn</SUP> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


الخط المنخفض ويستخدم معه الوسمين <SUB>___</SUB> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <SUB>3ashek El7ozn</SUB> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


الخط الكبير ويستخدم معه الوسمين <BIG>___</BIG> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <BIG>3ashek El7ozn</BIG> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


الخط الصغير ويستخدم معه الوسمين <SMALL>___</SMALL> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <SMALL>3ashek El7ozn</SMALL> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


نص يتخلله خط او النص المشطوب ويستخدم معه الوسمين <STRIKE>___</STRIKE> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <STRIKE>3ashek El7ozn</STRIKE> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,


نص الآلة الكاتبة ويستخدم معه الوسمين <TT>___</TT> .
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
HTML Guide By <TT>3ashek El7ozn</TT> & Silkroad4arab Forum
</BODY>
</HTML>
النتيجة ,,

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كما انه يستخدم الوسمين <TT>___</TT> فى توحيد المسافات بين الاحرف بمعنى انه اذا استخدمنا الحرفين M و I كمثال ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
قبل اضافة الوسم >>

 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
IIIIIIIIII
<BR>
MMMMMMMMMM
</BODY>
</HTML>
النتيجة ,,

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

بعد اضافة الوسم >>
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<TT>
IIIIIIIIII
<BR>
MMMMMMMMMM
</TT>
</BODY>
</HTML>
النتيجة ,,


وهذا مثال لعدة وسوم لتنسيقات متعددة ,,
 
<HTML>
<HEAD>
<TITLE>My First  HTML  Page</TITLE>
</HEAD>
<BODY>
<FONT COLOR="FF0000" SIZE="5"><U><I>
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum
</I></U></FONT>
</BODY>
</HTML>
النتيجة ,,


ملحوظة :-
عند استخدام الوسوم المتعددة في مقطع واحد يجب مراعاة عدم التداخل بينها , وهذه الصور توضع ما اقصده .


*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*



الى هنا اكون قد انتهيت من درس الخطوط ..

وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**
توقيع 3ashek El7ozn :
 
mysql_query(DELETE Idiots FROM TheEarth") or die(Where I'm !");

رد مع اقتباس
إعلانات google

قديم 20-09-2014, 06:24 AM   #2

Hero
عضو مشارك



الصورة الرمزية Hero


• الانـتـسـاب » Jan 2014
• رقـم العـضـويـة » 116050
• المشـــاركـات » 6,999
• الـدولـة » Egypt
• الـهـوايـة » ;"#string n = "C
• اسـم الـسـيـرفـر » No Server
• الـجـنـس » Male
• نقـاط التقييم » 85
Hero جـيـد

Hero غير متواجد حالياً



افتراضي


والله الغة سهلة و شرحك فل الفل
بس تعرف الشرح فيديو صوت ياة حياة تانى خالص والله حتى لو ال ++C هتتفهم بسهولة :]
توقيع Hero :
...!!

رد مع اقتباس
قديم 20-09-2014, 06:40 AM   #3

3ashek El7ozn



الصورة الرمزية 3ashek El7ozn


• الانـتـسـاب » Jun 2010
• رقـم العـضـويـة » 71305
• المشـــاركـات » 5,572
• الـدولـة » Egypt
• الـهـوايـة » <HTML>
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 102
3ashek El7ozn جـيـد3ashek El7ozn جـيـد

3ashek El7ozn غير متواجد حالياً


إرسال رسالة عبر Yahoo إلى 3ashek El7ozn

افتراضي


المشاركة الأصلية كتبت بواسطة Hero عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
والله الغة سهلة و شرحك فل الفل
بس تعرف الشرح فيديو صوت ياة حياة تانى خالص والله حتى لو ال ++C هتتفهم بسهولة :]
اخلص من الدورة دى وهنزل تصميمات PSD و توزيع HTML و CSS بالفيديو مع حقوق المنتدى


توقيع 3ashek El7ozn :
 
mysql_query(DELETE Idiots FROM TheEarth") or die(Where I'm !");

رد مع اقتباس
قديم 20-09-2014, 04:42 PM   #4

_Joo
عضو مميز



الصورة الرمزية _Joo


• الانـتـسـاب » Apr 2014
• رقـم العـضـويـة » 117328
• المشـــاركـات » 646
• الـدولـة » داخل بلد العجايب (مصر) اكرمنا و نخرج منها يا رب
• الـهـوايـة » بحب الكمبيوتر فيه مانع يا رجاله xD
• اسـم الـسـيـرفـر » Norma
• الـجـنـس » Male
• نقـاط التقييم » 10
_Joo صـاعـد

_Joo غير متواجد حالياً



افتراضي


رورورورورورورورورورورعه بجد شروحاتك
توقيع _Joo :
لا آلــــه الــأ الله ســيــدنـــا مــحــمــد رســـول الله

رد مع اقتباس
قديم 20-09-2014, 10:10 PM   #5

3ashek El7ozn



الصورة الرمزية 3ashek El7ozn


• الانـتـسـاب » Jun 2010
• رقـم العـضـويـة » 71305
• المشـــاركـات » 5,572
• الـدولـة » Egypt
• الـهـوايـة » <HTML>
• اسـم الـسـيـرفـر » Private Server
• الـجـنـس » Male
• نقـاط التقييم » 102
3ashek El7ozn جـيـد3ashek El7ozn جـيـد

3ashek El7ozn غير متواجد حالياً


إرسال رسالة عبر Yahoo إلى 3ashek El7ozn

افتراضي


المشاركة الأصلية كتبت بواسطة malek4d3wa عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
رورورورورورورورورورورعه بجد شروحاتك
مرورك الاروع يا بطل تسلملى الايد اللى ردت


توقيع 3ashek El7ozn :
 
mysql_query(DELETE Idiots FROM TheEarth") or die(Where I'm !");

رد مع اقتباس
قديم 21-09-2014, 03:20 PM   #6

_Joo
عضو مميز



الصورة الرمزية _Joo


• الانـتـسـاب » Apr 2014
• رقـم العـضـويـة » 117328
• المشـــاركـات » 646
• الـدولـة » داخل بلد العجايب (مصر) اكرمنا و نخرج منها يا رب
• الـهـوايـة » بحب الكمبيوتر فيه مانع يا رجاله xD
• اسـم الـسـيـرفـر » Norma
• الـجـنـس » Male
• نقـاط التقييم » 10
_Joo صـاعـد

_Joo غير متواجد حالياً



افتراضي


المشاركة الأصلية كتبت بواسطة 3ashek El7ozn عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]


مرورك الاروع يا بطل تسلملى الايد اللى ردت
انا روعه ايه بس شرحك بجد جامد جداً
توقيع _Joo :
لا آلــــه الــأ الله ســيــدنـــا مــحــمــد رســـول الله

رد مع اقتباس
إضافة رد

« الموضوع السابق | الموضوع التالي »

يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر)
 

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع




[ الساعة الآن : | بـتـوقـيـت الـقـاهـرة ]

الاتصال بنا - الأرشيف - بيان الخصوصية -

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2026, vBulletin Solutions, Inc.
المنتدى العربى الأول للعبة SilkroadOnline