منتدى السلسبيل علم ومعرفة وابداع
عزيزي الزائر / عزيزتي الزائرة منتَدَاكمً مُنتَدَى السلسبيل  يُرَحبُ بكـُمً .. إنً كنتَ تَرغَب في الإنضمَامً إلى أسًرَة المنتَدَى سَنتَشَرَفُ بتَسًجيلَكَ .. فَمرُحَبا بالزَائرينَ , وَ العَابرينَ , وَ الأصدقَاء , واَ لأعضَاءَ , بالطَيبينَ وَ الطَيبَات .. وَ بكًل مَن يَثًرَى , أوً تَثُرَى المًنتَدَى بالحِوَارً , وَ المُنَاقَشةَ , وَ المسَاهَمَاتً المُفيدَةَ .. فَلَيًسَ للبُخَلاَء بالمَعرفَة مَكَانُُ هُنَا  .سَاهمَ / سَاهٍمي بكَلمَة طَيبَة , أوً مَقَالً , أوً لَوًحَة , أوً قَصيدَة , أوً فِكرَة , أوً رَأي , أوً خْبرَة تَدفَعً حَيَاتُنَا للأمَامً ... تحيَآت إدَارَة #منتَدَى السلسبيل
اضغط

منتدى السلسبيل علم ومعرفة وابداع
عزيزي الزائر / عزيزتي الزائرة منتَدَاكمً مُنتَدَى السلسبيل  يُرَحبُ بكـُمً .. إنً كنتَ تَرغَب في الإنضمَامً إلى أسًرَة المنتَدَى سَنتَشَرَفُ بتَسًجيلَكَ .. فَمرُحَبا بالزَائرينَ , وَ العَابرينَ , وَ الأصدقَاء , واَ لأعضَاءَ , بالطَيبينَ وَ الطَيبَات .. وَ بكًل مَن يَثًرَى , أوً تَثُرَى المًنتَدَى بالحِوَارً , وَ المُنَاقَشةَ , وَ المسَاهَمَاتً المُفيدَةَ .. فَلَيًسَ للبُخَلاَء بالمَعرفَة مَكَانُُ هُنَا  .سَاهمَ / سَاهٍمي بكَلمَة طَيبَة , أوً مَقَالً , أوً لَوًحَة , أوً قَصيدَة , أوً فِكرَة , أوً رَأي , أوً خْبرَة تَدفَعً حَيَاتُنَا للأمَامً ... تحيَآت إدَارَة #منتَدَى السلسبيل
اضغط

منتدى السلسبيل علم ومعرفة وابداع
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


اكبرملتقى للجزائرين والعرب يقدم كل مايتعلق بالعلم والمعرفة, ثقافة, اسلاميات, مسابقات, ترفيه, تسلية,دردشة, رياضة, صحة,تطوير مواقع, اكواد,استايلات, تصاميم
 
الرئيسيةالرئيسية  البوابةالبوابة  المنشوراتالمنشورات  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  طريقة التسجيل  دخولدخول  

هام: مطلوب فريق ومشرفين اقسام للمنتدى رشح نفسك من هنا

من هنا

 

 تعلم لغة html للمبتدئين

اذهب الى الأسفل 
كاتب الموضوعرسالة
معلومات العضو
albarçaloni
مؤسس المنتدى

albarçaloni
تعلم لغة  html للمبتدئين Algeri10
ذكر
عدد المساهمات : 915
السٌّمعَة : 0
نقاط : 2684
تعلم لغة  html للمبتدئين 110
وسام العضو : وسام لادارة

معلومات الاتصال
https://mentada-selsabil.alafdal.net
مُساهمةموضوع: تعلم لغة html للمبتدئين   تعلم لغة  html للمبتدئين Emptyالأربعاء أغسطس 15, 2012 10:38 am

الكود:
يسعدني أن أقدم لكم مجموعة من أكود في لغة html للمبتدئين


1-كيف تبدأ
اولا عليك بفتحبرنامج Notepad وتقوم بكتابة الأكواد وخلافه ولما تقوم بالحفظ غير امتداد النص من txt إلي htm

2-الكود الرئيسي للصفحة

<HTML>
<HEAD>
<TITLE>
هنا يتم وضععنوان الصفحة الذي يظهر في أقصي يسارالصفحة
<‎/TITLE>
<‎/HEAD>
<BODY>
هنا يتم وضعالنصوص والاكود وباقي ما سيتم عرضه فى الصفحة انشاء الله
<‎/BODY>
<‎/HTML>


1- بالنسبة للكود اللغة العربية

ويتم وضع هذا الكود فى أولالصفحة

<META **********="Content-Type" CONTENT="text/html; charset=windows-1256">


2- بالنسبة لكودالخط

<FONT FACE ="ArialL" SIZE="4 COLOR="#FF33003">

هذاالكود سيظهر نوع الخط ولون الخط وحجمه

<‎/FONT>


FACEهنا يتم تحديد نوعالخط
SIZEهنا يتم تحديد حجم الخط
COLORهنا يتم تحديد لون الخط


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

<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">‎


وبدراسة هذا المثال نستنتج أنه يقوم بتعديل الخط الافتراضيللصفحة بحيث يصبح نوعه Arial وحجمه 5 ولونه أحمر. وبالتالي فإن كل النصوص المكتوبةفي تلك الصفحة سيطبق عليها هذا النمط من الخط. ما لم نقم طبعا باستخدام الكود <Font> ... </‎Font> لتعديلها والتحكم بمظهرها كما فعلنا في الأمثلةالسابقة، فهي أكثر تحديداً وأكثر مرونة من الكود<BASEFONT>

هناك أكوادخاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي:


<Hn> ... <‎/Hn>

وحرف n هو رقم بين 1-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>


3- بالنسبة لمحاذاة الفقرات والاسطر

<P Align="left"> This is a left-aligned paragraph <‎/P>


<P> ... <‎/P>بفتح الفقرة وغلقها

ALIGN تحدد محاذاة الفقرة وهي تأخذ القيمLeft, Center, Right

أما لنهاية الاسطر فعليك استخدام هذا الكود<BR>في نهاية السطر فقط

الكود‎ ‎يقوم بإضافة الفراغات، ويجب تكرار كتابته بنفسعدد الفراغات المطلوب.

كذلك لتوسيط الفقرات أو الكائنات بشكل عام في الصفحةنستطيع استخدام الكود <CENTER> ... </CENTER>


4- بالنسبة للصور

اولا عليكتحديد مسار الصورة ثم واضعها فى هذا الكود بهذا الشكل

<IMG SRC="http://www.geocities.com/my_pro_files/013.gif" HEIGHT="70" WIDTH="120" ALT="بسم الله الرحمن الرحيم" ALIGN="BOTTOM" VSPACE="20" HSPACE="20" BORDER="5">‎


SRC="http://www.geocities.com/my_pro_files/013.gif" هنا يتم وضعمسار الصورة

HEIGHT, WIDTH متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين ( واذا اردت عرض الصورة كما هي عليك بعدم وضع اي رقم او حذفها )

الخاصيةالتالية التي تستخدم مع <IMG> هي ALT وفيها نحدد نصاً بديلاً يظهر مكانالصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعالفي المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقعبطيئة التحميل

ونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافقلها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT

VSPACE: لتحديد المسافة العمودية الفاصلةبين النص والحافتين العليا والسفلى للصورة.
HSPACE: لتحديد المسافة الأفقيةالفاصلة بين النص والحافتين اليمنى واليسرى للصورة.

الخاصية الاخيرة هي BORDER ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه
منقول


عزيزي الزائر / عزيزتي الزائرة منتَدَاكمً مُنتَدَى السلسبيل  يُرَحبُ بكـُمً .. إنً كنتَ تَرغَب في الإنضمَامً إلى أسًرَة المنتَدَى سَنتَشَرَفُ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] .. فَمرُحَبا بالزَائرينَ , وَ العَابرينَ , وَ الأصدقَاء , واَ لأعضَاءَ , بالطَيبينَ وَ الطَيبَات .. وَ بكًل مَن يَثًرَى , أوً تَثُرَى المًنتَدَى بالحِوَارً , وَ المُنَاقَشةَ , وَ المسَاهَمَاتً المُفيدَةَ .. فَلَيًسَ للبُخَلاَء بالمَعرفَة مَكَانُُ هُنَا  .سَاهمَ / سَاهٍمي بكَلمَة طَيبَة , أوً مَقَالً , أوً لَوًحَة , أوً قَصيدَة , أوً فِكرَة , أوً رَأي , أوً خْبرَة تَدفَعً حَيَاتُنَا للأمَامً ... تحيَآت إدَارَة 

#منتَدَى السلسبيل





div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
ملكة الاحساس
عضو نشيط

ملكة الاحساس
تعلم لغة  html للمبتدئين Algeri10
انثى
عدد المساهمات : 334
السٌّمعَة : 5
نقاط : 466
تعلم لغة  html للمبتدئين 110
وسام العضو : وسام العضو المميز

معلومات الاتصال
https://mentada-selsabil.alafdal.net/
مُساهمةموضوع: رد: تعلم لغة html للمبتدئين   تعلم لغة  html للمبتدئين Emptyالإثنين مايو 11, 2020 4:51 pm

اضافة جميلة جدااا


تعلم لغة  html للمبتدئين Fb_img11
div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
yazen
فريق الادارة

yazen
تعلم لغة  html للمبتدئين Algeri10
ذكر
عدد المساهمات : 421
السٌّمعَة : 13
نقاط : 974
تعلم لغة  html للمبتدئين 111010
وسام العضو : افضل مصمم

معلومات الاتصال
https://mentada-selsabil.alafdal.net/
مُساهمةموضوع: رد: تعلم لغة html للمبتدئين   تعلم لغة  html للمبتدئين Emptyالثلاثاء مايو 12, 2020 9:58 am

شكرااا لك


تعلم لغة  html للمبتدئين Sigpic10
div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تعلم لغة html للمبتدئين
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى السلسبيل علم ومعرفة وابداع :: قسم تطوير المواقع (اكواد HTML.CSS.JAVA) :: قسم تطوير المنتديات و المواقع :: اكواد:HTML-
انتقل الى: