• 40 گيگابايت پهناي باند ماهيانه
  • بي نهايت پايگاه داده
  • بي نهايت Email POP3
  • بعلاوه ثبت یک دامین com. یا ..
  • نصب نیوک: 8.3
  • 10 گيگابايت پهناي باند ماهيانه
  • بي نهايت پايگاه داده
  • بي نهايت Email POP3
  • بعلاوه ثبت یک دامین com. یا ..
  • نصب نیوک 8.3
  • 20 گيگابايت پهناي باند ماهيانه
  • بي نهايت پايگاه داده
  • بي نهايت Email POP3
  • بعلاوه ثبت یک دامین com. یا ..
  • نصب نیوک 8.3
  • 30 گيگابايت پهناي باند ماهيانه
  • بي نهايت پايگاه داده
  • بي نهايت Email POP3
  • بعلاوه ثبت یک دامین com. یا ..
  • نصب نیوک 8.3
محل تبلیغ شما
محل تبلیغ شما
کانال تلگرام نیوک فارسی

کانال تلگرام نیوک فارسی


پرداخت آنلاین
10 کاربر پرکار امروز
hesabgar
1 پست
rilaxMusic
1 پست
پیوندها نیوک

دریافت درخواستی

براي دريافت فايل يا پوشه مورد نظر خود آدرس را در کادر زيروارد نماييد




تبلیغات ثابت
سئو سایت

دانلود فیلم

خرید بلیط هواپیما

قیمت ایزوگام

خدمات حسابداری

بازی آنلاین دخترانه

ترک اعتیاد

خرید بک لینک
بک لینک انبوه و با کیفیت خارجی
724ws.ir

 دانلود آهنگ جدید
 دانلود آهنگ جدید
ثبت شرکت ثبت برند
eliyaco.org
بروز ساب
آب قلیایی
لیپوماتیک
www.alodoctor.ir

لوازم جانبی موبایل
لوازم جانبی موبایل

دانلود نرم افزار
دانلود نرم افزار

سئو
سئو

سئو و بهینه سازی سایت

 
 
PHP-Nuke FAQ (سوالات رایج کاربران)



شاخه: اصلی -> آموزشها

سوال
·  آموزش HTML قسمت پنجم
·  آموزش HTML قسمت سوم
·  آموزش HTMLقسمت اول
·  آموزش HTML قسمت دوم
·  آموزش HTML قسمت چهارم
·  آموزش HTML قسمت ششم
·  آموزش HTMLقسمت هفتم
·  آموزش HTMLقسمت نهم
·  آموزش HTMLقسمت هشتم

پاسخ
·  آموزش HTML قسمت پنجم

\r\n
\r\n
\r\n link, Anchors , Hyper Link لينکها و يا پيوند ها
\r\n
\r\n پيوند ها و يا لينک ها يکي از مهمترين اجزاء تشکيل دهنده صفحات وب هستند که داراي انوع مختلفي هستند . لينک ها توسط تگهاي <a> داراي خصوصيات مختلفي هستند که در زير به تعداد از انها اشاره ميکنيم
\r\n لينک ها را ميتوان به سه قسمت زير تقسيم بندي نمود:

\r\n
    \r\n
  1. \r\n لينک هاي خارجي
  2. \r\n
  3. \r\n لينک هاي داخلي
  4. \r\n
  5. \r\n و نشانه ها
  6. \r\n
\r\n

\r\n    لينک هاي خارجي
\r\n
\r\n حتما شما نيز با تصوير ها ، نوشته ها و يا ....... مواجه شده ايد که با کليک بر روي آنها وارد صفحه جديدي از وب سايت ديگري ميشود . منظور از لينک هاي خارجي لينک هايي هستند که کاربران صفحه وب را به صفحاتي خارجي از وب سايتي که داخل آن هستيد راهنمايي ميکنند
\r\n
\r\n به طور مثال:

\r\n
\r\n
\r\n
\r\n <a href="http://www.internetstar.ir"> internetstar web </a>
\r\n
\r\n
\r\n

\r\n اين لينک از اجزاء مختلفي تشکيل شده است که توضيح خواهيم داد

\r\n
\r\n
    \r\n
  • \r\n اين تگ داراي خصوصياتي به نام href است که مقدار آن آدرس لينک مورد نظر براي اتصال و پيوند است
  • \r\n
  • \r\n نوشته داخل اين تگ براي بازديد کنندگان نمايش داده ميشود که با کليک بر روي ان وارد آدرس جديد ميشود
  • \r\n
\r\n

\r\n    لينک ها داخلي
\r\n لينک هاي داخلي نيز صفحه ما را به صفحات ديگر پيوند ميدهند ولي اينبار اين صفحات همگي جزئي از يک وب سايت هستند و از اين لينک ها براي پيوند دادن صفحات داخلي يک وب سايت استفاده ميشود
\r\n در ظاهر کد هاي لينک هاي داخلي و خارجي تفاوتي با يک ديگر ندارند ولي تفاوت انها در نحوه ادرس دهي انها ميباشد که تفاوت اين لينک ها را مورد بررسي قرار ميدهيم
\r\n
\r\n به طور مثال :
\r\n
\r\n فرض کنيد که ما وب سايتي داريم که از دو صفحه index.HTML و aboutus.HTML تشکيل شده است
\r\n ما ميخوايم لينکي از صفحه اصلي ( index.html) به صفحه درباره ما(aboutus.HTML) که هر دوي انها از صفحات يک وب سايت هستند ايجاد کنيم . براي انجام اين کار از کد هاي زير درون صفحه index.html استفاده ميکنيم

\r\n
\r\n
\r\n
\r\n   <a href="aboutus.html"> About us </a>
\r\n
\r\n
\r\n

\r\n ملاحضه ميکنيم که در مقدار اقثب که همان آدرس صفحه ميباشد خبري از http://www  نيست و فقط اسم صفحه مورد نظر نوشته ميشود
\r\n براي توضيح اين مطلب به نکات زير توجه کنيد :

\r\n
\r\n
    \r\n
  1. \r\n آدرس دهي به دو صورت relative و static انجام مي پذيرد.
  2. \r\n
  3. \r\n در مثال بالا از ادرس دهي به روش relative استفاده شده است
  4. \r\n
  5. \r\n منظور از ادس دهي به روش relative وابسته اين است که مقدار ادرس ما به نحو قرار گرفتن اين دو صفحه نسبت به يک ديگر بستگي دارد
  6. \r\n
\r\n

\r\n براي توضيح بيشتر براي ساخت يک وب سايت ابتدا يک folder به نام وب سايت بسازيد . نام فولد اختياري است
\r\n   
\r\n محل اين فولد اهميت چنداني ندارد حالا صفحات وبي را که ساخته ايد داخل اين فولدر قرار دهيد در حال حاظر اين دو صفحه وب ( index.HTML و aboutus.HTML) داراي موقعيت يکسان هستند يعني هر دو داخل يک فولد قرار دارند
\r\n اين موضوع بسيار مهم است که اين دو صفحه وب هر دو داخل يک فولد و يا پوشه قرار داشته باشد در غير اين صورت نحوه ادرس دهي متفاوت خواهد بود حالا براي ادرس دهي ميتوان از کدهايي که در مثال بالا اشاره کرد
\r\n   
\r\n نشانه ها
\r\n
\r\n اين نوع لينک ها و پيوندها داخل يک صفحه وب استفاده ميشود . به طور مثال ديده ايد که در بعضي از صفحات وب که به علت حجم زياد مطالب ارتفاع زيادي دارند از گزينه هاي top و يا بالا براي راهنمايي کاربران به بالاي صفحه استفاده ميشود نحوه ادرس دهي در اين نوع لينکها کمي متفاوت تر از دو حالت قبلي ميباشد در اين نوع ادرس دهي از يکي ديگر از خصوصيات تگهاي <a> استفاده ميشود به نام "name" اين خصوصيت قابليت ناميدن هر يک از تگ هاي html و يا در اينجا <a> را با نمهاي دلخواه در اختيار ما قرار ميدهد يکي از موارد استفاده اين خصوصيات در اين مثال مورد بررسي قرار ميگيرد

\r\n
\r\n
\r\n
\r\n <a name="label"> any content </a>
\r\n
\r\n
\r\n
\r\n

\r\n در قسمت "label" مي توانيد نام مورد نظر خود را قرار دهيد

\r\n
\r\n
\r\n
\r\n <a href="#label"> any content </a>
\r\n
\r\n
\r\n

\r\n و در اينجا لينک مورد نظر را مشاهده ميکنيد . ملاحظه مي نمائيد براي مقدار href مقدار name در لينک اول همراه با علامت# در ابتدا قرار داده شده است
\r\n
\r\n حالا به طور مثال در نظر بگيريد که صفحه اي با ارتفاع بسيار زياد داريم که ميخواهيم در انتهاي آن لينکي براي دسترسي به بالاي صفحه براي راحتي استفاده از وب سايت براي کاربر بسازيم براي اين کار به شيوه زير عمل ميکنيم
\r\n در ابتداي صفحه لينک زير قرار ميدهيم

\r\n
\r\n
\r\n
\r\n <a href="top"> top of page </a>
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n        و سپس در انتهاي صفحه لينک زير را قرار ميدهيم  / به مقدار خصوصيات href دقت کنيد . حالا با کليک بر روي اين لينک به قسمت بالاي صفحه خواهيد رفت

\r\n

\r\n
\r\n فرستنده آموزش : mohammad2407

\r\n
\r\n <a href="#top"> top of page </a>

[ بالای صفحه ]

·  آموزش HTML قسمت سوم

تواناييها و خصوصيات عناصر HTML
\r\nاهميت تگهاي head line
\r\nتگهاي خط کشي و يا خط (line)
\r\nچگونه کد هاي HTML يک صفحه وب را ببينيم؟
\r\n \r\n================================================== ==
\r\nتواناييهاي و خصوصيات عناصر HTML
\r\n
\r\nحالا به تفصيل به تواناييهاي بعضي از عناصر HTML ميپردازيم . هر عنصر HTML داراي تواناييها و خصوصيتهايي مباشد . اين خصوصيت ها يک سري اطلاعات اضافه و تکميلي در مورد هر عنصر HTML است . اطلاعات در بين تگ هاي ابتدايي ماننده
\r\n 

\r\n
<a href="http://www.internetstar.ir"> internetstar web site</a>
\r\n
\r\n
\r\n

\r\nمرورگر ها به صورت اتو ماتيک يک خط فاصله بعد از اين تگها ايجاد ميکند.
\r\nاهميت تگ هاي head line
\r\nاز اين تگ ها براي بزرگ و يا کوچک کردن نوشته ها استفاده نکنيد بلکه براي موضوعات پر اهميت از انها استفاده کنيد و موضوعات و نوشته هاي پر اهميت را داخل انها قرار دهيد .
\r\nموتور هاي جستجو مانند گوگل و ياهو براي پي بردن به موضوع وب سايت و صفحه وب سايت شما از نوشته هايي که داخل اين تگ ها وجود دارد استفاده ميکنند
\r\nترتيب اهميت اين تگ هابه ترتيب بيشتر از h1 به h6 مي رسد
\r\nتگهاي خط کشي و يا خط (line)
\r\n
\r\nتگ </hr> براي کشيدن خط هاي افقي استفاده ميشود

\r\n
\r\n
\r\n
\r\n<h1> phpnuke web </h1>
\r\n<hr/>
\r\n<h2> phpnuke web </h2>
\r\n<hr/>
\r\n<h3> phpnuke web </h3>
\r\n<hr/>
\r\n<h4> phpnuke web </h4>
\r\n<hr/>
\r\n<h5> phpnuke web </h5>
\r\n<hr/>
\r\n<h6> phpnuke web </h6>\r\n
\r\n
\r\n
\r\n

\r\nنوشتن توضيحات براي کد هاي HTML
\r\n
\r\nاين توضيحات بايد به صورتي در درون کد هاي HTML قرار گيرد که توسط مرورگر ها خوانده نشود بنابر اين توضيحات را به اين صورت نوشته ميشود

\r\n
\r\n
\r\n
\r\n<!-- اينجا محل نوشتن توضيحات هست -->\r\n
\r\n

\r\n
\r\n
\r\nاين نوشته ها توسط مرورگر ها خوانده نمي شوند علامت تعجب فقط در ابتدا قرار ميگيرد و در پايان نمي ايد
\r\n
\r\nچگونه کد هاي HTML يک صفحه وب را ببينيم ؟
\r\nبراي اين کار شما ميتوانيد در صفحه مرورگر تان گزينه view را از نوار ابزار انتخاب کنيد و سپس گزينه view source و يا source را انتخاب کنيد در اين حالت يک پنجره جديد باز ميشود که کد هاي HTML را به شما نشان ميدهد

[ بالای صفحه ]

·  آموزش HTMLقسمت اول

\r\n بخش اول ----------------------
\r\n
\r\n
\r\n فهرست::::::::::
\r\n
\r\n تگ چيست؟ / چه چيزي احتياج داريم ؟ / ساخت اولين صفحه وب / html يا htm / سرفصل و يا Head line / پاراگراف / پيوند و يا لينک ها / تصاوير / عناصر HTML / تگ هاي HTML تو در تو / تگهاي پاياني را فراموش نکنيد / عناصر HTML حرف بزرگ يا کوچک
\r\n
\r\n ------------------------------------------------------------------------------------------------------------------------------------------
\r\n تگ چيست؟
\r\n تگها کلماتي هستند که به وسيله يک جفت علامت <> احاطه شده اند ماننده <html> و معمولا به صورت يک جفت ميباشند
\r\n ماننده <b> و <b/>
\r\n اولين تگ ( تگ ابتدايي) و دومين تگ (تگ انتهايي ) ناميده ميشود . تگ ابتدايي تگ شروع و يا تگ باز و تگ انتهايي تگ پاياني و يا تگ بسته نيز ناميده ميشود
\r\n
\r\n منظور از يک مرورگر وب مانند internet explorer و firefox وسيله ايست براي خواندن کد هاي HTML و ترجمه و نمايش آنها به صورت صفحات وب . يک مرورگر تگ ها را نشان نمي دهد بلکه انها صفحه وب استفاده ميکند
\r\n
\r\n در زير ميتوانيد نمونه اي از کد هاي HTML را ببينيد :

\r\n

\r\n <html>
\r\n <body>
\r\n <h1> phpnuke </h1>
\r\n <p> مرجع نيوک ايران </p>
\r\n </body>
\r\n </html>

\r\n  

\r\n

\r\n متن بين <html>و <html/> صفحه وب را مشخص ميکند و متن <body> و <body/> قسمت قابل روت يک صفحه وب را نشان ميدهد . متن بين <h1> و <h1/> به صورت يک سر فصل نمايش داده مشود و متن بين <p> و <p/> به صورت يک پاراگراف نمايش داده ميشود
\r\n
\r\n چه چيزي احتياج داريم ؟
\r\n
\r\n شما براي يادگيري HTML احتياج به هيچ نرم افزر پيچيده اي نداريد در اين خود آموز ما از نرم افزر notepad موجود در windows براي نوشتن و ويرايش کد هاي HTML استفاده ميکنيم و اعتقاد داريم که اين بهترين راه براي ياد گيري HTML ميباشد
\r\n
\r\n کد نويسان حرفه اي از نرم افزار هاي front page و dream weaver و notepad++  براي توليد صفحات وب استفاده ميکنن
\r\n ساخت اولين صفحه وب
\r\n براي شروع شما نرم افزار notepad خود را از ادرس accessories<program<start باز کنيد و متن زير را درون آن بنويسيد
\r\n
\r\n تذکر خيلي مهم::: اگر ميخواي HTML ياد بگيري متن زير کپي نکن تايپ کن خودت اگر ميخواي کپي کني تا 20 سال ديگه هم ياد نميگيري
\r\n ================================================== =====================

\r\n
\r\n

\r\n <html>
\r\n     <body>
\r\n             <h1> this is my main page</h1>
\r\n             <p>this is some test </p>
\r\n             <p><a href="http://phpnuke.ir">php nuke</a></p>
\r\n     </body>
\r\n </html>

\r\n

\r\n
\r\n
\r\n پس از اتمام ، نوشته مورد نظر خود را با پسوند هاي htm و يا HTML با نامphpnuke page1 ذخيره کنيد
\r\n
\r\n اين اولين صفحه وب ساخته شده توسط شما است .
\r\n
\r\n پابان قسمت اول

[ بالای صفحه ]

·  آموزش HTML قسمت دوم

\r\n ادامه بخش اول....................
\r\n
\r\n htm يا html ؟
\r\n
\r\n براي ذخيره يک صفحه وب شما بايد يکي از اين پسوند ها را انتخاب کنيد htm.html
\r\n
\r\n در عمل اين دو پسوند تفاوتي با هم ندارند . htm يک پسوند قديميست و مربوط به زماني است که پسوند ها از 3 حرف تشکيل ميشوند ولي امروزه بهتر است از پسوند html استفاده کنيم
\r\n
\r\n اگر احتمالا مطالبي که تا کنون براي شما گفته شده مبهم بوده است احساس نگراني نکنيد زيرا در قسمت هاي بعدي توضيحات بيشتري خواهيم داشت
\r\n
\r\n براي ياد گيري بهتر از چندين مثال استفاده ميکنيم
\r\n
\r\n
\r\n سرفصل و يا head line
\r\n
\r\n  

\r\n

\r\n <html>
\r\n         <body>
\r\n                 <h1> this is heading </h1>
\r\n                 <h2> this is heading </h2>
\r\n                 <h3> this is heading </h3>
\r\n         </body>
\r\n </html>

\r\n
\r\n
\r\n
\r\n
\r\n

\r\n سرفصلها توسط تگ هاي <h1> تا <h6> علامت گذاري ميشود
\r\n
\r\n پاراگراف

\r\n
\r\n
\r\n

\r\n <p> this is heading </p>
\r\n
\r\n <p> this is heading test</p>
\r\n      

\r\n
\r\n
\r\n
\r\n
\r\n
\r\n پاراگراف ها توسط تگهاي <p> علامت گذاري ميشود
\r\n
\r\n پيوند ها و يا لينک ها
\r\n
\r\n

\r\n <a href="www.internetstar.ir"> internetstar </a>
\r\n
\r\n link ها و يا پيوند ها توسط تگ <a> علامت گذاري ميشود اين تگ ها داراي نشانه هايي ميباشد که در قسمت هاي بعدي توضيح داده خواهد شد .
\r\n
\r\n تصاوير
\r\n  

\r\n
\r\n
\r\n
\r\n
\r\n

\r\n <img src="internetstar.gif" width"104" height="142"/>

\r\n
\r\n
\r\n
\r\n

\r\n تصاوير توسط تگ </img> علامت گذاري ميشوند که داراي نشانه ها و تفاوت هايي با 3 تگ قبلي است که در ادامه توضيح داده ميشود (ماننده نام و اندازه تصاوير )
\r\n
\r\n عناصر HTML
\r\n
\r\n عناصر HTML اجزاء سازنده يک مجموع HTML هستند .عنصر HTML يعني هر چيزي که بين تگ ابتدايي و انتهايي وجود دارد
\r\n
\r\n تگ شروع تگ باز و تگ پاياني تگ بسته نيز ناميده ميشود
\r\n
\r\n عناصر و يا اجزاء يک مجموعه HTML داراي نظام و قواعد خاصي هستند که تعدادي از انها در زير گفته ميشود

\r\n
\r\n
\r\n
    \r\n
  • \r\n عناصر HTML با يک تگ باز شروع مي شود .
  • \r\n
  • \r\n عناصرHTML با يک تگ بسته به پايان ميرسد.
  • \r\n
  • \r\n محتواي عناصر در بين تگهاي ابتدايي و انتهايي قرار ميگيرد
  • \r\n
  • \r\n بعضي از عناصر HTML محتوايي ندارن .
  • \r\n
  • \r\n اين عناصر در تگ ابتدايي بسته ميشود ماننده </br>
  • \r\n
  • \r\n بعضي از عناصرHTML داراي مشخصات و توانايي هايي هستند
  • \r\n
\r\n

\r\n البته در مورد توانايي هاي و مشخصات عناصر HTML در ادامه به صورت کامل توضيح داده خواهد شد.
\r\n
\r\n تگهاي HTML تو در تو

\r\n
\r\n
\r\n

\r\n <html>
\r\n         <body>
\r\n                 <p>  site phpnuke.ir </p>
\r\n                
\r\n         </body>
\r\n </html>

\r\n
\r\n
\r\n
\r\n
\r\n

\r\n تگهاي HTML معمولا توسط تگهاي احاطه شده اند و از قانون خاصي پيروي مي کنند به اين صورت که تگ ابتدا در آخر بسته ميشود اين بدين معنا ست که تگي که جلو تر از همه تگها باز ميشود بايد در آخر همه آنها بسته شود براي درک بهتر اين مطلب به مثال زير توجه کنيد
\r\n
\r\n
\r\n در اين مثال تگ <html> در ابتداي همه تگها باز شده است و در انتهاي همه انها با <html/> بسته شده . محتواي تگ <html> تگهاي <body> و <p> هستند
\r\n تگ <body> که بعد از آن باز شده قبل از ان با <body/> بسته شده است . محتواي تگ <body> که در واقع بدنه و قسمت قابل رويت يک صفحه HTML است در اين مثال يک تگ <p> است در مورد تگ <p> هم اين موضوع تکرار شده است
\r\n تگ هاي پاياني را فراموش نکنيد

\r\n
\r\n

\r\n <p>  site phpnuke.ir </p>

[ بالای صفحه ]

·  آموزش HTML قسمت چهارم

\r\n تگ هاي پاراگراف
\r\n پاراگراف ها توسط تگهاي <p> علامت گذاري ميشن

\r\n
\r\n <p> this is a paragraph </p>
\r\n <p> this is a another paragraph </p>
\r\n

\r\n مرورگر ها به صورت اتو ماتيک يک خط فاصله قبل و بعد از اين تگ ها ايجاد ميکنن باز هم اين نکته را ياد آوري ميکنم که تگ هاي ابتدايي و انتهايي را فراموش نکنيد
\r\n تگهاي شکستن خط
\r\n براي ايجاد شکست در يک خط و رفتن به خط بعدي و ايجاد فاصله از تگ </br> که يک تگ خالي است استفاده ميکنيم اين نکته قابل ذکر است که کليه فاصله ها در بين تگهاي html در هنگام نمايش توسط مرورگر از بين ميرود

\r\n
\r\n <p> this is a <br/> paragraph </p>
\r\n
\r\n

\r\n به طور مثال فاصله اي که قبل از محتواي اين عصر HTML وجود دارد در مروگر از بين ميرود
\r\n تگ هاي نوع نمايش نوشته ها
\r\n تگ هايي ماننده <i> و <b> باعث ميشوند که نوشته ها به صورت italic و يا bold نمايش داده شود اين تگ ها را تگهاي نوع نمايش ميگويند

\r\n
\r\n <p><b>this is a paragraph</b></p>
\r\n <p><strong>this is a paragraph</strong></p>
\r\n <p><big>this is a paragraph</big></p>
\r\n <p><em>this is a paragraph</em></p>
\r\n <p><i>this is a paragraph</i></p>
\r\n <p><small>this is a paragraph</small></p>
\r\n <p> this is <sub> subscript</sub> and<sup>superscript</sup></p>
\r\n

\r\n style ها
\r\n style چيست ؟
\r\n يکي از مهمتر ين مباحث در زمينه طراحي و کد نويسي style ها هستن به طور دقيق تر خصوصيات و تواناييهايي براي تگهاي HTML ميباشد و از اهميت بسيار بالايي برخوردارند . ياد گيري style ها پيش نيازي براي ياد گيري CSS ميباشد style ها ابزاري براي کنترول تمامي تگهاي HTML در صفحه وب هستند . در اينجا به صورت کلي توضيحاتي در مورد style و صفحات CSS داده خواهد شد و در اينده به صورت کامل با اين کد ها آشنا خواهيد شد
\r\n style ها به چندين روش درون صفحات وب نوشته ميشود
\r\n خطي و درون تگهاي html
\r\n تگهاي <style></style> درون صفحات html
\r\n صفحات خارجي با فرمت css
\r\n براي آشنايي بيشتر با اين موارد به ذکر چندين مثال مي پردازيم .

\r\n
\r\n <p style="background-color:yellow"></p>
\r\n <h1 style="font-size:10px"></h1>
\r\n <p style="font-family:times"></p>
\r\n <p style="text-align:center"></p>
\r\n

\r\n اينها کد هايي هستند که درون تگهاي HTML نوشته ميشود
\r\n تغير رنگ back Ground / پس زمينه با استفاده از style ها
\r\n براي شروع به کد هاي زير توجه کنيد

\r\n
\r\n <html>
\r\n <body style="background-color:yellow">
\r\n <h2>look: colored background!</h2>
\r\n </body></html>
\r\n

\r\n در قسمت body و يا بدنه صفحه وب مشاهده ميکنيد که از يکي style خطي استفاده شده است اين کد باعث خواهد شد که پس زمينه و يا background صفحه وب شما به رنگ زرد نمايش داده بشه براي مشاهده عملي اين صفحه آن را با توجه به خود آموز هاي قبلي بسازيد
\r\n تغيير font نوشته ها با استفاده از style ها
\r\n در اينجا مشاهده خواهيد کرد که فونت نوشته ها با استفاده از خصوصيات style ها قابل کنترول است

\r\n
\r\n <html>
\r\n <body>
\r\n <h1 style="font-family:verdana">A heading </h1>
\r\n <p style="font-famile:courier new;color:red;font-size:40px;">web site internetstar.ir </p>
\r\n </body>
\r\n </html>
\r\n

\r\n مشاهده ميکنيد در تگ <p> , <h1> اين style ها براي تغيير نوع فونت به کار ميرود
\r\n تغيير نوع چينش نوشته ها
\r\n در اينجا مشاهده ميکنيد که با استفاده از style ها نوع چينش نوشته ها را کنترول ميکنيم

\r\n
\r\n <html>
\r\n <body>
\r\n <h1 style="text-align:center"> php-nuke.ir </h1>
\r\n <p>Ever wonder how airline jets navigate the Earth from 30,000 feet on a cloudy day? The road maps provided by Google Maps wouldn’t be that relevant after all. The fact is most flights use radio navigation or GPS to find their way, and the radio navigation beacons they use are often visible in Google’s aerial and satellite imagery.</p>
\r\n </body>
\r\n </html>
\r\n

\r\n با توجه به گستردگي در مورد style ها در اينجا به همين توضيحات اکتفا ميکنيم و توضيحات بيشتر را در مورد style ها به خود آموز هاي بعدي موکول ميکنيم

[ بالای صفحه ]

·  آموزش HTML قسمت ششم

\r\n وارد کردن تصاوير در صفحات html
\r\n
\r\n  

\r\n
\r\n قبل از شروع اين خود اموز نکته هايي رو ياد آوري ميکنم يکي از ابتدايي ترين مسائل براي شروع ساخت يک وب سايت و ساختن صفحات وب ساخت directory ها و يا پوشه هايي هستند که وب سايت و صفحات وب درون آن قرار گيرند که از استاندارد هاي خاصي پيروي ميکنند .
\r\n
\r\n
\r\n براي شروع يک فولدر به نام وب سايت خود بسازيد و درون آن فولدري با نام images قرار دهيد همانطور که ميدانيد يکي از اصلي ترين عناصر تشکيل دهنده يک وب سايت تصاوير هستند که باري استفاده انها در صفحه وب بايد فايل انها را داخل پوشه images قرار دهيد .( براي جلوگيري از بهم ريختگي فايل هاي شما و ادرس دهي مناسب و استاندارد )
\r\n
\r\n

\r\n براي وارد نمودن تصاوير در صفحات وب از اين تگ استفاده مي شود

\r\n
\r\n
\r\n
\r\n <img src=”image.gif” alt=””>
\r\n
\r\n
\r\n
\r\n اين تگ img نشانه قرار گرفتن تصوير در صفحه و خصوصيت src آدرس محل قرار گرفتن فايل تصوير است . اگر صفحه اي که عکس بايد در ان قرار گيرد و خود تصوير در يک پوشه قرار داشته باشد شما ميتوانيد فقط نام فايل را به ادرس کامل بنويسيد
\r\n

\r\n   

\r\n
\r\n مثلا اگر تصوير شما در اين ادرس قرار داردhttp://www.phpnuke.ir/Forum/download/file.php?avatar=6341_1298485265.jpg و صفحه اي که در حال ويرايش آن هستيد در پوشه اي غير از اين قرار دارد شما بايد تگ زير را براي اضافه کردن تصوير به صفحه خود به کار ببريد .
\r\n
\r\n
\r\n
\r\n کد: انتخاب همه
\r\n
\r\n <img src="http://www.phpnuke.ir/Forum/download/file.php?avatar=6341_1298485265.jpg"alt=””>
\r\n
\r\n
\r\n
\r\n اگر فايل html و تصوير هر دو در يک پوشه باشند ميتوان از اين تگ استفاده کرد
\r\n
\r\n \r\n
\r\n
\r\n کد: انتخاب همه
\r\n
\r\n <img src=”php.gif”/>
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n و در اينجا به دليل اينکه تصوير ما داخل پوشه images قرار دارد آدرس دهي ما به صورت زير انجام مي گيرد
\r\n
\r\n پسوند فايل حتما نبايد gif باشد يعني شما ميتوانيد از فرمتي مثل jpg نيز استفاده کنيد اين دو فرمت از بقيه پر استفاده تر هستند اگر شما تصويري با فرمتي غير از اين دو فرمت داريد ميتوانيد از برنامه هاي ويرايش عکس از قبيل فتوشاپ براي تبديل فرمت استفاده کنيد
\r\n براي نمونه من ميخواهم يک عکس را با نام php.gif را که در پوشه images قرار دارد در صفحه وب اضافه کنم
\r\n در اينجا از اين تگ استفاده ميکنم

\r\n
\r\n
\r\n  
\r\n
\r\n
\r\n
\r\n
\r\n کد: انتخاب همه
\r\n
\r\n <img src=”images/php.gif”/>
\r\n
\r\n
\r\n
\r\n

\r\n به اين ترتيب يک تصوير را در سمت چپ مرورگر خواهيد ديد
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n align چيست ؟
\r\n
\r\n با اضافه کردن مقدار align و قرار دادن ان در تگ img شما مي توانيد چينش تصوير را تعيين کنيد

\r\n
\r\n
\r\n
\r\n <img src="internetstar.gif" align="center" alt="internetstar"/>
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n مقدار align ميتواند top.left . right. center باشد که در قسمت هاي اينده توضيحات بيشتري خواهيم داد
\r\n
\r\n align ها کاربرد هاي بسياري در صفحات وب دارند و خصوصيت بسيار مهمي در نحوه نمايش يک صفحه وب هستند . به خاطر داشته باشيد که ادرس محل عکس و نام ان به حروف کوچک و بزرگ و فاصله ها حساس هستند پس ممکن است اگر به جاي image.jpg از IMAGE.JPG استفاده کنيد مرورگر شما تصوير را در صفحه نشان ندهد پس در نوشتن انها دقت کنيد
\r\n
\r\n
\r\n alt چيست؟
\r\n
\r\n
\r\n alt مخفف کلمه alternate text ميباشد که براي اضافه کردن توضيحي کوتاه در مورد عکس مورد نظر استفاده ميکنيم
\r\n
\r\n طريقه نمايش اين توضيحات در مثال ها موجود است

\r\n
\r\n
\r\n
\r\n <img src="internetstar.gif" align="center" alt="internetstar.ir"/>
\r\n

\r\n
\r\n
\r\n در مورد اضافه کردن تصاوير به صفحه بعدا با جزئيات بيشتري توضيح مي دهيم تا اينجا ياد گرفتيم چگونه يک تصوير به صفحه اضافه کنيم و نحوه قرار گيري آنرا در صفحه تعيين کينم

\r\n

\r\n فرستنده آموزش : mohammad2407

[ بالای صفحه ]

·  آموزش HTMLقسمت هفتم

\r\n آموزش HTMLقسمت ششم
\r\n
\r\n table ها
\r\n
\r\n هميشه براي ساختن هر سازه اي احتياج به يک استخوانبندي هست . اين موضوع در مورد يک صفحه وب هم نيز صادق است و براي ساختن يک صفحه وب (باتوجه به ايدهما براي طراحي ظاهري آن صفحه ) احتياج به يک ساختار کلي است که در اکثر موارد از ديد کاربران و بازديد کنندگان صفحه وب مخفي مي ماند .
\r\n
\r\n اين ساختار کلي با توجه به استاندارد هاي روز طراحي وب سايت از div ها و در مواردي اندکي از table ها تشکيل ميشود امروزه در طراحي وب سايت از table ها فقط در مواردي خاص استفاده ميشود ماننده جدول ها و فرم ها
\r\n
\r\n
\r\n table ها به وسيله تگ <table> مرورگر معرفي ميشود و داراي ستون و سطر هستن ستون ها به وسيله تگ هاي <td> و سطر ها به وسيله تگهاي <tr> مشخص ميشوند
\r\n
\r\n لازم به ذکر است که تگ هاي <tr> و <td> به تنهايي کاربردي ندارند و لزوما بايد همراه تگ <table >در کد قرار گيرند
\r\n
\r\n
\r\n در زير نمونه اي از يک table با يک ستون و يک سطر ميبينيد
\r\n  

\r\n
\r\n
\r\n
\r\n     <table>
\r\n     <tr>
\r\n            
\r\n        <td></td>
\r\n       
\r\n     </tr>
\r\n     </table>
\r\n
\r\n
\r\n
\r\n

\r\n به نحوه باز شدن و بسته شدن تگها توجه کنيد ( قانون تگهاي باز و بسته - قسمت اول آموزش HTML)
\r\n
\r\n اين table ميتواند تعداد دلخواهي ستون و سطر داشته باشد و محدوديت از اين نظر ندارد براي اينکه بتوانيم کنترول بيشتري بر روي ظاهر اين جدول ها داشته باشيم ميتوانيم از خصوصيات هاي اين جدول ها استفاده کنيم اين نکته را نيز به خاطر بسپاريد که تعداد سلول ها /////   <td> در سطر ها در اکثريت موارد و به غير از مواردي خاص يکسان است
\r\n
\r\n طول و عرض table ها
\r\n
\r\n دو خصوصيت width وheight اين توانايي را به ما ميدهند که طول و ارتفاع اين جدول ها را تعيين کنيم
\r\n
\r\n اين طول و عرض ميتوانن به صورت وابسته و يا ثابت باشند در حالت وابسته طول و عرض با درصدي از عرض کل صفحه مشخص ميشود و در اندازه گذاري ثابت به جدولها و سلول ها داده ميشود
\r\n  

\r\n
\r\n     <table width="200" height="200">
\r\n         <tr>
\r\n         
\r\n             <td></td>
\r\n             <td></td>
\r\n            
\r\n         </tr>
\r\n     </table>
\r\n
\r\n
\r\n
\r\n

\r\n اين جدول داراي دو ستون و يک سطر با ارتفاع و عرض 200 پيکسل است و جدول زير داراي دو ستون با عرض 80% از عرض صفحه است
\r\n  

\r\n
\r\n     <table width="80%" height="80%">
\r\n         <tr>
\r\n         
\r\n             <td></td>
\r\n             <td></td>
\r\n            
\r\n         </tr>
\r\n     </table>
\r\n
\r\n
\r\n
\r\n

\r\n خصوصيات border
\r\n
\r\n مرز بين اين سطر ها و ستونها با استفاده از خطوط border مشخص ميشود که ميتوان با استفاده ار اين خصوصيت آن را کنترول کرد
\r\n  

\r\n
\r\n     <table width="80%" height="80%" border="1">
\r\n         <tr>
\r\n         
\r\n             <td></td>
\r\n             <td></td>
\r\n            
\r\n         </tr>
\r\n     </table>
\r\n
\r\n
\r\n
\r\n

\r\n مقدار border نشان دهنده ضخامت ان است و در صورتي که مقدار آن صفر (0) باشد border نمايش داده نميشود
\r\n
\r\n align و يا چينش در سطرها و ستون ها
\r\n
\r\n هر سطر و يا ستون در يک جدول ميتواند چينش مختص به خود را داشته باشد يعني عناصر داخل ان سطر و يا ستون از چينش آن سط و يا ستون پيروي ميکنند
\r\n به طور مثال :::
\r\n  

\r\n
\r\n     <table width="200" height="200" border="0" align="center">
\r\n         <tr>
\r\n             <td> ستون اول - سطر اول </td>
\r\n             <td> ستون دوم - سطر اول </td>
\r\n         </tr>
\r\n         <tr>
\r\n             <td> ستون اول - سطر اول </td>
\r\n             <td> ستون دوم - سطر اول </td>
\r\n     </tr>
\r\n
\r\n     </table>
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n در اين مثال جدول از دو سطر و دو ستون تشکيل شده است در مثال مشخص شده است و کليه سطرها و ستون ها از چينش که به تگ table در ابتداي مثال داده شده است پيروي ميکنند و چينش همه سطر ها و ستون ها center است.
\r\n
\r\n ميتوان به هر يک از سطر ها و ستون ها نيز به تنهايي چينش و align بدهيد . به مثال زير توجه کنيد
\r\n  

\r\n
\r\n     <table width="200" height="200" border="0" align="center">
\r\n     <tr>
\r\n         <td align="right"> ستون اول - سطر اول </td>
\r\n         <td align="left"> ستون دوم - سطر اول </td>
\r\n     </tr>
\r\n     <tr>
\r\n         <td> ستون اول - سطر اول </td>
\r\n         <td> ستون دوم - سطر اول </td>
\r\n     </tr>
\r\n     </table>
\r\n
\r\n
\r\n

\r\n در مثال ملاحضه ميکنيد که نوشته هايي که در بين تگهاي <td> </td> نوشته شده اند در ان سلول نمايش داده ميشود و در صورتي که هيچ عنصري در بين اين تگها نباشد سلول به صورت خالي نمايش داده ميشود
\r\n
\r\n عناصر کوچکتر تشکيل دهنده هر جدول را سلول مي ناميم . در مثال بالا جدول داراي چهار سلول است
\r\n
\r\n table هاي تو در تو
\r\n
\r\n يکي ديگر از خصوصيات اين جداول قابليت تو در تو قرار گرفتن اين جداول است به اين معني که يک جدول ميتواند در داخل سلول يک جدول ديگر قرار گيرد و زير مجموعه جدول بالاتر از خود باشد به مثالي در اين مورد توجه کنيد
\r\n  

\r\n
\r\n     <table width="200" height="200" border="0" align="center">
\r\n         <tr>
\r\n             <td align="right"> ستون اول - سطر اول </td>
\r\n             <td align="left">
\r\n                 <table width="200" height="200" border="0" align="center">
\r\n                     <tr>
\r\n                         <td align="right"> ستون اول - سطر اول </td>
\r\n                         
\r\n                     </tr>
\r\n                    
\r\n                     <tr>
\r\n            
\r\n                         <td> ستون دوم - سطر اول </td>
\r\n                     </tr>
\r\n                 </table>
\r\n             </td>
\r\n             </tr>
\r\n             <tr>
\r\n                 <td> ستون اول - سطر اول </td>
\r\n                 <td> ستون اول - سطر اول </td>
\r\n             </tr>
\r\n     </table>
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n در اين مثال ملاحظه ميکنيد که يک جدول با يک سطر و ستون داخل يکي از سلولها جدول بالا تري خود با 2سطر و ستون قرار گرفته اين قابليت کمک بسياري به طراحان صفحات وب در چينش اين صفحات ميکند
\r\n
\r\n background color (رنگ پس زمينه جدول )
\r\n
\r\n هر جدول و يا هر سطر و يا ستون ميتواند داراي رنگ پس زمينه مختص به خود باشد به مثال زير توجه کنيد
\r\n  

\r\n
\r\n     <table width="200" height="200" border="0" align="center" bgcolor="red">
\r\n         <tr>
\r\n             <td align="right" bgcolor="blue"> ستون اول - سطر اول </td>
\r\n             <td align="left">
\r\n                 <table width="200" height="200" border="0" align="center">
\r\n                     <tr>
\r\n                         <td align="right"> ستون اول - سطر اول </td>
\r\n                         
\r\n                     </tr>
\r\n                    
\r\n                     <tr>
\r\n            
\r\n                         <td> ستون دوم - سطر اول </td>
\r\n                     </tr>
\r\n                 </table>
\r\n             </td>
\r\n             </tr>
\r\n             <tr>
\r\n                 <td> ستون اول - سطر اول </td>
\r\n                 <td> ستون اول - سطر اول </td>
\r\n             </tr>
\r\n     </table>
\r\n
\r\n
\r\n
\r\n

\r\n ملاحضه ميکنيد که رنگ پس زمينه جدول به رنگ قرمز است ولي رنگ سلول ستون اول - سطر اول ابي است و چون خود اين سلول داراي رنگ پس زمينه است از رنگ پس زمينه کل جدول پيروي نميکند

\r\n

\r\n ارسال شده توسط mohammd2407

[ بالای صفحه ]

·  آموزش HTMLقسمت نهم

\r\n آشنايي با تگ Head و خصوصيات آن
\r\n
\r\n تگ head چيست ؟

\r\n
\r\n head قسمتي از وب سايت است که مواردي ماننده اطلاعاتي در زمينه فعاليت وب سايت ، وارد کردن اسکريپت ها و استايل ها و ... را شامل ميشود تگ هاي زير ميتوانند درون قسمت head يک وب سايت قرار بگيرند

\r\n
\r\n

\r\n
\r\n <title> , <base> , <link> , <meta> , <script> , <style>
\r\n
\r\n
\r\n
    \r\n
  1. \r\n <title>
  2. \r\n
\r\n

\r\n با استفاده از اين تگ مي توانيد سرفصل وب سايت خود را معرفي نماييد از کاربردها و مزاياي اين تگ ميتوان به

\r\n
\r\n
\r\n
\r\n
    \r\n
  • \r\n نمايش محتواي اين تگ به عنوان سر تيتر وب سايت شما بر بالاي پنجره مرورگر
  • \r\n
  • \r\n قرار گرفتن محتوايات و مقدار اين تگ در ليست علاقه منديهاي ثبت شده توسط کاربر در مرورگر
  • \r\n
  • \r\n نمايش مقدار اين تگ در نتايج موتور هاي جستجو
  • \r\n
\r\n
\r\n <html>
\r\n <head>
\r\n     <title>phpnuke</title>
\r\n
\r\n </head>
\r\n
\r\n <body>
\r\n
\r\n <p> مرجع نيوک فارسي</p>
\r\n
\r\n </body>
\r\n </html>
\r\n
\r\n
\r\n
\r\n

\r\n تگ <base>
\r\n
\r\n با استفاده از اين تگ ميتوانيد ادرس defualt لينک هاي خود و يا خاصيت target انها را مشخص کنيد

\r\n
\r\n
\r\n
\r\n <head>
\r\n
\r\n <base href="http://phpnuke.ir/image/" />
\r\n <base target="_blank" />
\r\n
\r\n </head>
\r\n
\r\n
\r\n

\r\n تگ <link>
\r\n
\r\n از اين تگ براي وارد کردن resource ها و منابع خارجي به صفحات وب استفاده ميشود ماننده وراد کردن style ها به صفحات وب

\r\n

\r\n
\r\n <head>
\r\n <link rel="stylesheet" href="style/stylesheet.css"type="text/css">
\r\n </head>
\r\n
\r\n
\r\n

\r\n تگ <style>
\r\n
\r\n در مورد اين تگ و نحوه استفاده از ان هم قبلا صحبت کرده بوديم و در اينجا به يک مثال اکتفا ميکنيم.

\r\n
\r\n
\r\n <head>
\r\n <style type="text/css"> body {background-color:yellow} p {color:blue}
\r\n </style>
\r\n </head>
\r\n
\r\n
\r\n

\r\n تگ <script>
\r\n
\r\n از اين تگ براي تعريف نمودن client-side script ماننده JavaScript در صفحات وب استفاده ميشود استفاده از اين تگ ها در خارج از تگ mete نيز صورت ميگيرد که در اين مورد توضيح بيشتري را خواهيم داد

\r\n
\r\n
\r\n تگ <meta>
\r\n
\r\n با استفاده از اين تگ ميتوانيد توضيحاتي را در مورد وب سايت خود به موتورهاي جستجو ارائه کنيد و انها را بهتر در شناخت وب سايت خود کمک کنيد

\r\n
\r\n
\r\n
\r\n
\r\n

\r\n
\r\n <meta name="KEYWORDS" content="Php-nuke, نيوک فارسي, قالب, بلوک, مشهدتيم">
\r\n <meta name="DESCRIPTION" content="PHPNuke.ir">
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n نگ meta چيست و نحوه تنظيم آن چگونه است ؟
\r\n
\r\n ميتوان تگ <meta> را خلاصه اي از مطالب يک وب سايت دانست که شامل توضيحاتي کوتاه در مورد وب سايت و محتويات ان ، کلمات کليدي براي کمک به موتور هاي جستجو و همچنين کاربران پيدا کرد مطالب مورد نظر است
\r\n
\r\n فوايد تگ meta و نحوه تنظيم آن چگونه است ؟
\r\n
\r\n تگ <meta> در ظاهر در صفحات وب نمايش داد نميشود و البته ميتوان به راحتي انها را با source code سند هاي HTML و مابين تگ <head> پيدا نمود به طور معمول تگهاي <meta> براي ارئه توضيحاتي در باره
\r\n
\r\n محتويات وب سايت ، کلمات کليدي ، به وجود آوردنده وب سايت ، تاريخ اخرين ويرايش و .. به کار برد
\r\n
\r\n رعايت کردن نکات زير ميتواند در تايين و تنظيم محتواي تگهاي <meta> مفيد باشد

\r\n
\r\n
\r\n
\r\n
\r\n
    \r\n
  • \r\n بهتر است مقادير keyword , description , title براي هر صفحه وب سايت به صورت مجزا و با توجه به محتويات ان صفحه وب تعيين گردد و از تکرار ان در همه صفحات وب به صورت يکسان خود داري شود
  • \r\n
  • \r\n بهتر است بين کلمات مورد استفاده در keyword , description , title يک رابطه منطقي موجود باشد و از کلمات تکراري کمتر استفاده شود
  • \r\n
  • \r\n و در نهايت اينکه محتوايات تگهاي <meta> حتما بايد به روشني بيانگر محتويات محتويات ان صفحه وب باشد
  • \r\n
\r\n

\r\n     

\r\n
\r\n <head>
\r\n     <meta name="KEYWORDS" content="Php-nuke, نيوک فارسي, قالب, بلوک, مشهدتيم">
\r\n     <meta name="DESCRIPTION" content="PHPNuke.ir">
\r\n     <meta name="suthor" content="admin phpnuke"/>
\r\n     <title>PHP-Nuke </title>
\r\n     </head>
\r\n

\r\n
\r\n
\r\n تفاوت مابين تگهاي meta با خاصيت HTTP-EQULV و NAME ؟
\r\n
\r\n
\r\n اگر شما به جاي
\r\n
\r\n <meta name="..."> از <meta HTTP-EQUIV=".."> استفاده نماييد نشان دهنده اين موضوع است که محتويات اين تگ <meta> به عنوان HTTP headers ارسال ميشود

[ بالای صفحه ]

·  آموزش HTMLقسمت هشتم

\r\n ليست ها
\r\n
\r\n ليست ها در حال حاظر کاربرد بسيار گستردهاي در طراحي صفحات وب پيدا کرده اند در تکنيکهاي جديد طراحي صفحات وب از جمله JQUERY , CSS ليستها نقش بسيار مهمي دارند ( مخصوصا در ساخت منوها)
\r\n
\r\n ليستها با استفاده از تگ هاي <li> <ol> <ul> در صفحات html وارد ميشوند و داراي چندين نوع هستند ليستها گاهي با عدد شماره گذاري ميشوند و گاهي با اشکالي ماننده دايره و مربع و... ( وگاهي بدون نشانه )
\r\n
\r\n از ليست ها ور مواقعي استفاده ميشود که بخواهيم يک سري موضوعات و يا اجزاي مرتبط و يک شکل را به صورت مرتب و دسته بندي شده نمايش بدهيم .
\r\n
\r\n به طور مثال ::

\r\n  

\r\n
\r\n <ul>
\r\n <li> www.internetstar.ir</li>
\r\n <li> www.phpnuke.ir  </li>
\r\n </ul>
\r\n
\r\n
\r\n
    \r\n
  • \r\n www.internetstar.ir
  • \r\n
  • \r\n www.phpnuke.ir\r\n
    \r\n <ol>
    \r\n <li> www.phpnuke.ir</li>
    \r\n <li> www.internetstar.ir</li>
    \r\n </ol>
    \r\n
  • \r\n
\r\n
    \r\n
  1. \r\n www.phpnuke.ir
  2. \r\n
  3. \r\n www.internetstar.ir
  4. \r\n
\r\n

\r\n نحوه نمايش اين ليست ها در زير کد هاي انها مشخص شده است که در مثال اول با استفاده از اشکال نمايش داده شده است
\r\n در مثال دوم با عددها . در اين مثالها تگ <ul> و <ol> نشان دهنده ليست و تگ <li> نشان دهنده اجزاء اين ليست هستند نوع ديگري از ليست ها نيز وجود دارد که در زير با ذکر يک مثال به ان ميپردازيم

\r\n
\r\n
\r\n
\r\n <html>
\r\n <body>
\r\n <dl>
\r\n     <td> www.internetstar.ir </td>
\r\n     <dd> وب سايت اينترنت استار  </dd>
\r\n     <dt> www.phpnuke.ir</td>
\r\n     <dd> مرجع نيوک فارسي </dd>
\r\n <dl>
\r\n </body>
\r\n </html>
\r\n
\r\n
\r\n

\r\n در اين مثال تگ <dl> نشان دهنده ليست در صفحات HTML و تگ <dt> نشان دهنده اجزاء ليست و تگ هاي <dd> نشان دهنده توضيحاتي براي اجزاء ميباشد
\r\n
\r\n
\r\n style sheet چيست؟ نحوه استفاده از چگونه است؟
\r\n
\r\n css يا همان style sheet ابزاري است براي قالب بندي و طراحي و کنترول اجزاي صفحات وب بدون استفاده از کد هاي HTML در اينجا به صورت کلي توضيحاتي در مورد style ها css و نحوه وارد کردن انها در صفحات HTML داده خواهد شد و در آينده به صورت کامل با اين کدها آشنا خواهيم شد
\r\n
\r\n style sheet ها به سه روش در صفحات HTML مورد استفاده قرار ميگيرند .

\r\n
\r\n
\r\n
\r\n
    \r\n
  1. \r\n external style sheet
  2. \r\n
  3. \r\n internal style sheet
  4. \r\n
  5. \r\n inline style
  6. \r\n
\r\n

\r\n external style sheet
\r\n
\r\n استفاده از style ها به صورت صفحات بيروني به فرمت css اگر ميخواهيد براي تعداد زيادي از صفحات وب يک فرمت و style خاصي را تعريف کرد بهتر است از اين روش استفاده کنيم
\r\n
\r\n از اين روش ميتوان براي کنترول تمامي اجزاي و تگهاي مورد استفاده در کليه صفحات يک وب سايت استفاده کرد به طوري که با وارد کردن اين style sheet در صفحات HTML يک وب سايت کليه صفحات به طور يکسان از style sheet استفاده ميکنند و به راحتي مي توان با اعمال تغييرات در اين سند کليه اجزاء و صفحات تشکيل دهنده يک وب سايت براي کنترول نمود
\r\n
\r\n براي وارد نمودن صفحات css از سه روش زير استفاده مي نمائيم

\r\n
\r\n
\r\n
\r\n <head>
\r\n <link rel="stylesheet" type="text/css" href="mystyle.css" />
\r\n </head>
\r\n
\r\n
\r\n

\r\n internal style sheet
\r\n
\r\n استفاده از تگ <style> براي وارد کردن style در صفحات HTML / اين روش براي نوشتن style هايي خاص براي صفحات به خصوص استفاده ميشود به اين معني که کدهاي css نوشته شده با اين روش فقط بر روي همان صفحه تاثير ميگذارد اين style ها با استفاده از تگ <style> در صفحات HTML وارد ميشوند و محل قرار گيري انها ما بين تگ <head> است

\r\n
\r\n
\r\n <head>
\r\n     <style type="text/css">
\r\n     body {background-color"yellow}
\r\n     p {color:blue}
\r\n </style>
\r\n </head>
\r\n
\r\n
\r\n
\r\n

\r\n inline style
\r\n
\r\n استفاده از
style ها به صورت خطي و درون تگهاي HTML از اين روش براي دادن فرمت و style خاصي براي يک تگ HTML استفاده ميشود براي آشنايي با اين نوع style به مثال زير توجه کنيد

\r\n
\r\n
\r\n
\r\n
\r\n <p style="color:blue;margin-left:20px"> INTERNETSTAR.IR .</p>
\r\n

\r\n
\r\n
\r\n در اين مثال font color و margin نگ <p></p> مورد نظر از سمت چپ با استفاده از دستور css تعيين شده است

[ بالای صفحه ]



تبلیغات در مرجع نیوک ماهیانه فقط 15 هزار تومان.
دستگاه کپی شارپ
ثبت علامت
نور مصنوعی برای گیاهان
پنجره دوجداره
سئو و بهینه سازی حرفه ای سایت
تشریفات عروسی
دانلود بازی اندروید
طراحی سایت حرفه ای، سئو حرفه ای
دیوارپوش آتین پلاست توس - تولید کننده دیوارپوش
پکیج تصفیه فاضلاب
باربری تهران
طراحی لوگو آنلاین
دانلود آهنگ جدید