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


 
الرئيسيةبحـثالتسجيلدخول
دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
خدمات اقدمها لكم
  • طريقة اخفاء الاي بي
  • المواضيع الأخيرة
    أفضل 10 أعضاء في هذا المنتدى
    sohaib hack
     
    مسترر زيرو
     
    Ab-oood
     
    هہٰہٰتلہٰرالمغربي
     
    فلسطيني حر
     
    hero01
     
    سمو المتمرد
     
    mohamed120
     

    شاطر | 
     

     درس اكواد HTML الاساسية مجموعة من أكواد Html

    استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
    كاتب الموضوعرسالة
    sohaib hack
    Admin
    Admin
    avatar

    عدد المساهمات : 121
    نقاط : 323
    تاريخ التسجيل : 20/09/2012

    مُساهمةموضوع: درس اكواد HTML الاساسية مجموعة من أكواد Html   الإثنين سبتمبر 24, 2012 2:05 pm

    يسعدني أن أقدم لكم مجموعة من أكود في لغة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>في نهاية السطر فقط

    الكود‎&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 ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    معاينة صفحة البيانات الشخصي للعضو http://sohaib-hack.lolbb.com
     
    درس اكواد HTML الاساسية مجموعة من أكواد Html
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    مدونة ومنتديات صهيب هكر فلسطين :: لغات البرمجه وانشاء الاكواد :: لغة html-
    انتقل الى: