Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
النتائج 1 إلى 2 من 2

مبادئ تعلم لغة Html

هذا الموضوع : مبادئ تعلم لغة Html داخل الويب وتطوير المواقع | Websites Design & Developmentالتابع الي قسم المنتديات التقنية : مجموعة من أكواد Html يسعدني أن أقدم لكم مجموعة من أكود في لغة html للمبتدئين 1- كيف تبدأ اولا عليك ...

  1. #1
    الصورة الرمزية MOSTAFA3D
    احباب طريق الجرافيك

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    الدولة
    مصراوي في الكويت
    العمر
    31
    المشاركات
    3,630
    Thanks
    2
    Thanked 1 Time in 1 Post
    الصور
    4
    معدل تقييم المستوى
    101

    Thumbs up مبادئ تعلم لغة Html

    مجموعة من أكواد Html




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





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


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


    <HTML>

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




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

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


    ****** **********="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>في نهاية السطر فقط


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

    كذلك لتوسيط الفقرات أو الكائنات بشكل عام في الصفحة نستطيع استخدام الكود <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 ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه

    منقول


    ( إقرأوا القرآن فإنه يأتي يوم القيامة شفيعاً لأصحابه )

    إحفظ القرآن في سنة عالفيس بوك


  2. #2
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Oct 2007
    الدولة
    مصر
    المشاركات
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    رد: مبادئ تعلم لغة Html

    جزاك الله خيرا ولكني كنت اطمع في وجود صور مع هذا الشرح الجميل لكن شكرا جزيلا على مجهودك


 

 

المواضيع المتشابهه

  1. تعلمـ / ي مبادئ الرسم هنا
    بواسطة ammarkhatib في المنتدى الرسم اليدوي والخط العربي والزخرفة
    مشاركات: 19
    آخر مشاركة: 08 / 12 / 2016, 17 : 01 PM
  2. دورة تعلم بناء صفحات الانترنت - بعض مصطلحات لغة html و css ومعانيها
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 11
    آخر مشاركة: 24 / 07 / 2012, 44 : 04 AM
  3. دورة تعلم بناء صفحات الانترنت من الفوتوشوب إلى Html + CSS
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 81
    آخر مشاركة: 22 / 01 / 2012, 53 : 04 AM
  4. مبادئ unwarp
    بواسطة ريم غالى في المنتدى قسم للمبتدئين في الماكس | 3DsMax For Beginners
    مشاركات: 6
    آخر مشاركة: 28 / 09 / 2011, 54 : 10 AM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 57 : 11 PM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO